Steve's Site

React和Vue特性和书写差异Vue均使用ES6语法,主要以单文件组件为例,写法上优先使用缩写。React使用TS语法。生命周期VueReact入口&根实例Vueconst app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件 }).$mount('#app')ReactReactDOM.render( App/>, // App为根组件 document.getElementById('app') )组件定义Vue//...
React和Vue特性和书写差异Vue均使用ES6语法,主要以单文件组件为例,写法上优先使用缩写。React使用TS语法。生命周期VueReact入口&根实例Vueconst app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件 }).$mount('#app')ReactReactDOM.render( App/>, // App为根组件 document.getElementById('app') )组件定义Vue//...
构造函数创建对象我们先使用构造函数创建一个对象:1 2 3 4 5 6function Person() { } var person = new Person(); person.name = 'name'; console.log(person.name) // name在这个例子中,Person就是一个构造函数,我们使用new创建了一个实例对象person。很简单吧,接下来进入正题:prototype每个函数都有一个prototype属性,就是我们经常在各种例子中看到的那个prototyp...
在JavaScript中对象被定义为无序属性的集合,其属性值可以是基本值、对象或者函数。在这一系列文章我们将介绍工厂模式构造函数模式原型模式组合使用构造函数模式和原型模式动态原型模式寄生构造函数模式稳妥构造函数模式我们知道创建对象可以使用 Object构造函数 或者 字面量的形式 创建单个对象,但是这样会产生大量重复的代码。// Object构造函数 var obj = new Object(); // 字面量 var obj = {}; // 例如我们要记录小明跟小红的姓名跟年龄 var xia...
就标题而言,这是七八篇里起得最满意的,高大上,即使外行人也会不明觉厉! 不过不是开玩笑,本文的确打算从__proto__和prototype这两个容易混淆来理解JS的终极命题之一:对象与原型链。__proto__和prototype__proto__引用《JavaScript权威指南》的一段描述:Every JavaScript object has a second JavaScript object (or null ,but this is rare) associated with it. ...
在了解AMD,CMD规范前,我们先来简单地了解下什么是模块? 简单的说,一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。当然,模块开发需要遵循一定的规范,否则各用各的就会乱套了。 目前,常用的JS模块规范主要有两种:CMD和AMD。 AMD AMD,异步模块定义(Asynchronous Module Definition),它是依赖前置 (依赖必须一开始就写好)会先尽早地执行(依赖)模块 。换句话说,所有的require都被提前执行(...
1.导航条垂直居中导航条nav 从左到右分为 nav-left , nav-mid , nav-mid ,怎样达到从左到右依次排列,且全部垂直居中的效果呢?全部设置 float:left , 这样之后才可以方便的使 nav-left, nav-right, nav-right 都垂直居中,只需要设置一次父元素nav的 line-height 等于它的 height 就可以啦~1.1 ul>li>a 构成的导航条内部导航水平居中:ul设置 text-align:center;li和a都设置 displ...
注意我们没有使用 export = function() {} 来改变 exports 对象。没有这样做是因为在模块中的 exports 变量实际上是module.exports 的一个引用,而 module.exports 才是控制所有对外属性的。exports 和 module.exports 指向同一块内存,如果把 exports 指向一个函数,那么相当于改变了 exports 的指向,exports 就不再是引用了。即便你改变了exports,module.exports 也是不变的。 ...
JS中异步编程的方法有:回调函数事件监听发布/订阅promisegenerator(ES6)async/await(ES7)回调函数回调是异步编程中最基础的方法。举例一个简单的回调:在f1执行完之后再执行f2var func1=function(callback){ console.log(1); (callback && typeof(callback)==='function') && callback(); } func1(func2); var func2=function(...
转载源于blog.csdn.net/sysuzjz 作为前端经常需要模拟后台数据,我们称之为mock。通常的方式为自己搭建一个服务器,返回我们想要的数据。项目中遇到的请求链接是类似这样子的:www.abc.com/user/login,而不是请求某个文件,如果采用PHP+Apache的方式就需要做路径重写,太麻烦。这里用的是nodejs搭建。一般来说,请求的链接无非是http或者https的。但有个问题,本人用的mac电脑,在mac和Linux上是不允许绑定1024以下的端口号的。网上的建议是加s...