摘要:
视觉效果 1. 单侧投影1.1 单侧投影 大多数人使用box-shadow的方法是,制定三个长度和一个颜色值。 1box-shadow: 2px 3px 4px rgba(0, 0, 0, .5); box-shadow第一个长度表示水平方向投影,第二个为垂直方向投影,第三个为模糊半径。 投影绘制步 阅读全文
摘要:
webpack.config.js文件通常放在项目的根目录中,它本身也是一个标准的Commonjs规范的模块。 1.entry entry可以是个字符串或数组或者是对象。 当entry是个字符串的时候,用来定义入口文件: 当entry是个数组的时候,里面同样包含入口js文件,另外一个参数可以是用来配 阅读全文
摘要:
新特性 let、const let 定义的变量不会被变量提升,const 定义的常量不能被修改,let 和 const 都是块级作用域 ES6前,js 是没有块级作用域 {} 的概念的。(有函数作用域、全局作用域、eval作用域) ES6后,let 和 const 的出现,js 也有了块级作用域的概 阅读全文
摘要:
1.let命令 1)let和var的区别:let声明的变量只有所在的代码块有效。 2)没有变量的提升,一定要声明后使用。使用let命令声明变量之前,该变量都是不可用的。形成“暂时性死区”。 3)typeof 不再是一个百分之百安全的操作。 2.块级作用域 1)es5和es6比较:es5 只有全局作用 阅读全文
摘要:
原理 在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。 父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。看看它们是怎么工作的。 业务场景 这里指的是直接父子级关系的通信 美女(子组件)将消息发送给大群(父组件) 阅读全文
摘要:
父组件结构 template <template> <div> <v-girl-group :girls="aGirls"></v-girl-group> </div> </template> script <script> import vGirlGroup from './GirlGroup' 阅读全文
摘要:
1.父组件传递数据给子组件 父组件数据如何传递给子组件呢?可以通过props属性来实现 父组件: 子组件通过props来接收数据: 方式1: 方式2 : 方式3: 这样呢,就实现了父组件向子组件传递数据. 2.子组件与父组件通信 那么,如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允 阅读全文
摘要:
相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名 阅读全文
摘要:
Bootstrap中是一种事实上的界面标准,标准到现在的网站大量的使用它。如果可以使用webpack引入的bootstrap.css,就可以一个npm install完成项目的依赖,而不必手工的添加到html内。本来以为在入口文件内加一行就行: import 'bootstrap/dist/css/ 阅读全文
摘要:
一、概述ES6现在正是风华正茂的时候,各个公司都是 尝试去使用,并且作为前端工程师ES6也是体现技术的亮点。但是,现在的浏览器对es6支持不是 特别的兼容,最终还是需要把es6转换为es5,webpack使用babel-loader加载器进行转换,它的配置 也是非常的容易。二、配置babel-loa 阅读全文