2020年09月的文章

2020-09-15散人研阅读(78)评论(0)赞(0)

通过Babel可以处理ES6语法，将其转换为不支持ES6语法的浏览器可以识别的JS代码。 安装 npm install --save-dev babel-loader @babel/core // 可以把@babel/core简单理解为ba...

2020-09-15散人研阅读(97)评论(0)赞(1)

devtool 配置 source-map 当打包完成并运行的时候报错了，但我们很难找到错误出在哪里，是不是很烦？使用devtool配置source-map可以解决该问题。配置好后，当我们代码出问题时，会把报错映射到原文件目录下的错误，这样...

2020-09-15散人研阅读(136)评论(0)赞(1)

Plugin Plugins，即插件。通过plugins可以在webpack运行到某个时刻的时候，帮我们做一些事情。 HtmlWebpackPlugin HtmlWebpackPlugin可以为我们生成一个HTML文件，并将打包好的JS文件...

2020-09-15散人研阅读(82)评论(0)赞(0)

loader 简介 loader是一种打包方案。webpack默认只能识别和打包JS文件，对于诸如CSS/Sass/字体图标等其他文件需要借助loader。 loader 配置 我们可以在webpack.config.js中进行loader...

2020-09-15散人研阅读(127)评论(0)赞(0)

webpack核心概念 entry： webpack开始构建的入口文件 output： 设置输出文件名称及输出文件目录 loaders： 把非JS文件解析成webpack能够处理的文件 plugins： 常用于优化，提取精华，压缩处理等，对...

2020-09-11散人研阅读(111)评论(0)赞(0)

1、ls命令 就是 list 的缩写，通过 ls 命令不仅可以查看 linux 文件夹包含的文件，而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等。 常用参数搭配： ls -a 列出目录所有文件，包含以.开始的隐藏文件 ...

2020-09-09散人研阅读(81)评论(0)赞(0)

简介 git 没办法直接修改远程分支名称，但我们可以创建一个新的分支来备份原来的分支并上传的远程仓库，最后删除原来的分支。这样也就可以达到手动修改分支名称的目的。 // 本地新建分支并切换至该分支 git checkout -b newNa...

2020-09-09散人研阅读(103)评论(0)赞(0)

基本内容 百分比是实现页面自适应的重要途径，而元素百分比的宿主到底是谁一直是令人困扰的问题。其实CSS对于百分比的定义十分明确： 所有元素的百分比都是相对于其包含块( containing block)的width。 在盒模型的设置属性中，...

2020-09-09散人研阅读(92)评论(0)赞(0)

父组件向子组件传值 思路：父组件引入子组件，并在子组件标签上使用v-bind绑定值，子组件通过props进行接收。 子组件向父组件传值 思路：在子组件中创建事件，通过$emit触发自定义事件并传值，该自定义事件绑定在父组件引入时的子组件标签...

2020-09-09散人研阅读(99)评论(0)赞(0)

HTML 规范 根据HTML5规范，tr外边必须包裹tbody，否则不能正常解析。因此当我们在一个组件中只写tr/td，他会自动包裹一个tbody，为了防止这种事情发生，我们可以通过is解决： 同样的，列表ul/ol/li，select等也...

2020-09-09散人研阅读(70)评论(0)赞(0)

简介 Vue开发会遇到一个问题，创建一个实例后，我们修改该实例中的数组的值，并不会触发视图更新，如： 通过set()方法修改： 参数1：要修改的对象 参数2：key 参数3：value 返回值：已经修改好的值 事实上，在Vue中有三种方法可...

2020-09-09散人研阅读(106)评论(0)赞(0)

模板占位符不会渲染 有时，我们需要循环渲染多个元素，比如： 上边代码中，虽然我们把v-for放在了外层div上,达到了渲染里边元素的目的，但是外层div也会出现在DOM中，这通常是我们不希望看到的 这个时候，我们可以用template占位符...

2020-09-09散人研阅读(71)评论(0)赞(0)

Class绑定 通过对象绑定 我们可以传给 v-bind:class 一个对象，以动态地切换 class： 上面的语法表示 active 这个 class 存在与否将取决于数据 property isActive 的 t...

2020-09-09散人研阅读(70)评论(0)赞(0)

什么是JavaScript JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。（好吧，概念什么最讨厌了） 动态： 在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那...

2020-09-09散人研阅读(110)评论(0)赞(0)

计算属性 当我们声明一个计算属性reverseMessage时，我们提供的函数将用作property vm.reversedMessage 的getter函数： 计算属性可以让我们像绑定普通的data property一样在模板中绑定计算属...