Yx1aoq1's Blog.

Yx1aoq1's Blog.

it's better to burn out than to fade away

ES6 核心向新特性(03)

PromisePromise 是异步编程的一种解决方案,用来避免异步操作函数里的多层嵌套回调(callback)问题。Promise 代表一个异步操作的执行返回状态,这个执行回状态在 Promise 对象创建时是未知的,它允许为异步操作的成功或失败指定处理方法。 基本用法通常 Promise 的状态有三种:Fulfilled 状态表示执行成功;Rejected 状态表示执行失败;Pending 状态表示正在执行中。123456789101112131415161718192021let status = 1;let promise = new Promise(function(resol...

ES6 核心向新特性(01)

块级作用域变量声明关键字 let 、 constlet 、 const 与 var 的对比 不存在变量提升; 1234567// var 的情况console.log(foo); // 输出undefinedvar foo = 2;// let 的情况console.log(bar); // 报错ReferenceErrorlet bar = 2; 暂时性死区(在代码块内,使用let命令声明变量之前,该变量都是不可用的); 12typeof x; // ReferenceErrorlet x; let 和 const 都只能作为块级作用域变量的声明,且只能在块级作用域内生效,块内声明...

Webpack学习笔记

Webpack 基本介绍▼ 什么是Webpack:webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费太多心思,因为 webpack 有着各种健全的加载器(loader)在默默处理这些事情。 ▼ 为什那么要使用Webpack:现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,...

Vue.js学习笔记(01)

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。 ▼ 什么是MVVM:MVVM(Model View ViewModel)是一种基于MVC的设计,开发人员在HTML上写一些Bindings,利用一些指令绑定,就能在Model和ViewModel保持不变的情况下,很方便的将UI设计与业务逻辑分离,从而大大的减少繁琐的DOM操作。 Model代表我们整个webapp所需要的数据模型,一个典型的例子就是用户信息Model,它应该含有(姓名,年龄等属性)。Model含有大量信息,但它并不具有任何行为逻辑,它只...

前端自动化工具

在这段时间工作的时候,遇到了很多以前没有接触过的名词,比如fekit,Webpack之类的,也用小黑框输入了很多指令,但是对于它们都做了些什么还不太清楚。 前端自动化工具都做了什么前端自动化工具有很多,其中如Grunt,Gulp,Webpack什么的各种常见,当然还有很多其他的各种不明意义的词。它们到底做了些什么呢? 作为开发工具,其实它们本质上做的事可以分为: 帮你安装东西 帮你做事 再将两个事拓展一下,可以大致为: 拷贝安装CSS库、JS库 为你的开发环境安装服务器 安装测试库、其他的开发工具等 在一个文件中替换文本字符串 创建文件夹,并且将文件转移到这些文件夹中 用一条单命令...

jQuery源码学习笔记(01)

总体架构自调用匿名函数123(function( window, undefined) { // jquery code})(window); ▼ 使用自调用匿名函数的原因: 通过定义一个匿名函数,创建了一个“私有”的命名空间,该命名空间的变量和方法,不会破坏全局的命名空间,保证jQuery创建的变量不能和导入他的程序所使用的变量发生冲突。 ▼ 自调用匿名函数的写法: 写法11234(function() { // code}(window));//括号包括了函数参数 写法21234(function() { // code ...
Yx1aoq1
Salted fish every day