分类: 前端

web前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互

51 篇文章

ES6学习笔记(十四)module的简单使用
1、前言 module模块机制是es6新引入的,它解决了作用域的问题,使代码更加规范和结构化。 下面简单的使用一下。 2、基本使用 2.1 模块和脚本的区别 模块代码运行在严格模式下,并且没有任何办法跳出严格模式。 在模块的顶级作用域创建的变量,不会影响到全局作用域,它们只会在模块顶级作用域的内部存在。 模块顶级作用域的this值为undefine…
ES6 学习笔记(十三)promise的简单使用
1、什么是promise 在JavaScript中,我们经常会用到回调函数,而回调函数的使用让我们没法使用return,throw等关键字。JS引用promise正好解决了这个问题。 promise单词意思是承诺,代表未来的某个事情或者是行为。promise是一个容器,包含了异步操作。因此我们认为promise是异步操作的解决方案。所有异步操作都可…
ES6 学习笔记(十二)代理器Proxy的简单使用
1、前言 以前在学习react时做了个仿手机端的QQ音乐项目。当时的数据是通过proxy代理的QQ音乐数据接口,直接写在package.json里面。Proxy 对象(Proxy)是 ES6的特性,只是不太常用。 2、基本内容 2.1 含义 正如MDN上所说,Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、…
ES6 学习笔记(十一)迭代器和生成器函数
1、前言 JavaScript提供了许多的方法来获取数组或者对象中的某个元素或者属性(迭代)。从以前的for循环到之后的filter、map再到后来的for...in和for...of的迭代机制。只要具有iterator接口的都可被迭代。 2、迭代器 Iterator 2.1 含义 迭代器(iterator)为各种数据结构,提供一个统一的、简便的访…
ES6 学习笔记(十)Map的基本用法
1 基本用法 Map类型是键值对的有序列表,而键和值都可以是任意类型。可以看做Python中的字典(Dictionary)类型。 1.1 创建方法 Map本身是一个构造函数,用来生成Map实例,如: let m1 = new Map() 1.2 初始化 Map构造函数可以接收一个数组作为参数,该数组的成员可以是一组表示键值对的数组。也可以是任何具有…
ES6 学习笔记(九)Set的基本用法
1 基本用法 set类似于数组,它的成员是唯一的,当有多个相同的值,只会保留一份。 1.1 创建方法 Set本身是一个构造函数,用来生成Set实例,如: const s = new Set() let arr = [2, 3, 4, 5, 6, 2, 2] arr.forEach(x => s.add(x)); for (let i of s…
ES6 学习笔记(八)基本类型Symbol
1、前言 大家都知道,在ES5的时候JavaScript的基本类型有Number、String、Boolean、undefined、object、Null共6种,在es6中,新增了Symbol类型,用于表示独一无二的值。之后又提出了bigInt类型(前面提到过),这里简要的总结Symbol的一些基本用法。 2、基本用法 2.1 用法一(直接使用) …
JS 学习笔记 (七) 面向对象编程OOP
1、前言 创建对象有很多种方法,最常见的是字面量创建和new Object()创建。但是在需要创建多个相同结构的对象时,这两种方法就不太方便了。 如:创建多个学生信息的对象 let tom = { name: "Tom", age: 20, sex: "boy", height: 175 }; let mar…
JS 学习笔记 (六) 函数式编程
1、函数闭包 1.1 概述 JavaScript采用词法作用域,函数的执行依赖于变量作用域,这个作用域是在函数定义时决定的,而不是函数调用时决定的。 为了实现这种词法作用域,JavaScript函数对象的内部状态不仅包含函数的代码逻辑,还必须引用当前的作用域链。 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特…
JS 可编辑表格的实现(进阶)
1、前言 在普通的可编辑表格的基础上,改进可编辑表格。数据来自外部的json(模拟服务端),通过json数据生成可编辑表格。根据实际情况,表格没有新增数据功能。表格的可编辑列,计算的列,每列的数据大小,以及是否删除都可进行配置,在修改单元格内容和删除行数据都会映射到相应数据集中。 实现效果: 2、设计思路与方法 现将基本样式写好,将所有的数据写在j…