super_素素

摘要： 常见深拷贝 JSON系列化 JSON.parse(JSON.stringify())的确是一种很简单易用的方式呢，可惜的是，JSON是一个很有原则的男人，他可不会对你言听计从。在遇到不安全的JSON值会自动将其忽略，在数组中则会返回null（以保证单元位置不变）。 不安全的 JSON 值: unde 阅读全文

摘要： 开始之前 在开始聊克隆之前，我们还是先来看看js数据类型。js的数据类型分为基本数据类型和复杂数据类型。 基本数据类型：Number、Boolean、String、Null、String、Symbol（ES6 新增） 复杂数据类型：Object，其他引用类型（Array、Date、RegExp、Fu 阅读全文

摘要： 缓存好处有很多： 缓解服务器压力(不用每次去请求资源)； 提升性能(打开本地资源速度当然比请求回来再打开要快得多)； 减少带宽消耗(我相信你可以理解)； 🤦‍♀️那么问题又来了，既然缓存这么好，如果我请求的服务器中间有代理也缓存了怎么办？代理服务器缓存了我的资源导致我没法从源服务器拿到最新的资源怎 阅读全文

摘要： 规则1 减少HTTP请求 规则2 使用内容发布网络 规则3 添加Expires头控制缓存 规则4 压缩组件 规则5 将样式表放在顶部 规则6 将脚步放在底部 规则7 避免css表达式 规则8 使用外部javaScript和CSS 规则9 减少DNS查找 规则10 精简javaScript 规则11 阅读全文

摘要： 简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint（原文链接：http://ww 阅读全文

摘要： 我使用vue-cli搭自己的博客，希望引入公共样式： 我本来是希望webpack打包后，能将这个样式独立打包，在生成的html文件中用<link href='/static/css/common.css'>这样的形式引入，这样浏览器就能缓存，各个页面需要的话就import一下，也不用重新加载了，可是 阅读全文

摘要： 基础优化 所谓的基础优化是任何 web 项目都要做的，并且是问题的根源。HTML，CSS，JS 是第一步要优化的点 分别对应到 .vue 文件内的，<template>,<style>,<script>，下面逐个谈下 vue 项目里都有哪些值得优化的点 template 语义化标签，避免乱嵌套，合理 阅读全文

摘要： p { width:100px; position:relative; line-height:20px; /*行高为高度的一半，这样就是两行*/ height:40px; overflow:hidden; } p:after { /*使用伪元素*/ content:"..."; position: 阅读全文

摘要： 二、CSS3计算calc和vw单位巧妙实现滚动条出现页面不跳动 很简单，只要一行代码就搞定了： .wrap-outer { margin-left: calc(100vw - 100%); } 或者： .wrap-outer { padding-left: calc(100vw - 100%); } 阅读全文

摘要： 1.定义： 闭包就是一个函数引用另一个函数的变量，因为变量被引用着所以不会被回收，因此可以用来封装一个私有变量。这是优点也是缺点，不必要的闭包只会增加内存消耗。 或者说闭包就是子函数可以使用父函数的局部变量，还有父函数的参数。 2 阅读全文