js知识总结—理论知识篇(二)
1.js事件循环机制 js是一门单线程语言，但却能优雅地处理异步程序，在于js的事件循环机制。 浏览器是多进程的，浏览器每一个 tab 标签都代表一个独立的进程，其中浏览器渲染进程（浏览器内核）属于浏览器多进程中的一种，主要负责页面渲染，脚本执行，事件处理等 其包含的线程有：GUI 渲染线程（负责渲染页面，解析 HTML...
js知识总结—常用功能代码实现
这里是一些常用的功能、工具类代码写法，长期完善。 1.防抖 触发高频事件后n秒内函数只会执行一次(执行最后一次)，如果n秒内高频事件再次被触发，则重新计算时间。 将多次操作合并为一次操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这...
js知识总结—理论知识篇(一)
1. js 是由哪三部分构成？ ECMAScript(JavaScript语法 ) DOM 文档对象模型 BOM 浏览器对象模型 ECMAScript ECMAScript 是由ECMA 国际（ 原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用泛。ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。 ...
Vue重点知识总结—基础篇(一)
1.Vue 中怎么自定义过滤器 可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值 Vue.filter('reverse', function (value) { return value.split('').reverse().join('') }) <!-- 'abc' => 'cba' --> <span v-text=...
js知识总结–面向对象篇
JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。面向对象程序设计的目的是在编程中促进更好的灵活性和可维护性。 1.面向对象三要素 封装：一种把数据和相关的方法绑定在一起使用的方法。 继承：一个类可以继承另一个类的特...
html、js、css渲染顺序
浏览器通过http或者本地文件收到http响应数据报文后，根据主体中content-type字段值，判断是否为html文档。为html文档时，新建渲染进程，网络进程和渲染进程通过管道通信共享数据。渲染进程一边从管道获取数据一边进行解析(HtmlParse)。 如果此时遇到外部资源，会再次启动网络接口（http）获取外部资源，对于相应的外部...
前端重点知识梳理—DOM
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。 通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构进行操作。 1. js怎样添加、移除、移动、复制、创建和查找节点? 1)创建新节...
网页加速之“JS/CSS压缩优化”
我们在浏览网页的时候，浏览器需要把网页上的内容，包括网页HTML，CSS，JS，FLASH和图片等下载到本地，然后把它们显示出来。如果网页上的内容是固定的，下载速度也不是你我能控制的，但下载的大小则是可以控制的，只需要你再传送的过程中先把内容压缩优化一下即可。 对于一般的HTML，CSS和JS文件，GZIP的压缩比率达50%到...