
前端
文章平均质量分 65
玄机凭测
你知道你想要什么 但是你必须努力控制自己的懒惰
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目性能优化
5、借助babel-plugin-transform-runtime,将相关辅助函数进行替换成导入语句,从而减小 babel 编译出来的代码的文件大小。4、借助 babel-plugin-component,组件按需引入,以达到减小项目体积的目的。注意: 前端配置gzip压缩,服务端通过nginx开启gzip,从而减少网络传输的流量大小。3、splitChunks 抽取公有代码,提升应用性能,按需加载(下载更快,白屏更短)1、Gzip压缩打包文件,相比未使用Gzip压缩的打包文件,体积小了2/3(很夸张)原创 2022-08-25 16:56:15 · 244 阅读 · 0 评论 -
Node.js学习
node.js原创 2022-08-03 18:22:05 · 332 阅读 · 1 评论 -
前端面试之----阶段性总结
前端阶段性总结CSS@support@mediacss中水平、垂直居中的写法水平居中:垂直居中:水平垂直居中:1rem\1em\1vh\1px各自代表的含义:rem:em:vw/vh:css3中transform基本属性: translate、scale、rotate、skew、matrixcss3中的动画transition:指定状态变化所需要的时间animation:需要指定动画一个周期持续的时间,以及动画效果的名称CSS@support@support 浏览器兼容判断,检测当前浏览器对css属性原创 2020-08-27 15:56:40 · 1162 阅读 · 0 评论 -
事件冒泡、事件捕获及事件委托(事件代理)
https://juejin.cn/post/6844904190280466440 <div> <div id="a"> a <div id="b"> b <div id="c">c</div> </div> </div> </div>事件捕获 <script> var a = document.getElementById(原创 2021-05-15 13:44:11 · 450 阅读 · 1 评论 -
npm下载包失败解决方案
问题描述:An unexpected error occurred: “http://registry.cnpmjs.org/react: Hostname/IP does not match certificate’s altnames: Host: registry.cnpmjs.org. is not in the cert’s altnames: DNS:r.cnpmjs.org”.命令行输入:npm config set registry http://registry.npmjs.o原创 2021-05-13 11:18:58 · 1599 阅读 · 0 评论 -
前端阶段性总结(二)
box-shadow:属性:阴影水平宽度(负值阴影在元素左边),阴影垂直宽度(负值阴影在元素上边),阴影模糊度(值越大,越模糊),阴影扩展宽度(负值阴影往里面缩),阴影颜色。 div{ width:100px; height:100px; background: #fff; box-shadow: 0 0 5px 5px 0px #ccc; }当水平宽度和垂直宽度为0时,阴影在四周多层阴影: 一层一层追加box-shadow: 0 0 5px 5px 0px #ccc,原创 2021-02-05 10:57:56 · 178 阅读 · 0 评论 -
数组的所有方法
str.split (a,b)用于把一个字符串分割成字符串数组参数解释: a: 必须,决定从哪里分割b: 不必须,该参数可指定返回的数组的最大长度 var str = '123,456' var arr = str.split(',')//[123,456]arr.join(str)用于把数组中所有元素放入一个字符串中参数解释:str: 用来连接数组值的字符串 var arr = [1,2,3] var str = arr.join('*')//"1*2*3"arr.sor原创 2020-12-30 11:48:52 · 137 阅读 · 0 评论 -
换肤功能实现过程
css3的自定义属性 :root{ --primary-color:#009688; --light:#fff; --dark:#000; }自定义属性:–primary-color、–light、–dark自定义属性的命名规则:–variables-name:variables-value–属性名:属性值设置作用域::root 作用于全局:root{–theme-color:red;}#app{–theme-color:red;}//作用于id为app的节点内使用自定原创 2020-12-29 10:38:12 · 516 阅读 · 2 评论 -
vue - this.$nextTick方法使用
vue----this.$nextTick方法的使用所以,该函数作用用术语该怎么解释?在Vue的官方文档中详细解释:前言:今天在做项目的时候,有这样一个场景:有一个列表,我要将这个list展示在el-table中,并且有两个字段,:展示图片跟视屏链接,并且这两个字段也是list,我是在js中操作dom动态追加a标签的,关键的问题在于,我给包裹动态a标签的div块给的动态id,我需要在代码中查找该div关键代码如下: let div = document.getElementById("pre原创 2020-12-10 23:02:17 · 746 阅读 · 0 评论 -
uniapp+hbuilder学习记录
项目结构 ——pages ---- 存放页面 ——static ---- 存放静态资源 ——unpackage ---- 存放最终打包输出的文件 ——dist ——App.vue ---- 项目的根组件(页面的入口文件) 所有页面都是在App.vue下进行切换的,可以调用应用的生命周期函数 main.js ---- 项目的入口文件 ,主要作用:初始化vue实例并使用需要的插件 manifest.json ---- 配置应用的打包的文件 pages.json ---- 配置页面的存放路径以及原创 2020-11-19 19:57:35 · 1536 阅读 · 1 评论