古道异禀

JavaScript 开发者应懂的几十个概念

调用堆栈
原始类型
值类型和引用类型
隐式, 显式, 名义和鸭子类型
== 与 ===, typeof 与 instanceof
this, call, apply 和 bind
函数作用域, 块级作用域和词法作用域
闭包
map, reduce, filter 等高阶函数
表达式和语句
变量提升
Promise
立即执行函数, 模块化, 命名空间
递归
算法
数据结构
消息队列和事件循环
setTimeout, setInterval 和 requestAnimationFrame
继承, 多态和代码复用
按位操作符, 类数组对象和类型化数组
DOM 树和渲染过程
new 与构造函数, instanceof 与实例
原型继承与原型链
Object.create 和 Object.assign
工厂函数和类
设计模式
Memoization
纯函数, 函数副作用和状态变化
耗性能操作和时间复杂度
JavaScript 引擎
二进制, 十进制, 十六进制, 科学记数法
偏函数, 柯里化, Compose 和 Pipe
代码整洁之道

1. 调用堆栈

文章

? Call Stack — MDN
? [译] JavaScript 如何工作：对引擎、运行时、调用堆栈的概述 —— 掘金
? [译] 理解 JavaScript 中的执行上下文和执行栈 —— 掘金
? 这一次，彻底弄懂 JavaScript 执行机制 —— 掘金
? 解读 JavaScript 之引擎、运行时和堆栈调用 —— 开源中国
? Tasks, microtasks, queues and schedules —— Jake Archibald

视频

? What is the event loop anyway? —— 腾讯视频(英文字幕)
? Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop —— Bilibili
? JS 中的变量提升、堆栈内存及闭包详解 —— Acfun
? 事件循环模型 —— PHP 中文网

2. 原始类型

文章

? 原始数据 —— MDN
? ECMAScript 原始类型 —— W3school
? How numbers are encoded in JavaScript —— Dr. Axe
? 每一个 JavaScript 开发者应该了解的浮点知识 —— 颜海镜
? JavaScript 标准参考教程(基本语法之数值) —— 阮一峰
? The Secret Life of JavaScript Primitives —— Angus Croll

视频

? javascript 六种数据类型 —— 慕课网
? javascript 视频教程(数据类型) —— PHP 中文网

3. 值类型和引用类型

文章

? ECMAScript 引用类型 —— W3school
? js 中的值类型和引用类型的区别 —— 博客园
? JavaScript 的值传递和引用传递 —— FunDebug
? Primitive Types & Reference Types in JavaScript —— Bran van der Meer
? JavaScript: Passing by Value or by Reference —— CSDN
? js 值引用和值复制 —— SegmentFault
? js- 引用和复制(传值和传址) —— CSDN

4. 隐式, 显式, 名义和鸭子类型

文章

? ECMAScript 类型转换 —— W3school
? JavaScript 的怪癖 1：隐式类型转换 —— justjavac
? JavaScript 运算符规则与隐式类型转换详解 —— 掘金
? 聊一聊 JS 中的隐式类型转换 —— SegmentFault
? 有趣的 JavaScript 隐式类型转换 —— 博客园
? JavaScript 显式类型转换与隐式类型转换 —— CSDN
? 你不知道的 JavaScript（中卷）强制类型转换 —— 简书
? 你懂 JavaScript 嗎？#8 強制轉型 —— cythilya
? 动态类型语言和鸭子类型 —— 曾探
? Nominal & Structural Typing —— flow
? What exactly is Type Coercion in Javascript? —— stackoverflow
? You Don't Know JS: Types & Grammar —— github

视频

? javascript 隐式转换 —— 慕课网
? Javascript 基础加强-类型转换 —— 黑马程序员

5. == vs ===, typeof vs instanceof

文章

? JavaScript 中的相等性判断 —— MDN
? js 中 == 和 === 的区别 —— 掘金
? == vs === in Javascript —— CSDN
? 深入理解 javascript 之 typeof 和 instanceof —— CSDN
? JavaScript 的 typeof 的用途 —— justjavac
? 一张图看懂 Function 和 Object 的关系及简述 instanceof 运算符 —— 掘金
? 浅谈 instanceof 和 typeof 的实现原理 —— 掘金
? js 中 typeof 与 instanceof 用法 —— 博客园

6. this, call, apply 和 bind

文章

? Javascript 的 this 用法 —— 阮一峰
? 学会 JS 的 this 这一篇就够了，根本不用记 —— 简书
? [译] this（他喵的）到底是什么 — 理解 JavaScript 中的 this、call、apply 和 bind —— 掘金
? this、apply、call、bind —— 掘金
? 使用 call、apply 和 bind 解决 js 中烦人的 this，事件绑定时的 this 和传参问题 —— 博客园
? call、apply 和 bind 的原生实现 —— github
? 详解 JS 中的 this、apply、call、bind(经典面试题) —— 脚本之家

视频

? JavaScript 关于 this 关键字解释 —— 爱奇艺
? JS 关于作用域闭包和 this 的综合面试题 —— 百度视频
? js 面向对象闭包数组 12.函数中的 this —— 乐视视频
? 1.3.10-this 指向及 this 应用 —— 乐视视频
? 珠峰培训 JavaScript 开发课程：关于 this 关键字、闭包作用域 —— 网易云课堂

7. 函数作用域, 块级作用域和词法作用域

文章

? 变量作用域与解构赋值 —— 廖雪峰
? 学习 Javascript 闭包（Closure） —— 阮一峰
? JavaScript 中词法作用域、闭包与跳出闭包 —— SegmentFault
? JavaScript 深入之词法作用域和动态作用域 —— 掘金
? 深入理解闭包之前置知识 → 作用域与词法作用域 —— 掘金
? What is lexical scope? —— stackoverflow
? You Don't Know JS: Scope & Closures —— Kyle Simpson

8. 闭包

文章

? 闭包 —— MDN
? ECMAScript 闭包（closure）—— w3school
? 学习 Javascript 闭包（Closure） —— 阮一峰
? 闭包 —— 廖雪峰
? 一次性搞懂 JavaScript 闭包 —— 简书
? JavaScript 闭包 —— SegmentFault
? js 匿名自执行函数中闭包的高级使用 —— 掘金
? 高效使用 JavaScript 闭包 —— 掘金

视频

? JavaScript 闭包和闭包面试题 —— 爱奇艺
? js 面向对象闭包数组 11.闭包 —— 乐视
? 白贺翔_函数(闭包) —— 乐视

9. map, reduce, filter 等高阶函数

文章

? 高阶函数 —— 廖雪峰
? ES5 中新增的 Array 方法详细说明 —— 张鑫旭
? 一张图看懂 JavaScript 中数组的迭代方法：forEach、map、filter、reduce、every、some —— 掘金
? Transducing（上）－《JavaScript 轻量级函数式编程》 —— SegmentFault

10. 表达式和语句

文章

? js 表达式与语句 —— 博客园
? JS 表达式和语句的区别 —— SegmentFault
? JavaScript 中的表达式（expression）和语句/声明（statement） —— CSDN
? 重讀 Axel 的 Javascript 中的 Expression vs Statement 一文 —— SegmentFault
? Expressions versus statements in JavaScript —— Dr. Axel

11. 变量提升

文章

? JavaScript 变量提升 —— 菜鸟教程
? ES6 变量作用域与提升：变量的生命周期详解 —— 掘金
? [翻译] JavaScript Scoping and Hoisting —— SegmentFault
? JavaScript Scoping and Hoisting —— Ben Cherry

12. Promise

文章

? 使用 promises —— MDN
? Promise —— MDN
? Promie — 廖雪峰
? JavaScript Promise：去而复返 —— 司徒正美
? (上面的原文)JavaScript Promise：简介 —— Web Fundamentals
? 1 分钟读完《10 分钟学会 JavaScript 的 Async/Await》 —— justjavac
? JavaScript Promise 迷你书（中文版）
? JavaScript 进阶之路——认识和使用 Promise，重构你的 Js 代码 —— 博客园

视频

? Promise 入门 —— 慕课网

13. 立即执行函数, 模块化, 命名空间

文章

? Javascript 模块化编程（一）：模块的写法 —— 阮一峰
? javascript 模块化编程-详解立即执行函数表达式 —— 简书
? Javascript 的匿名函数与自执行 —— 掘金
? 前端模块化——技术选型 —— SegmentFault
? 谈谈 Js 前端模块化规范 —— SegmentFault

14. 递归

文章

? 求解释 js 递归 —— SegmentFault
? JavaScript 中的递归 —— 掘金
? 递归（上）－《JavaScript 轻量级函数式编程》 —— 掘金
? 递归（下）－《JavaScript 轻量级函数式编程》 —— 掘金
? 尾调用和尾递归 —— 掘金
? 几个经典递归问题用 js 实现 —— CSDN
? 递归函数的几个例子 —— CSDN

15. 算法

文章

? 十大经典排序算法总结（JavaScript 描述） —— 掘金
? 在 JavaScript 中学习数据结构与算法 —— 掘金
? JS 中可能用得到的全部的排序算法 —— 掘金
? JS 家的排序算法 —— 简书
? 前端常见算法的 JS 实现 —— SegmentFault
? 前端面试中的常见的算法问题 ——蒲小花的博客

视频

? Javascript 实现二叉树算法 —— 慕课网

16. 数据结构

文章

? 来我们浅谈一下 js 的数据结构 —— 简书
? JavaScript 中的算法与数据结构 —— 简书
? 学 JS 必看-JavaScript 数据结构深度剖析 —— 大道至简的博客
? js 中基础数据结构数组去重问题 —— 掘金

视频

? ? JavaScript 数据结构-运算符 —— 乐视

17. 消息队列和事件循环

文章

? 并发模型与事件循环 —— MDN
? JavaScript 运行机制详解：再谈 Event Loop —— 阮一峰
? 深入理解 JavaScript 事件循环 —— 博客园
? 深入浅出 Javascript 事件循环机制 —— 知乎
? JS 事件循环机制（event loop）之宏任务、微任务 —— SegmentFault
? JavaScript：彻底理解同步、异步和事件循环 —— SegmentFault

18. setTimeout, setInterval 和 requestAnimationFrame

文章

? Window setTimeout() 方法 —— 菜鸟教程
? Window setInterval() 方法 —— 菜鸟教程
? 关于 setTimeout —— 掘金
? 你不知道的 Javascript：有趣的 setTimeout —— 掘金
? 原来你是这样的 setTimeout —— 掘金
? setTimeout() 和 setInterval() 本质区别在哪里？ —— SegmentFault
book: window.requestAnimationFrame —— MDN
? requestAnimationFrame 知多少？ —— 博客园
? CSS3 动画那么强，requestAnimationFrame 还有毛线用？ —— 张鑫旭
? 「JavaScript 定时器」setInterval、setTimeout 和 requestAnimationFrame 浅析 —— SegmentFault
? 翻译：setInterval 与 requestAnimationFrame 的时间间隔测试 —— SegmentFault
? 阿里前端面试题：requestAnimationFrame 实现类似 setInterval 的计时器 —— SegmentFault

视频

? setTimeout 和 setInterval —— 优酷

19. 继承, 多态和代码复用

文章

? JS 面向对象编程之：封装、继承、多态 —— 博客园
? Javascript 的继承与多态 —— 简书
? js:面向对象编程，带你认识封装、继承和多态 —— 掘金
? JavaScript 中的“多继承” —— 掘金
? 代码复用模式 —— github
? 深入理解 JavaScript：代码复用模式(推荐篇) —— 汤姆大叔
? 深入理解 JavaScript：代码复用模式(避免篇) —— 汤姆大叔

20. 按位操作符, 类数组对象和类型化数组

文章

? 按位操作符 —— MDN
? 类数组对象 —— MDN
? 类型化数组 —— MDN
? JavaScript ArrayBuffer 浅析 —— 博客园

21. DOM 树和渲染过程

文章

? 如何创建一个 DOM 树 —— MDN
? HTML DOM 节点 —— W3school
? DOM 概述 —— 阮一峰
? 《JavaScript 闯关记》之 DOM（上）—— 掘金
? 《JavaScript 闯关记》之 DOM（下）—— 掘金
? 掌握 DOM 操作 —— 掘金
? 操作 DOM —— 廖雪峰
? 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 —— 掘金

视频

? DOM 探索之基础详解篇 —— 慕课网
? DOM 事件探秘 —— 慕课网
? jQuery 基础(二)DOM 篇 —— 慕课网
? JS 操作 DOM 对象属性和方法 —— 爱奇艺

22. new 与构造函数, instanceof 与实例

文章

? 构造函数与 new 命令 —— 阮一峰
? Javascript 面向对象编程（二）：构造函数的继承 —— 阮一峰
? 完整原型链详细图解(构造函数、原型、实例化对象) —— CSDN
? JavaScript 中构造函数与 new 操作符的实例详解 —— PHP 中文网
? 构造函数、实例、原型、原型链之间的关系 —— CSDN
? 深入理解 JS—instanceof 和原型链 —— CSDN
? 前端基础进阶（九）：详解面向对象、构造函数、原型与原型链 —— 简书
? js 用 new 实例化对象与直接调用的 this 的区别 —— 简书
? JavaScript 并非所有的东西都是对象 —— justjavac
? JavaScript instanceof 运算符深入剖析 —— IBM

视频

? 改良版的构造函数 —— 乐视

23. 原型继承与原型链

文章

? 继承与原型链 —— MDN
? 构造函数、原型与原型链 —— github
? 原型及原型链 —— github(1269 Star)
? 理清 javascript 中的面向对象(一) 原型继承 —— SegmentFault
? JavaScript：继承和原型链(译) —— justjavac
? 三张图搞懂 JavaScript 的原型对象与原型链 —— 博客园
? 一张图让你搞懂 JavaScript 的继承与原型链 —— CSDN
? JS 高级--原型链(一看就懂，但 18 岁以下请绕道) —— CSDN
? 原型继承 —— 廖雪峰
? JS 原型链与继承别再被问倒了 —— 掘金
? 征服 JavaScript 面试系列：类继承和原型继承的区别 —— 掘金

视频

? JS 高级-07-原型链继承 —— 乐视
? JS 原型对象和原型链简介 —— 腾讯视频

24. Object.create 和 Object.assign

文章

? Object.create —— MDN
? Object.assign —— MDN
? Object.create vs Object.assign —— 慕课网手记
? JS 中的 Object.assign()、Object.create()、Object.defineProperty() —— CSDN
? es6 中 object.create()和 object.assign() —— 风信子博客
? Object-Assign-Deep —— github

25. 工厂函数和类

文章

? 类 —— MDN
? 类和实例 —— 廖雪峰
? Javascript 定义类（class）的三种方法 —— 阮一峰
? 【译】ES6 的工厂函数 —— 掘金
? JavaScript 创建对象之单例、工厂、构造函数模式 —— 掘金

26. 设计模式

文章

? 设计模式 —— 阮一峰
? JavaScript 设计模式 —— 掘金
? 学用 JavaScript 设计模式 —— 极客学院
? [面试专题]JS 设计模式 —— SegmentFault
? JavaScript Patterns 中译本 —— github

视频

? HTML5 课程大纲 2-11JS 设计模式

27. Memoization

文章

? JavaScript Memoization —— 司徒正美
? memoization 提升递归效率 —— 博客园
? 如何提升 JavaScript 的递归效率 —— 51CTO
? JavaScript 高级技巧 Memoization —— SegmentFaut

28. 纯函数, 函数副作用和状态变化

文章

? 纯函数(Pure Function) —— React.js 小书
? JavaScript Functional Programming：纯函数 —— 宁皓网
? js 函数的副作用分析 —— 脚本之家
? 如何使用纯函数式 JavaScript 处理脏副作用 —— 掘金
? 原生 JavaScript 实现 state 状态管理系统 —— 博客园

29. 耗性能操作和时间复杂度

文章

? 时间复杂度 O(log n) 意味着什么？ —— 掘金
? 算法的时间复杂度和空间复杂度 —— 掘金
? 算法（一）时间复杂度 —— 掘金
? Big O Search Algorithms in JavaScript —— Bradley Braithwaite
? Time Complexity Analysis in JavaScript — Jennifer Bland

30. JavaScript 引擎

文章

? javascript 引擎 —— 百度百科
? V8(JavaScript 引擎) —— 百度百科
? 图解搞懂 JavaScript 引擎 Event Loop —— 掘金3
? V8 JavaScript 引擎：高性能的 ES2015+ —— justjavac
? 10 分钟理解 JS 引擎的执行机制 —— SegmentFaut
? V8 javascript 引擎 —— 博客园

31. 二进制, 十六进制, 十进制, 科学记数法

文章

? 二、八、十、十六进制转换(图解篇) —— 博客园
? JavaScript 读写二进制数据 —— 掘金

视频

? 二进制、十进制、十六进制互相转化很难吗？ —— 百度视频

32. 偏函数, 柯里化, Compose 和 Pipe

文章.

? Javascript 函数式编程之偏函数 —— CSDN
? JavaScript 专题之偏函数 —— SegmentFault
? 柯里化和偏函数有什么区别？ —— SegmentFault
? Javascript 偏函数与柯里化 —— CSDN
? 柯里化(curry) —— JS 函数式编程指南
? 代码组合(compose) —— JS 函数式编程指南
? 关于 javascript 函数式编程中 compose 的实现 —— SegmentFault
? 实现 compose 的五种思路 —— SegmentFault
? JavaScript 函数式编程之函数组合函数 compose 和 pipe 的实现 —— SegmentFault
? JavaScript 轻量级函数式编程-第 4 章:组合函数 ——掘金

33. 代码整洁之道

文章

? [译] JavaScript 代码整洁之道 —— 边城
? Javascript 编程风格 —— 阮一峰
? 重构 - 代码整洁之道 —— 掘金
? 让你的代码更简短，更整洁，更易读的 ES6 小技巧 —— 掘金

Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
【加密社】Solidity 中的事件机制及其应用加密社闲侃区块链智能合约区块链
加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
springboot+vue项目实战一-创建SpringBoot简单项目苹果酱0567 面试题汇总与解析 spring boot 后端 java 中间件开发语言
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
最简单将静态网页挂载到服务器上(不用nginx) 全能全知者服务器 nginx 运维前端 html 笔记
最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
补充元象二面 Redstone Monstrosity 前端面试
1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
微信小程序开发注意事项 jun778895 微信小程序小程序
微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
字节二面 Redstone Monstrosity 前端面试
1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
前端代码上传文件余生逆风飞翔前端 javascript 开发语言
点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
360前端星计划-动画可以这么玩马小蜗
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
Vue + Express实现一个表单提交九旬大爷的梦
最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
前端知识点 ZhangTao_zata 前端 javascript css
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
第三十一节:Vue路由:前端路由vs后端路由的了解曹老师
1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
华雁智科前端面试题因为奋斗超太帅啦前端笔试面试问题整理 javascript 开发语言 ecmascript
1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
如何建设数据中台（五）——数据汇集—打破企业数据孤岛 weixin_47088026 学习记录和总结中台数据中台程序人生经验分享
数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
分布式锁和spring事务管理暴躁的鱼锁及事务分布式 spring java
最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
前端CSS面试常见题剑亦未配妥前端面试前端 css 面试
边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
【JS】前端文件读取FileReader操作总结程序员-张师傅前端前端 javascript 开发语言
前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
【前端】vue 报错:The template root requires exactly one element 程序员-张师傅前端前端 vue.js javascript
【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
从单体到微服务：FastAPI ‘挂载’子应用程序的转变黑金IT fastapi 微服务 fastapi 架构
在现代Web应用开发中，模块化架构是一种常见的设计模式，它有助于将大型应用程序分解为更小、更易于管理的部分。FastAPI，作为一个高性能的PythonWeb框架，提供了强大的支持来实现这种模块化设计。通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方
创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端 ui 服务器
前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
了解 UNPKG：前端开发者的包管理利器小于负无穷前端 javascript typescript css html5 node.js
在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
前端three.js的Sprite模拟下雪动画效果 qq_35430208 three.js 前端 javascript 三维场景中下雪效果 threejs实现下雪效果
一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add
系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机 rabbit_it qiankun学习前端框架前端阿里云
一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
ODOO不同版本与平台选择 chouchengyin2080 c#操作系统运维
1.10.0vs11.0vs8.0截至2017年底，最新的ODOO发布版为ODOO11.0，但功能上有一定精简（去除财务模块，去除工作流支持），技术上变动较大（代码逐步迁移至Python3，前端框架改写得抽象）。所以如果是从生产使用的角度来讲，ODOO10.0是当前最好选择，因为其更稳定，第三方模块也更多更全面。而如果是ODOO技术爱好从业者，则逐步迁移至ODOO11.0也有必要，因为其底层技术架
Nuxt Kit 自动导入功能：高效管理你的模块和组合式函数 qcidyu 好用的工具集合代码效率前端技巧 Vue开发组合式函数模块管理自动导入 Nuxt Kit
title:NuxtKit自动导入功能：高效管理你的模块和组合式函数date:2024/9/14updated:2024/9/14author:cmdragonexcerpt:通过使用NuxtKit的自动导入功能，您可以更高效地管理和使用公共函数、组合式函数和VueAPI。无论是单个导入、目录导入还是从第三方模块导入，您都可以通过简单的API调用轻松实现。categories:前端开发tags:N
开发者关心的那些事圣子足道 ios 游戏编程 apple 支付
我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginx F5
对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
LeetCode[Math] - #9 Palindrome Number Cwind java Algorithm 题解 LeetCode Math
原题链接：#9 Palindrome Number 要求：判断一个整数是否是回文数，不要使用额外的存储空间难度：简单分析：题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。注：没有看到有关负数是否可以是回文数的明确结论，例如
画图板的基本实现 15700786134 画图板
要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame { //显示
linux的ps命令被触发 linux
Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
Android 音乐播放器下一曲连续跳几首歌肆无忌惮_ android
最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
java导出txt文件的例子知了ing java servlet
代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
Scala stack试玩, 提高第三方依赖下载速度矮蛋蛋 scala sbt
原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linux spider
1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
JAVA IO FileInputStream和FileOutputStream，字节流的打包输出百合不是茶 java核心思想 JAVA IO操作字节流
在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流类 FileInputStream
Spring基础实例（依赖注入和控制反转） bijian1013 spring
前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
HR看重的十大技能 bijian1013 提升能力 HR 成长
一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。　　一、解决问题的能力　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
【Thrift一】Thrift编译安装 bit1129 thrift
什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
nginx定制500，502，503，504页面 ronin47 nginx　错误显示
server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表题目：输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
Netty源码学习-HTTP-tunnel bylijinnan java netty
Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了一个完整的例子在这里： https://github.com/bylijinnan
JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jquery json map val()
JSONUtil.serialize(map)和JSON.toJSONString(map)的区别数据库查询出来的map有一个字段为空通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
Hibernate缓存总结 cuishikuan 开源 ssh javaweb hibernate缓存三大框架
一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
CentOs6 dalan_123 centos
首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用在XML里； <ImageBut
JSP之c:foreach eksliang jsp forearch
原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性属性描述是否必须缺省值 items 进行循环的项目否无 begin 开始条件否 0 end 结束条件否集合中的最后一个项目 step 步长否 1
Android实现主动连接蓝牙耳机 gqdy365 android
在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。大致可以分三步：一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
android学习轨迹之四：org.json.JSONException: No value for hyz301 json
org.json.JSONException: No value for items 在JSON解析中会遇到一种错误，很常见的错误 06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
干货分享：从零开始学编程系列汇总 justjavac 编程
程序员总爱重新发明轮子，于是做了要给轮子汇总。从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏
jquery-autocomplete 使用手册 macroli jquery Ajax 脚本
jquery-autocomplete学习一、用前必备官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改超声波 oracle plsql
　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
10.1 全局异常处理使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring

JavaScript 开发者应懂的几十个概念

目录

1. 调用堆栈

文章

视频

2. 原始类型

文章

视频

3. 值类型和引用类型

文章

4. 隐式, 显式, 名义和鸭子类型

文章

视频

5. == vs ===, typeof vs instanceof

文章

6. this, call, apply 和 bind

文章

视频

7. 函数作用域, 块级作用域和词法作用域

文章

8. 闭包

文章

视频

9. map, reduce, filter 等高阶函数

文章

10. 表达式和语句

文章

11. 变量提升

文章

12. Promise

文章

视频

13. 立即执行函数, 模块化, 命名空间

文章

14. 递归

文章

15. 算法

文章

视频

16. 数据结构

文章

视频

17. 消息队列和事件循环

文章

18. setTimeout, setInterval 和 requestAnimationFrame

文章

视频

19. 继承, 多态和代码复用

文章

20. 按位操作符, 类数组对象和类型化数组

文章

21. DOM 树和渲染过程

文章

视频

22. new 与构造函数, instanceof 与实例

文章

视频

23. 原型继承与原型链

文章

视频

24. Object.create 和 Object.assign

文章

25. 工厂函数和类

文章

26. 设计模式

文章

视频

27. Memoization

文章

28. 纯函数, 函数副作用和状态变化

文章

29. 耗性能操作和时间复杂度

文章

30. JavaScript 引擎

文章

31. 二进制, 十六进制, 十进制, 科学记数法

文章

视频

32. 偏函数, 柯里化, Compose 和 Pipe

文章.