随笔分类 -  前端

前端代码
摘要:Promise Promise 是异步编程的一种解决方案。 Promise对象有以下两个特点。 (1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状 阅读全文
posted @ 2018-06-06 18:26 sunmarvell 阅读(156) 评论(0) 推荐(0)
摘要:创造对象实例 访问对象属性: 属性名中若包含可能会导致语法错误的字符,比如空格或者保留字,要用方括号访问!不能用点表示法访问。 点表示法比较常用; 属性类型 1.数据属性 有4个描述其行为的特性 writable,(能否修改属性值) configurable(定义对象的属性能否delete), en 阅读全文
posted @ 2018-06-05 11:51 sunmarvell 阅读(125) 评论(0) 推荐(0)
摘要:Set ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身是一个构造函数,用来生成 Set 数据结构。 Set 函数可以接受一个数组作为参数,用来初始化。 Set中重复的元素不会添加,可以用于去重 Set不会转换数据类型,数字就是数字,字符串就是字 阅读全文
posted @ 2018-06-04 12:04 sunmarvell 阅读(226) 评论(0) 推荐(0)
摘要:ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。 如果有一种机制,保证每个属性的名字都是独一无二的,这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原 阅读全文
posted @ 2018-06-03 22:48 sunmarvell 阅读(140) 评论(0) 推荐(0)
摘要:一、什么是Flex布局? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 其中在webkit内核的浏览器中使用时,必须加上-webkit-前缀,以下不再重复说明。 注意,设为Flex布局以后,子元素的float、c 阅读全文
posted @ 2018-06-03 16:46 sunmarvell 阅读(137) 评论(0) 推荐(0)
摘要:1. 标准盒子模型: width只是内容的宽度。 元素的总宽度=width + padding*2 +border*2 +margin*2。 IE盒子模型: width=内容的宽度 + padding*2 + border*2。 元素的总宽度=width +margin*2。 2.top top 属 阅读全文
posted @ 2018-06-02 09:54 sunmarvell 阅读(375) 评论(0) 推荐(0)
摘要:垂直居中 方法一 这个方法把div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align属性。 实现如图: 能在本身里垂直居中; 优点: container 可以动态改变高度(不需在 CSS 中定义)。当 wrapper 里没有足够空间时,container 不会被截断 缺点: 阅读全文
posted @ 2018-06-01 21:52 sunmarvell 阅读(452) 评论(0) 推荐(0)
摘要:1.Array.of() Array.of用于将一组值,转换为数组。 只有当参数个数不少于 2 个时,Array()才会返回由参数组成的新数组。参数个数只有一个时,实际上是指定数组的长度。 Array.of()生成的数组是不可遍历(iterable)的。 2.Array.from() Array.f 阅读全文
posted @ 2018-06-01 18:16 sunmarvell 阅读(147) 评论(0) 推荐(0)
摘要:1. 字符的 Unicode 表示法 JavaScript 允许采用\uxxxx形式表示一个字符,其中xxxx表示字符的 Unicode 码点。 但是,这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符,必须用两个双字节的形式表示。 上面代码表示,如果直接在\u后面跟上超 阅读全文
posted @ 2018-05-31 12:15 sunmarvell 阅读(141) 评论(0) 推荐(0)
摘要:RegExp构造函数 在ES5中,RegExp构造函数的参数有两种情况。 第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。 var regex = new RegExp('xyz', 'i'); // 等价于 var regex = /xyz/i; 第二种情况是,参数是 阅读全文
posted @ 2018-05-30 21:21 sunmarvell 阅读(553) 评论(0) 推荐(0)
摘要:一路回车,最后选择y,回车 7.创建处理服务器的构建脚本tasks/server.js 13.运行处理 [21:34:10] Failed to load external module @babel/register[21:34:10] Failed to load external module 阅读全文
posted @ 2018-05-28 12:32 sunmarvell 阅读(333) 评论(0) 推荐(0)
摘要:之前的博客nodejs安装和配置好路径之后就可以安装express了; 随便打开个文件夹右键选择,git bash here 查看是否安装成功。进入到全局的d/nodejs/node_global目录下,输入node 回车,输入require("express");出现以下信息即安装成功。 ps:退 阅读全文
posted @ 2018-05-24 21:51 sunmarvell 阅读(3519) 评论(0) 推荐(0)
摘要:下面的就是true 布尔类型与其它任何类型进行比较,布尔类型将会转换为number类型。 Number([])返回0所以第二题为true Number转换类型的参数如果为对象返回的就是NaN,那么Number({})返回的就是NaN。 通过Object.prototype.toString.call 阅读全文
posted @ 2018-05-16 21:16 sunmarvell 阅读(20243) 评论(0) 推荐(0)
摘要:void是一元运算符,它出现在操作数之前,操作数可以是任意类型,操作数会照常计算,但忽略计算结果并返回undefined。由于void会忽略操作数的值,因此在操作数具有副作用的时候使用void来让程序更具语义 console.log(void 0); // undefined console.log 阅读全文
posted @ 2018-05-16 17:58 sunmarvell 阅读(548) 评论(0) 推荐(0)
摘要:1.检测数组 ①Instanceof: 它假定只有一个全局执行环境,若网页中包含多个框架,则存在多个不同的全局执行环境,则Instanceof不能正确检测; ② Array.isArray() 无论几个全局执行环境都可以; 2.转换方法 ③ toString() 会返回数组的每个值拼接起来的字符串( 阅读全文
posted @ 2018-05-15 22:34 sunmarvell 阅读(165) 评论(0) 推荐(0)
摘要:问题:span标签的width和height分别为多少? 这题考点其实有几个: 1.span标签是行内元素,无法设置宽高的; 2.float会把浮动元素变成块级元素;支持宽高,height:100%;即为,200px,当height为%单位意为:基于包含它的块级对象的百分比高度。所以这里span的h 阅读全文
posted @ 2018-05-09 17:03 sunmarvell 阅读(123) 评论(0) 推荐(0)
摘要:设置单选框时,记住将其name设为相同值,这样才能实现单选框!! 阅读全文
posted @ 2018-05-09 15:20 sunmarvell 阅读(120) 评论(0) 推荐(0)
摘要:效果图: 布局有两个列,第二列被分为两行四个盒子。 阅读全文
posted @ 2018-05-09 10:35 sunmarvell 阅读(1037) 评论(0) 推荐(0)
摘要:前端框架; 只需要引入相应文件就好; 根据需要加入不同的类名 http://www.bootcss.com/下载bootstrap的地址 选择用于生产环境的 Bootstrap 为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 view 阅读全文
posted @ 2018-05-08 19:00 sunmarvell 阅读(219) 评论(0) 推荐(0)
摘要:闭包函数:声明在一个函数中的函数,叫做闭包函数。 闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。 闭包是指一个函数,其可以调用另一个函数作用域中的变量; 闭包只能取得包含函数中任何变量的最后一个值,如: 实例1 function create 阅读全文
posted @ 2018-05-07 17:30 sunmarvell 阅读(206) 评论(0) 推荐(0)