09 2020 档案

HTML5 新特性总结--1
摘要：1.新的语义和结构元素 <article> 定义独立的内容 <aside> 定义页面侧边栏内容 <bdi> 允许设置一段文本，使其脱离其父元素的文本方向设置 <dialog> 标签定义一个对话框，确认框或窗口 open 属性控制dialog元素是否有效， <figure> 规定独立的流内容　图像，图 阅读全文
posted @ 2020-09-28 10:09 张_Ning 阅读(161) 评论(0) 推荐(0)
CSS3 新特性总结
摘要：1.边框 border-radius: 1-4 length|% / 1-4 length|%; 每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。若省略左下角，和右上角相同，省略右下角，左上角相同，省略右上角，和左上角相同。 border-top-left-radius: 20px 50p 阅读全文
posted @ 2020-09-24 11:56 张_Ning 阅读(556) 评论(0) 推荐(0)
CSS3 弹性盒子（Flex Box） flex布局总结
摘要：弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 弹性容器内包含了一个或多个弹性子元素。 注意： 弹性容器外及弹性子元素内是正常渲染的。弹性 阅读全文
posted @ 2020-09-23 16:26 张_Ning 阅读(1828) 评论(0) 推荐(0)
css3选择器总结
摘要：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 阅读(182) 评论(0) 推荐(0)
vue自定义全局组件
摘要：以自定义下载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 阅读(1125) 评论(0) 推荐(0)
清除浮动的6中方法总结
摘要：<!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 阅读(128) 评论(0) 推荐(0)
页面布局
摘要：1.圣杯布局 <!DOCTYPE html> <html> <!-- 圣杯布局 标准三列布局要求： 1.两边固定 当中自适应 2.当中列要完整显示 3.当中列要优先加载 --> <!-- 知识点 浮动：搭建完整的布局框架 margin 为赋值：调整旁边两列的位置（是三列布局到一行上） 使用相对定位： 阅读全文
posted @ 2020-09-14 22:10 张_Ning 阅读(255) 评论(0) 推荐(0)
vue 在使用数组的时候，数组内部数据发生变化，视图却没有改变
摘要：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 阅读(1497) 评论(0) 推荐(0)
vue 页面首次加载缓慢原因及解决方案，及使用compression-webpack-plugin 进行打包代码压缩Gzip
摘要：第一次打包vue的项目部署到服务器，发现首次加载特别的缓慢要几十秒才加载出来，完全没有在本地开发环境上那么流畅。主要原因是页面在打包后没有进行相关的配置导致资源文件特别大，一次想要全部加载完成回特别的耗时。 下面是总结的vue项目性能优化的方案 一：vue-router 路由 懒加载 在使用同步的方 阅读全文
posted @ 2020-09-07 15:51 张_Ning 阅读(9711) 评论(0) 推荐(0)
vue打包之后找不到图片路径，打包项目时，dist文件夹内部分图片找不到
摘要：1.打包项目时，会默认把存放在public内的小于4k的图片转换成base64，作为内联样式。 可以在vue.config.js中修改默认大小，在chainWepack:config=>{}中添加 chainWepack:config=>{ config.module .rule('images') 阅读全文
posted @ 2020-09-03 15:01 张_Ning 阅读(2077) 评论(0) 推荐(0)
webstorm 默认代码格式化更改，webstorm设置prettier规则
摘要：一.webstorm 设置界面=>Editor=>Code Style 可以设置各种文件类型的格式化规则 设置默认为单引号 二.webstorm中配置prettier 1.安装prettier npm i --save-dev prettier 或者 npm i -g prettier 或者 下载插 阅读全文
posted @ 2020-09-02 18:50 张_Ning 阅读(17824) 评论(0) 推荐(1)
vue中页面卡顿，使用懒加载
摘要：为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1.未使用懒加载和使用异步组件懒加载 方法：component: resolve=>(req 阅读全文
posted @ 2020-09-01 10:28 张_Ning 阅读(5248) 评论(0) 推荐(0)