Menu

前端

前端开发相关笔记,包括一些开发经验和代码。

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=...

Vue重点知识总结—基础篇(二)

1.Vue 组件 data 为什么必须是函数 因为js本身的特性带来的,Vue组件可能会有多个实例,如果 data 是一个对象,那么由于对象本身属于引用类型,当我们修改其中的一个属性时,会影响到当前组件所有实例的数据。如果将 data 作为一个工厂函数,那么每一个组件实例的 data 属性都是全新独立的,不会相互影响了,有效规避了...

前端重点知识总结—BOM

浏览器对象模型(Browser Object Model),不同浏览器提供了可以对浏览器窗口进行访问和操作的方法。 1.常用的Bom属性 ① location对象 location.href— 返回或设置当前文档的URL location.search — 返回URL中的查询字符串部分。例如 http://www.xxx.com/dreamdu.php?id=5&name=dreamdu 返回包括(?)后面...

js知识总结–面向对象篇

JavaScript 的核心是支持面向对象的,同时它也提供了强大灵活的 OOP 语言能力。面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。面向对象程序设计的目的是在编程中促进更好的灵活性和可维护性。 1.面向对象三要素 封装:一种把数据和相关的方法绑定在一起使用的方法。 继承:一个类可以继承另一个类的特...

前端重点知识总结—HTML/HTML5

1. HTML5新增了哪些新特性? 新元素: 用于媒介的 video 和 audio 元素 语意化更好的内容元素,比如 article、footer、header、nav、section 新的表单控件,calendar、date、time、email、url、search、color 本地存储 localStorage和sessionStorage JS绘图 canvas 2.WebSocket的实现和应用 ① 什么是WebSocket WebSocket...

前端重点知识总结—HTTP

1.http和https的基本概念 http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。 https: 是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HT...

CSS重点知识总结—响应式布局

1.rem布局的优缺点 rem本质是等比缩放。子元素尺寸设置rem单位,通过更改html元素的字体大小,就可以让子元素实际大小发生变化。 缺点: pc页面来讲使用次数不多,一般移动端可能会用;全适配方案可以使用媒体查询@media 数据量大:所有的图片,盒子都需要我们去给一个准确的值,才能保证不同机型的适配 2.常用的响应...