从五个方面来分析前端性能优化，为面试而打造。 优化HTML 避免图片和 iFrame等src属性为空。src属性为空，会重新加载当前页面，影响速度和效率 尽量避免在HTML标...
IP属地：广东
-
关于前端性能优化——大总结
-
才看了几个，到concat就开始错了，建议作者自己再纠正一遍
常用数组方法（ES6）
arr.push() 从后面添加元素，返回值为添加完后的数组的长度。 arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素。 arr.shift() 从前...
-
大屏可视化的屏幕适配如何使用 rem 和 px 函数适配各种屏幕 1. 整体屏幕适配 假设我们的设计稿是16：9的比例，大屏是红色的边框，我们想要显示的效果是紫色 部分，上下居中，左右居中，这样...
-
查看简书文章时，自动生成侧边目录
简书是没有目录的，导致我们查看文章的时候有一些特别长的文章看着挺乱的。 效果 方法 1. 安装油猴脚本(Tampermonkey)插件 如果你可以直接访问google，那么可...
-
【数据结构】逻辑结构&&物理结构按照视点的不同，我们把数据结构分为逻辑结构和物理结构。 逻辑结构 是指数据对象中数据元素之间的相互关系。逻辑结构分为以下四种： 1. 集合结构 集合结构中的数据元素除了同属于...
-
设置axios.defaults.withCredentials = true失效
现象 在项目中，因为跨域关系，前端需要设置 axios.defaults.withCredentials = true ，这样才能进行跨域操作。但是设置了之后也依旧报错。 原...
-
【React】井字棋代码优化
我在网上有找过几个版本的优化，要么不是一步步的实现的，要么就是代码不全或者有bug，这个我自己试过了没问题，如果有不能实现的地方，可以给我留言。我会持续更新版本。 需求 re...
-
Vue 与 Angular
无论在代码体积和性能上面，Vue都比Angular1、Angular2表现得优异许多。 1. 模板语法 Vue有许多语法和Angular十分相似，可以认为Angular是Vu...
-
Vue 与 ReactVue和React都是轻量级框架，不过从总体来看，Vue的性能是要高于React的。 1. 虚拟DOM 在处理用户界面时，DOM操作成本是最高的，两者都在渲染流程中采用虚拟D...
-
Vue中computed和watch的区别计算属性 computed 支持缓存，只有依赖数据发生改变，才会重新进行计算 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 computed 属性值会...
-
【Vue】常见修饰符
有过JS事件代码开发经验的一定对event.preventDefault()（阻止节点默认行为）和event.stopPropagation()（阻止事件冒泡）不陌生，这是处...
-
-
56个JavaScript 实用工具函数助你提升开发效率！1. 数字操作 生成指定范围随机数 数字千分位分隔 2. 数组操作 数组乱序 数组扁平化 数组中获取随机数 3. 字符串操作 生成随机字符串 字符串首字母大写 手机号中间四位...
-
20 个杀手级 JavaScript 单行代码
本篇整理了一些JavaScript的单行代码。 获取浏览器Cookie的值 通过document.cookie 来查找cookie值 颜色RGB转十六进制 复制到剪贴板 借助...
-
CSS3中的translate、transform和transition的区别
transform和translate 用途 transform是变形的意思，translate是transform的一个属性，表示2D动作。 ex transition 用...
-
Cookie、Session、LocalStorage、SessionStorage
Cookie 【牢记：前端永远不要读/写Cookie】 定义 HTTP协议本身是无状态的。什么是无状态呢，即服务器无法判断用户身份，所以我们浏览器仅仅用HTTP协议是远远不够...
-
前端面试题集【初级】（包含HTML、CSS、JS、DOM、HTTP、VUE、算法、安全、Webpack）
本篇分为九个模块：HTML、CSS、JS、DOM、HTTP、VUE、算法、安全、Webpack 一、HTML模块 1.你是如何理解HTML语义化的？ 答： 举例，段落用 p，...