webpack Babel处理ES6语法
通过Babel可以处理ES6语法,将其转换为不支持ES6语法的浏览器可以识别的JS代码。 安装 npm install --save-dev babel-loader @babel/core // 可以把@babel/core简单理解为ba...
通过Babel可以处理ES6语法,将其转换为不支持ES6语法的浏览器可以识别的JS代码。 安装 npm install --save-dev babel-loader @babel/core // 可以把@babel/core简单理解为ba...
devtool 配置 source-map 当打包完成并运行的时候报错了,但我们很难找到错误出在哪里,是不是很烦?使用devtool配置source-map可以解决该问题。配置好后,当我们代码出问题时,会把报错映射到原文件目录下的错误,这样...
Plugin Plugins,即插件。通过plugins可以在webpack运行到某个时刻的时候,帮我们做一些事情。 HtmlWebpackPlugin HtmlWebpackPlugin可以为我们生成一个HTML文件,并将打包好的JS文件...
loader 简介 loader是一种打包方案。webpack默认只能识别和打包JS文件,对于诸如CSS/Sass/字体图标等其他文件需要借助loader。 loader 配置 我们可以在webpack.config.js中进行loader...
webpack核心概念 entry: webpack开始构建的入口文件 output: 设置输出文件名称及输出文件目录 loaders: 把非JS文件解析成webpack能够处理的文件 plugins: 常用于优化,提取精华,压缩处理等,对...
1、ls命令 就是 list 的缩写,通过 ls 命令不仅可以查看 linux 文件夹包含的文件,而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等。 常用参数搭配: ls -a 列出目录所有文件,包含以.开始的隐藏文件 ...
简介 git 没办法直接修改远程分支名称,但我们可以创建一个新的分支来备份原来的分支并上传的远程仓库,最后删除原来的分支。这样也就可以达到手动修改分支名称的目的。 // 本地新建分支并切换至该分支 git checkout -b newNa...
基本内容 百分比是实现页面自适应的重要途径,而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确: 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中,...
父组件向子组件传值 思路:父组件引入子组件,并在子组件标签上使用v-bind绑定值,子组件通过props进行接收。 子组件向父组件传值 思路:在子组件中创建事件,通过$emit触发自定义事件并传值,该自定义事件绑定在父组件引入时的子组件标签...
HTML 规范 根据HTML5规范,tr外边必须包裹tbody,否则不能正常解析。因此当我们在一个组件中只写tr/td,他会自动包裹一个tbody,为了防止这种事情发生,我们可以通过is解决: 同样的,列表ul/ol/li,select等也...
简介 Vue开发会遇到一个问题,创建一个实例后,我们修改该实例中的数组的值,并不会触发视图更新,如: 通过set()方法修改: 参数1:要修改的对象 参数2:key 参数3:value 返回值:已经修改好的值 事实上,在Vue中有三种方法可...
模板占位符不会渲染 有时,我们需要循环渲染多个元素,比如: 上边代码中,虽然我们把v-for放在了外层div上,达到了渲染里边元素的目的,但是外层div也会出现在DOM中,这通常是我们不希望看到的 这个时候,我们可以用template占位符...
Class绑定 通过对象绑定 我们可以传给 v-bind:class 一个对象,以动态地切换 class: 上面的语法表示 active 这个 class 存在与否将取决于数据 property isActive 的 t...
什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了) 动态: 在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那...
计算属性 当我们声明一个计算属性reverseMessage时,我们提供的函数将用作property vm.reversedMessage 的getter函数: 计算属性可以让我们像绑定普通的data property一样在模板中绑定计算属...