摘要: 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 阅读(155) 评论(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 阅读(1095) 评论(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 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 1.圣杯布局 <!DOCTYPE html> <html> <!-- 圣杯布局 标准三列布局要求: 1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 --> <!-- 知识点 浮动:搭建完整的布局框架 margin 为赋值:调整旁边两列的位置(是三列布局到一行上) 使用相对定位: 阅读全文
posted @ 2020-09-14 22:10 张_Ning 阅读(221) 评论(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 阅读(1439) 评论(0) 推荐(0) 编辑
摘要: 第一次打包vue的项目部署到服务器,发现首次加载特别的缓慢要几十秒才加载出来,完全没有在本地开发环境上那么流畅。主要原因是页面在打包后没有进行相关的配置导致资源文件特别大,一次想要全部加载完成回特别的耗时。 下面是总结的vue项目性能优化的方案 一:vue-router 路由 懒加载 在使用同步的方 阅读全文
posted @ 2020-09-07 15:51 张_Ning 阅读(8521) 评论(0) 推荐(0) 编辑
摘要: 1.打包项目时,会默认把存放在public内的小于4k的图片转换成base64,作为内联样式。 可以在vue.config.js中修改默认大小,在chainWepack:config=>{}中添加 chainWepack:config=>{ config.module .rule('images') 阅读全文
posted @ 2020-09-03 15:01 张_Ning 阅读(1829) 评论(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 阅读(16199) 评论(0) 推荐(1) 编辑
摘要: 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。 常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import 1.未使用懒加载和使用异步组件懒加载 方法:component: resolve=>(req 阅读全文
posted @ 2020-09-01 10:28 张_Ning 阅读(5173) 评论(0) 推荐(0) 编辑
摘要: letter-spacing: 像素(字母或中文字的左右间距) word-spacing: 像素(两个单词之间的左右间距) line-height: 像素(两行之间的间距) text-decoration: 字体的装饰(删除线等) vertical-align: 垂直上的位置 text-align: 阅读全文
posted @ 2020-08-05 09:49 张_Ning 阅读(1170) 评论(0) 推荐(0) 编辑