摘要:
先在 https://www.iconfont.cn 阿里巴巴矢量图标库 下载svg图标后 在 https://icomoon.io/app/#/select 中 新建集合 在新建集合中导入图标 点击Generate Font 生成字体图标并下载 解压后将style.css 重命名为 icon.cs 阅读全文
摘要:
reset.scss的目的是为了消除不同浏览器默认样式的不一致性。 global.scss规定了整个站点的公共样式、公共方法和公共参数等。 /* reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 阅读全文
摘要:
viewport用来设置用户在手机上的可视区域。 width=device-width:指定viewport宽度为设备宽度,inital-scele=1.0:指定默认缩放比例为1:1。 通过maximum-scale和minimum-scale限定屏幕缩放比例为1:1,通过user-scalable 阅读全文
摘要:
先会检查是否是网络请求太多,导致数据返回较慢,可以适当做一些缓存 也有可能是某块资源的bundle太大,可以考虑拆分一下 然后排查一下js代码,是不是某处有过多循环导致占用主线程时间过长 浏览器某帧渲染的东西太多,导致的卡顿 在页面渲染过程中,可能有很多重复的重排重绘 内存泄漏 阅读全文
摘要:
1.暗色主题 One Dark Pro 插件名称:One Dark Pro 插件地址:https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme 长时间的编码,暗色调的编码环境更不容易让视力疲劳,而且 阅读全文
摘要:
使用国内的镜像,点击下面的下载地址后,下载从乌龟爬瞬间变成坐火箭。 windows64下载地址 masOS下载地址 阅读全文
摘要:
先上一坨代码 <body> <div id="app"> <div v-for="(item, key, index) of userInfo"> {{item}} {{key}} {{index}} </div> </div> <script> var vm = new Vue({ el: '#a 阅读全文
摘要:
vue中的条件渲染 v-if v-show 控制模板标签是否在页面上显示 v-if 对应的js表达式为false:移除该标签dom节点 v-show 对应的js表达式为false:只控制了display属性为none,dom节点依然存在 v-show 性能好一点,因为不会去频繁的操作dom v-if 阅读全文
摘要:
通过class绑定 :class="{ activated:isActivated}",根据isActivated的true或false决定dom是否有class="activated"属性 <head> <script src="../vue.js"></script> <style> .acti 阅读全文