摘要：
1.基本选择器 通配符选择器 * {margin: 0;} 元素选择器 body {background: #ddd;} 类选择器 .list {border: 1px solid #ccc;} ID选择器 #list {color: #ddd;} 后代选择器 .list li {height: 1 阅读全文
posted @ 2020-09-22 16:46
张_Ning
阅读(178)
评论(0)
推荐(0)
摘要：
以自定义下载loading为例 1.首先创建自定义组件文件 2.编辑下载loading自定义组件中的内容 <template> <div> <el-dialog fullscreen modal-append-to-body custom-class="data-download" :visible 阅读全文
posted @ 2020-09-21 10:45
张_Ning
阅读(1119)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>清除浮动</title> <style> /* 1.直接给父元素添加高度 扩展性不好 2.父元素添加overflow: hidden; ie6 7 底下不支持B 阅读全文
posted @ 2020-09-17 17:15
张_Ning
阅读(125)
评论(0)
推荐(0)
摘要：
1.圣杯布局 <!DOCTYPE html> <html> <!-- 圣杯布局 标准三列布局要求： 1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 --> <!-- 知识点 浮动：搭建完整的布局框架 margin 为赋值：调整旁边两列的位置（是三列布局到一行上） 使用相对定位： 阅读全文
posted @ 2020-09-14 22:10
张_Ning
阅读(251)
评论(0)
推荐(0)
摘要：
data(){ return{ todos: [ {name: 'aa', age: 22}, {name: 'bb', age: 23} ] } } methods:{ changeTodos(){ this.todos[0]={name: 'zz', age: 12} } } 上面我们在改变to 阅读全文
posted @ 2020-09-07 18:12
张_Ning
阅读(1490)
评论(0)
推荐(0)
摘要：
第一次打包vue的项目部署到服务器，发现首次加载特别的缓慢要几十秒才加载出来，完全没有在本地开发环境上那么流畅。主要原因是页面在打包后没有进行相关的配置导致资源文件特别大，一次想要全部加载完成回特别的耗时。 下面是总结的vue项目性能优化的方案 一：vue-router 路由 懒加载 在使用同步的方 阅读全文
posted @ 2020-09-07 15:51
张_Ning
阅读(9663)
评论(0)
推荐(0)
摘要：
1.打包项目时，会默认把存放在public内的小于4k的图片转换成base64，作为内联样式。 可以在vue.config.js中修改默认大小，在chainWepack:config=>{}中添加 chainWepack:config=>{ config.module .rule('images') 阅读全文
posted @ 2020-09-03 15:01
张_Ning
阅读(2065)
评论(0)
推荐(0)
摘要：
一.webstorm 设置界面=>Editor=>Code Style 可以设置各种文件类型的格式化规则 设置默认为单引号 二.webstorm中配置prettier 1.安装prettier npm i --save-dev prettier 或者 npm i -g prettier 或者 下载插 阅读全文
posted @ 2020-09-02 18:50
张_Ning
阅读(17778)
评论(0)
推荐(1)
摘要：
为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1.未使用懒加载和使用异步组件懒加载 方法：component: resolve=>(req 阅读全文
posted @ 2020-09-01 10:28
张_Ning
阅读(5246)
评论(0)
推荐(0)
摘要：
letter-spacing: 像素（字母或中文字的左右间距） word-spacing: 像素（两个单词之间的左右间距） line-height: 像素（两行之间的间距） text-decoration: 字体的装饰（删除线等） vertical-align: 垂直上的位置 text-align: 阅读全文
posted @ 2020-08-05 09:49
张_Ning
阅读(1288)
评论(0)
推荐(0)
浙公网安备 33010602011771号