一个专注于WEB开发的技术的个人博客

createClassES5 定义组件只能使用 createClass 12345678910111213141516171819202122232425262728293031const React = require(react);const Greeting = React.createClass({ // 属性校验 propTypes: { name: Re ...

外观模式基础定义：外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口使得这一子系统更加容易使用。外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式经常被认为开发者必备，它可以将一些复杂操作封装起来，并创建一个简单的接口用于调用。外观模式经常被用于JavaScript类库里，通过它封装一些接口用于兼容多浏览器，外观模式可以让我们间接 ...

桥接模式基础定义：桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。使用场景：事件回调函数、请求接口之间进行桥接、用于连接公开的API代码和私用实现的代码根据javascript语言的特点，我们将其简化成2个角色：（1）扩充抽象类（2）具体实现类 最简单的桥接模式123456789101112var each = function (arr, fn) { fo ...

迭代器模式介绍定义：迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。使用的好处：迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。先看一个 jquery 迭代器123$.each(array, function (i, n) { console.log(`当前为第$& ...

适配器模式介绍定义：适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性）， 适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。使用场景：比如，当系统中某个接口的结构已经无法满足我们现在的业务需求，但又不能改动这个接口， 因为可能原来的系统很多功能都依赖于这个接口，改动接口会牵 ...

组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。 1234567Vue.component('todo-item', { // 自动将组件的 name 设置为 todo-item // ...})export default { name: 'TodoItem', // 最佳实践为组件带上 name 调试 ...

已知宽高元素水平和垂直居中position:absolute、top和left50%和margin:-height/2px 0 0 -width/2px;html 代码123<div class="container"> 123</div> css 代码1234567891011.container { position:absolute; ...

全局APIVue.extend( options )用法：使用基础 Vue 构造器，创建一个“子类”。 12345678910111213// 创建构造器var Profile = Vue.extend({ template: '<p>{{firstName}} {{lastName}& ...

选项/数据12345678910var app = new Vue({ data() { // 声明所有的根级响应式属性 return {}; }, props: {}, // 父组件传递过来的属性 propsData: {}, // 只能用于 new 创建 ...

VUE 组件的三种开发方式 开发组件大致分为3个步骤： 组件声明-组件注册（全局和局部）-组件使用 使用 script 标签1.组件声明 123456789<!-- 注意：使用<script>标签时，type指定为text/x-template，意在告诉浏览器这不是一段js脚本，浏览器在解析HTML文档时会忽略<script>标签内定义的内容。--> &l ...