- 博客(20)
- 收藏
- 关注
RSS订阅
原创 重绘和回流
重绘（Repaint）和回流（Reflow）重绘和回流会在我们设置节点样式时频繁出现，同时也会很大程度上影响性能。重绘是当节点需要更改外观而不会影响布局的，比如改变 color 就叫称为重绘回流是布局或者几何属性需要改变就称为回流。回流必定会发生重绘，重绘不一定会引发回流。回流所需的成本比重绘高的多，改变父节点里的子节点很可能会导致父节点的一系列回流。以下几个动作可能会导致性能问题：...
2019-11-01 21:12:31
527
原创 前后端加解密交互
前后端交互加解密前言加解密作用为保护用户个人隐私，加密算法必不可少。一套成熟的加解密算法，可以防止用户个人信息泄漏、丢失等一系列问题，加固网络传输安全。此项目用到的加解密sm3、sm4、2进制流...
2021-08-31 16:01:23
1252
原创 小程序
小程序小程序介绍 小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。小程序的优势丰富的API接口：小程序里面提供了界面、网络、文件、媒体、蓝牙、重力感应、陀螺仪、地图等各种接口，...
2020-02-22 20:17:20
481
原创 一杯羹
用途网址常用色彩搭配表http://tool.c7sky.com/webcolor/应用集合http://www.addog.vip/图标http://www.fontawesome.com.cn/jQuery小插件http://www.jq22.com/jquery-info20261/...
2019-11-07 21:05:51
345
原创 堵塞渲染
什么情况阻塞渲染首先渲染的前提是生成渲染树，所以 HTML 和 CSS 肯定会阻塞渲染。如果你想渲染的越快，你越应该降低一开始需要渲染的文件 大小，并且 扁平层级，优化选择器。然后当浏览器在解析到 script 标签时，会暂停构建 DOM，完成后才会从暂停的地方重新开始。也就是说，如果你想首屏渲染的越快，就越不应该在首屏就加载 JS 文件，这也是都建议将 script 标签放在 bod...
2019-11-01 20:50:22
218
原创 浏览器渲染原理
浏览器渲染原理我们知道执行js有一个js引擎，那么执行渲染也有一个渲染引擎。同样渲染引擎在不同浏览器中也是不相同的。比如在 Firefox中叫做Gecko，在Chrome和Safari中都是基于WebKit开发的。浏览器接收到HTML文件并转换为DOM树当我们打开一个网页时，浏览器都会去请求对应的HTML文件。虽然我们平时写代码时会分为JS、CSS、HTML 文件 ，也就是字符串，但是计算机...
2019-11-01 20:45:55
124
原创 前端开发实用网站
前端开发实用网站fontawesome 图标swiperbootscrap搜索各种插件uzerHTML综合应用网站MDN开发者文档网址CSS教程node中文网JavaScript教程网web开发人员必备工具包(实现快速敲代码)常用色彩搭配表阿里巴巴图标库web开发人员必备工具包（...
2019-10-19 16:18:46
256
原创 循环遍历
1. 普通的for循环var arr = [1, 2, 3]for(var i = 0; i < arr.length; i++) { // 这里的i是代表数组的下标console.log(i); // 0, 1, 2};最简单的一种，正常用的话也不会出现什么问题，想中断也可以中断，性能上也还可以。 2. 优化版的for循环var arr = [1, 2, 3]for(...
2019-10-17 12:11:56
1299
原创 数组的方法
数组的概念所谓数组，是有序的元素序列JavaScript的Array可以包含任意数据类型。注：一般来说数组中元素的类型相同数组的创建方式1-字面量var arr = [1, 2];//数组中有两个元素arr.length ;//获取数组的长度 arr[i]获取数组中的第i个元素，i称为数组的下标或者索引，下标从0开始 arr[0]//获取数组中的第一个元素 arr[0] = ...
2019-10-12 15:16:39
114
原创 DOM
DOM的概念及作用DOM 是 JavaScript 操作网页的api接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。document.scrollingElement属性返回文档的滚动元素document.documentElement（即<html>）...
2019-10-12 14:59:57
127
原创 正则
正则的概念正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个子字符串，将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子串等。为什么要用正则：前端往往有大量的表单数据校验工作，采用正则表达式会使得数据校验的工作量大大减轻。常用效果：邮箱、手机号、身份证号等。创建方式var reg = new RegExp(“stu...
2019-10-12 14:53:24
189
原创 有那些行内元素、有哪些块级元素、盒模型？
有那些行内元素、有哪些块级元素、盒模型？内联元素(inline element)a – 锚点abbr – 缩写acronym – 首字b – 粗体(不推荐)big – 大字体br – 换行em – 强调font – 字体设定(不推荐)i – 斜体img – 图片input – 输入框label – 表格标签s – 中划线(不推荐)select – 项目选择small...
2019-10-09 21:09:42
151
原创 absolute的containing block计算方式跟正常流有什么不同？
absolute的containing block计算方式跟正常流有什么不同？lock-level boxes一个 block-level element (‘display’ 属性值为 ‘block’, ‘list-item’ 或是 ‘table’) 会生成一个 block-level box，这样的盒子会参与到 block-formatting context (一种布局的方式) 中。b...
2019-10-09 21:06:43
1380
转载 优化图片加载的方法
优化图片加载的方法图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。如果图片为css图片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技术。如果图片过大，可以使用特殊编码的图片...
2019-10-09 20:49:28
192
原创 src与href的区别
src与href的区别src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，...
2019-10-09 20:44:18
98
原创 浏览器储存
cookies，sessionStorage和localStorage的区别sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。...
2019-10-09 20:39:04
109
原创 渐进增强和优雅降级之间的区别
渐进增强和优雅降级之间的区别渐进增强 progressive enhancement： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别： 优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从...
2019-10-09 15:20:04
707
原创 数组和对象的原生方法
数组和对象的原生方法ArrayArray.concat( ) 连接数组Array.join( ) 将数组元素连接起来以构建一个字符串Array.length 数组的大小Array.pop( ) 删除并返回数组的最后一个元素Array.push( ) 给数组添加元素Array.reverse( ) 颠倒数组中元素的顺序Array.shift( ) 将元素移出数组Array.sli...
2019-10-09 11:52:23
693
原创 Ajax
Ajax 是什么? 如何创建一个Ajax？Ajax并不算是一种新的技术，全称是asychronous javascript and xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对ajax的原生支持使用ajax原生方式发送请求主要通过XML...
2019-10-09 11:41:04
158
原创 BFC
BFC是什么？BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC， 它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。BFC有一下特性：内部的Box会在垂直方向，从顶部开始一个接一个地放置。Box垂直方向的距离由margin决定。属于同...
2019-10-08 21:48:00
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人