Blend

当我们在子组件中想要修改通过props绑定的外部组件里的数据时，Vue不支持我们直接在子组件中进行修改，子组件没有修改父组件数据的权力，推荐我们利用EventBus事件中心，在vue实例上就含有$emit接口来触发事件，$on来监听响应事件，$off来移除事件的监听，所以在子组…

前言：Vue模版（template）中的表达式{{}}可以直接放入简单的运算，如 {{ msg.split('').reverse().join('') }}，但如果模版中过多的出现这样的运算语句会使模版变得逻辑复杂且冗余，会对页面的可维护性造成很大的影响。 于是Vue便推出了…

拿Vue官方教程举例来说，在Vue中我们只需要改变data中的price，页面会立马自动做出响应来显示更新后的数据。而不是像使用原生JS需要许多DOM操作才能完成。Vue是怎样监听到数据的改变让视图立马做出响应的呢？ 而我们定义在data中的数据并没有set，get的计算属性，…

在BootCDN等网站直接下载或复制链接用 <script> 标签引入，Vue 会被注册为一个全局变量。 完整版可以直接在main.js的template标签中写入HTML代码，渲染到视图或修改index.html中的代码都可以直接渲染到视图。 非完整版的main.j…

在前端中，model层就是管理数据，实现数据的增删改查等操作，view层负责DOM等操作导致model层的数据改变后，重新渲染页面，Controller层负责连接model和view，它接受用户输入（例如鼠标单击或文本输入）并处理用户交互的回调。 EventBus 称为事件总线…

asset/resource 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现。 asset/inline 导出一个资源的 data URI。之前通过使用 url-loader 实现。 asset/source 导出资源的源代码。之前通过使用 raw…

其实画三角形就是利用了border的形状，在.square中把盒子的宽度和高度设置为0，只给border设置宽度，就可以得到被对角线划分为四个三角形的正方形。通过给其余的三角形对应的border加上transparent属性就可以得到我们想要的三角形，两种写法都可，第一种代码更…

ES6 提供了新的数据结构 Set。它类似于数组，允许存储任何类型的值，无论是原始值或者是对象引用，但是成员的值都是唯一的，没有重复的值。 JavaScript的默认对象表示方式{}，表示一组键值对。但是JavaScript的对象有个问题，就是键必须是字符串，但实际上我们需要k…

跨域是指从一个源的网页去请求另一个源的网页的资源。但是一般情况下不能这么做，它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。 同源策略（SOP）是Web浏览器强制执行的一种安全策略，用于控制对网站和Web应用程序之间数据的访问。 没有SOP，任何网页…