随笔分类 - JS
摘要：需求：滚动页面到一定距离后，页面中间的导航条固定到页面的某个位置不动，滚回去时会复原。 注意： 1.子元素和父元素都有滚动条时，滚动鼠标滚轮： 鼠标在父元素中，页面只滚动父元素；鼠标在子元素中时，页面只滚动子元素，只有当子元素滚到底之后，才会滚动父元素。 如果要在子元素中直接滚动父元素，只能先把子元
阅读全文
摘要：原型 每个函数都有一个prototype属性，指向一个对象，这个对象专门保存特定类型的所有实例【共有的属性和方法】。 所有原型对象都会自动获得constructor属性，指向构造函数。 在调用构造函数创建新实例对象时，会自动设置新实例的内部属性[[Prototype]]指向构造函数的prototyp
阅读全文
摘要：后台采用.net MVC框架，前端采用requirejs。整个系统页面布局基本不变，每个页面只改变Main_Content部分。 模板页cshtml： 子页面cshtml： 子页面js：
阅读全文
摘要：渲染性能 页面不仅要快速加载，而且要顺畅地运行；滚动应与手指的滑动一样快，并且动画和交互应如丝绸般顺滑。 60fps 与设备刷新率 60fps 与设备刷新率 目前大多数设备的屏幕刷新率为 60 次/秒。因此，如果在页面中有一个动画或渐变效果，或者用户正在滚动页面，那么浏览器渲染动画或页面的每一帧的速
阅读全文
摘要：转载自web fundamental 构建对象模型 浏览器渲染页面前需要先构建 DOM 和 CSSOM 树。因此，我们需要确保尽快将 HTML 和 CSS 都提供给浏览器。 字节 → 字符 → 标记 → 节点 → 对象模型。 HTML 标记转换成文档对象模型 (DOM)；CSS 标记转换成 CSS
阅读全文
摘要：MIME (Multipurpose Internet Mail Extensions) 是描述内容类型的互联网标准。Clients use this content type or media type header to select an appropriate viewer applicat
阅读全文
摘要：RegExp 创建正则表达式的方式： 如果正则表达式不需要动态生成时，创建固定正则表达式对象： var reg=/正则表达式/g; 正则表达式中所有/都要换为\/ 如果正则表达式由变量或字符串动态生成时，创建可变正则表达式对象： var reg=new RegExp("正则表达式","后缀"); 注
阅读全文
摘要：HTTP Cookie，是在客户端用于存储会话信息的。规范要求服务器对任意HTTP请求发送Set-Cookie HTTP头作为响应的一部分，其中包含会话信息。浏览器会存储这样的会话信息，并在这之后，通过为每个请求添加Cookie HTTP头将信息发送给服务器。Http协议是无状态的，对于同一个浏览器
阅读全文
摘要：js中原生的sort()采用快排和插入排序算法，根据比较器对数组排序。 默认是将数组元素转为字符串，然后根据Unicode字符集编号的大小排序。 charCodeAt(index) 返回指定位置字符的 Unicode 编号，取值是 0 - 65535 间的整数，与 charAt() 方法执行的操作相
阅读全文
摘要：单页应用中，页面的跳转如果只是通过js控制时，浏览器的前进/后退会离开当前url。另外通过url收藏当前页面后重新打开时会跳到应用的初始状态。 用前端路由的方法可以解决上述问题。url的hash部分改变，不会反生页面跳转，但会触发hashchange事件，再通过js显示不同的组件。简单实现如下：
阅读全文
摘要：JSON(JavaScript Object Notation)是一种独立于开发语言的用于存储和交换文本数据的格式，JSON 语法是JavaScript 语法的子集。 Json 可以保存数组格式和对象格式两种数据。其中对象格式以“键值对“的形式存储数据，key的取值为 String 类型，必须加双引
阅读全文
摘要：同源策略：浏览器出于安全考虑，会限制文档或脚本中发起的跨域请求（但src请求不受此限）资源的加载。实际上通过抓包软件可以发现请求和响应都会成功，但是响应数据并不会被浏览器加载。不同源的客户端脚本(javascript、ActionScript)在没明确授权的情况下，不可以使用 XMLHttpRequ
阅读全文
摘要：Promise是ES6中的函数，规范了如何处理异步任务的回调函数，功能类似于jQuery的defferred。简单说就是通过promise对象的不同状态调用不同的回调函数。目前IE8及以下不支持，其他浏览器都支持。 promise对象的状态，从Pending转换为Resolved或Rejected之
阅读全文
摘要：1.点击跳转到相应区域： 页面scroll掉的距离 = 目标板块在文档中的垂直坐标 - 起始板块（目标位置）到视图顶部的距离； document.body.scrollTop = scrollLength; document.documentElement.scrollTop = scrollLen
阅读全文
摘要：原生JS中 ele.getBoundingClientRect()：获取一个元素相对于浏览器视口的的坐标（无论父元素定位与否），返回一个Object对象，该对象有6个属性：top/left/right/bottom/width/height。几乎所有浏览器都支持该方法。jQuery中没有直接的方法，
阅读全文
摘要：使用new关键字调用函数（new ClassA(…)）的具体步骤： 1. 创建空对象； var obj = {}; 2. 设置新对象的constructor属性为构造函数的名称，设置新对象的__proto__属性指向构造函数的prototype对象； obj.__proto__ = ClassA.p
阅读全文
摘要：setTimeout，setInterval并不是多线程，只是浏览器提供的一个定时的事件触发器，让js代码在浏览器中延时执行。 let timeoutID = window.setTimeout(func[, delay, param1, param2, ...]); //param1/param2
阅读全文
摘要：浏览器组成 User interface: a. Every part of the browser display, except the window. b. The address bar, back/forward button, bookmarking menu, etc. Browser
阅读全文
摘要：Html模板 script标签只有写明type=text/javascript或者不写type属性时才会当成js代码来执行，其它情况下（通常type属性值设置为“text/template”）浏览器会直接将其当成普通节点加载，节点内的文本内容不会解析显示到页面上，可以当做模板供js使用。 _.tem
阅读全文
摘要：执行环境(execution context)定义了变量或函数有权访问的其他数据，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象(variable object)，环境中定义的所有变量、形参和函数声明都保存在这个对象中。编码时无法访问这个变量对象，解析器在处理数据时会在后台使用。 在W
阅读全文
