摘要: 前端路由规则 前端路由的核心是改变URL,但是页面不进行整体的刷新 URL的hash也就是锚点( ), 本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 HTML5的history模式:pushState h 阅读全文
posted @ 2020-03-12 19:52 懒惰ing 阅读(572) 评论(0) 推荐(0)
摘要: Vue CLI3 vue cli 3 与 2 版本 vue cli 3 是基于 webpack 4 打造,vue cli 2 还是 webapck 3 vue cli 3 的设计原则是“0配置”,移除的配置文件根目录下的,build和config等目录 vue cli 3 提供了 vue ui 命令 阅读全文
posted @ 2020-03-12 19:33 懒惰ing 阅读(1396) 评论(0) 推荐(0)
摘要: Runtime Compiler和Runtime only的区别 简单总结 如果在之后的开发中,你依然使用template,就需要选择Runtime Compiler 如果你之后的开发中,使用的是.vue文件夹开发,那么可以选择Runtime only 运行时+编译器 如果你需要客户端编译模板 例如 阅读全文
posted @ 2020-03-12 15:33 懒惰ing 阅读(525) 评论(0) 推荐(0)
摘要: Vue CLI2详解 Vue CLI2初始化项目 1. 初始化命令,据你用的文件名创建一个文件夹,存放之后项目的内容 该名称也会作为默认的项目名称,但是 不能包含大写字母等 2. 项目名称不能包含大写 默认(回车)将上一个文件名作为项目名称 3. 作者的名称 默认(回车)从git中读取信息 4. 作 阅读全文
posted @ 2020-03-12 14:05 懒惰ing 阅读(1274) 评论(0) 推荐(0)
摘要: 搭建本地服务器 webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果 过它是一个单独的模块,在webpack中使用之前需要先安装它 devserver也是作为webpack中的一个选项, 阅读全文
posted @ 2020-03-12 13:28 懒惰ing 阅读(491) 评论(0) 推荐(0)
摘要: plugin(插件) plugin是插件的意思,通常是用于对某个现有的架构进行扩展 webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等 loader和plugin区别 loader主要用于转换某些类型的模块,它是一个转换器 plugin是插件,它是对webpa 阅读全文
posted @ 2020-03-12 13:27 懒惰ing 阅读(171) 评论(0) 推荐(0)
摘要: webpack配置vue 我们要使用Vuejs必须对其有依赖 Vuejs的安装,因为在实际项目中也会使用Vue,所以是运行时依赖 但是现在的情况下去写vue的代码打包不会报错,但是游览器编译会报错 主要是因为使用了runtime only版本的vue runtime only版本代码中,不可以有任何 阅读全文
posted @ 2020-03-12 12:45 懒惰ing 阅读(298) 评论(0) 推荐(0)
摘要: loader 什么是loader? loader是webpack中一个非常核心的概念 webpack用来做什么呢? 我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖。 但是,在开发中我们不仅仅有基本的js代码处理,我们也需要加载css、图片,也包括一些 阅读全文
posted @ 2020-03-11 19:14 懒惰ing 阅读(217) 评论(0) 推荐(0)
摘要: CSS3 3D转换 3D转换我们工作中最常用的是3D位移和3D旋转 主要知识点 3D位移 3D旋转 透视 3D呈现 3D位移 仅仅在X轴上移动 仅仅在Y轴上移动 仅仅是在Z轴上移动 注意: 一般用px单位 其中x,y,z分别指要移动的轴的方向和距离 x,y,z是不能省略的,没有写0 透视 在2D平面 阅读全文
posted @ 2020-03-10 20:15 懒惰ing 阅读(271) 评论(0) 推荐(0)
摘要: CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ,100% 是动画的 完成 ,这样的规划就是动画序列 再 中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果 阅读全文
posted @ 2020-03-09 20:20 懒惰ing 阅读(149) 评论(0) 推荐(0)