爱敲代码的kk-CSDN博客

原创 vue项目打包优化

###1.项目优化实现步骤：A.生成打包报告，根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制###2.添加进度条给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress打开main.js，编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'.....//请求在到达服务器之前，先会调

2020-09-04 10:13:35 567

原创 ES6常用特性

es6ES就ECMAScript，ECMA标准化组织发布的一项脚本语言标准化规范ES6是一个泛指，泛指ES2015及其之后的版本let关键字是用来定义变量的let定义的变量有块级作用域，而用var定义的变量是木有块级作用域，块级作用域就是一对花括号if (true) { var a = 10}console.log(a) // 10if (true) { let a = 10}console.log(a) // 报错：a is not defined// ---------

2020-09-04 09:15:23 95

原创响应式布局

响应式布局1.0 响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2 响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同

2020-09-04 09:12:51 187

原创 rem布局

rem布局rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { font-size: 2rem;}

2020-09-04 09:09:28 160

原创 flex布局(常见属性)

flex布局(常见属性)1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2.0 flex布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任

2020-09-04 09:05:40 214

原创 flex流式布局

流式布局1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Webkit内核浏览

2020-09-04 08:57:06 894

原创 HTML5CSS3(第三章)

H5C3(第三小节)1.1. 学习目标理解3d转换的中的3d移动，3d旋转动画属性的设置和使用animate.css动画库的使用应用实现3d立方体实现3d轮播图无缝滚动正在等待图标的制作自己实现animate.css1.1. 3D转换（变换）3d转换是改变标签在3坐标系上的位置和形状的一种技术以下知识点最好结合 3d模型工具来理解1.1.1. 3维坐标系3维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴水平向右y轴垂直向下z轴垂直

2020-09-04 08:53:56 174

原创 HTML5CSS3(第二章)

H5C3(第二小节)1.1. 2D转换（变换）transform2d转换是改变标签在2维平面上的位置和形状的一种技术，先来学习2维坐标系1.1.1. 2维坐标系2维坐标系其实就是指布局的时候的坐标系如图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M6waiHCD-1599180294601)(media/1524965494414.png)]1.1.2. 2d移动 translate2d移动是2d转换里面的一种功能，可以改变元素在页面中的位置，类似定位使

2020-09-04 08:47:15 132

原创 HTML5CSS3(第一章)

H5C3HTML5学习目标：了解 H5 新变化掌握 H5 新增语义化标签掌握 H5 新增多媒体标签掌握 H5 新增 input 表单、表单属性1.1. 语义化标签了解使用语义化标签的好处是增强了代码的可阅读性，也方便了网站的seo（Search Engine Optimization，搜索引擎优化）。header 头部标签nav 导航标签article 内容标签section 块级标签aside 侧边栏标签footer 尾部标签[外链图片转存失败,源

2020-09-04 08:43:40 214

原创 MongoDB

数据库数据库即存储数据的仓库，它是独立于Node.js之外的软件，可以通过API去操作它。MongoDB数据库安装Node.js通常使用MongoDB作为其数据库，具有高性能，易使用，存储数据方便等特点，完全使用JavaScript语法即可操作。下载MongoDB可视化软件MongoDB可视化操作软件，使用图形界面操作数据库的一种方式。下载Mongoose第三方包使用Node.js操作MongoDB数据库需要依赖Node.js第三方包mongoose，使用npm install mongoos

2020-05-19 19:17:54 82 1

weixin_46533002的博客