博客文章 — Field Notes
-
数据类型有哪些？如何判断？如何转换？
数据类型 分为简单类型(基本类型)和复杂类型(引用数据类型) 基本类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol(ES6新增)。 复杂类型：对象(Object)、数组(Array)、函数(F
-
JS的节流、防抖及使用场景
函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 示例 function debounce(fun, delay) { return function () { clearTimeout(fun.id) fun.id = setTi
-
CommonJS 和ES6 MODULE的使用以及区别
CommonJS 使用方式 注意：是exports不是export 导出 //通过module.exports导出一个对象，对象存放功能函数或数据或某个具体的值 //引入时通过自定义变量obj.fn1()使用即可 module.exports = { fn1: function
-
闭包、柯里化、内存泄露、垃圾回收，一次全聊明白
本文涉及内容 闭包 柯里化 内存泄露 垃圾回收 阅读本文前，您需要对作用域和作用域链、原型和原型链有足够了解，见本博客另一篇文章，点这里，以及对this指向有足够了解，点这里 什么是闭包 能够访问其他函数内部变量的函数，被称为 闭包，简单来说，闭包就是函数内部定义的函数，被返回了
-
移动Web前端的疑难杂症整理
移动web页面多端屏幕适配 逻辑像素（logical pixel） CSS像素就是逻辑像素，CSS像素是Web编程的概念,在普通屏幕下，1个CSS像素对应1个物理像素(1:1)。 逻辑像素 ≈ 设备独立像素。 设备像素比 (device pixel ratio) 设备像素比 =
-
一次完整的HTML请求[含HTML渲染过程]
一次完整的HTTP请求过程 域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等） --
-
position、float、flex三种方式实现三栏布局
<div class="wrapper"> <div class="left">试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果试一下自适应效果 试一下自适应效果试一下自适应效果试一下
-
浏览器复制、剪切、粘贴事件简单操作示例
更多参考:点这里 复制、剪切、粘贴事件： copy 发生复制操作时触发; cut 发生剪切操作时触发; paste 发生粘贴操作时触发; 每个事件都有一个 before 事件对应：beforecopy、beforecut、beforepaste; 这几个 before 一般不怎么