posts

润雨细无声,何已湿衣襟

SVG 图像的使用及优化

SVG 图像的使用及优化

  • 对于一些简单的图标如果使用svg图标会比普通图片更小
  • svg 的图片是矢量图形,放大缩小不会产生锯齿
  • 支持通过 css 修改样式、增加动画
  • 自身也支持动画
vue 清除定时器

vue 清除定时器

由于是单页面,在页面切换后,定时器没有被清除,在再次回到页面时,使得两个定时器同时工作,时间流逝加倍。使用 beforeDestroy() 来清除定时器

html页面加载优化

html页面加载优化

通过使用 preload、prefetch 来优化页面加载

记录一些遇到的css问题

记录一些遇到的css问题

记录一些遇到的css问题,不同的设备对css的支持不一样,可能出现不同的效果

ES6 Module (模块)

ES6 Module (模块)

Module基本用法

  • 通过 Module 的 export 与 import 来分割代码,集中相同的代码,优化逻辑
ES6 Map

ES6 Map

Map 类似于对象,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键

  • Map构造函数接受数组(任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构)作为参数
ES6 Set

ES6 Set

Set 类似于数组,但是成员的值都是唯一的,没有重复的值

  • Set 是一个构造函数,用来生成 Set 数据结构
  • Set 函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数
ES6 class

ES6 class

ES6引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已

ES6 symbol

ES6 symbol

ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是JavaScript语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)

箭头函数

箭头函数

ES6允许使用箭头 => 定义函数,简化函数的写法

ES6 promise对象

ES6 promise对象

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的API,各种异步操作都可以用同样的方法进行处理。

ES6 变量的解构赋值

ES6 变量的解构赋值

ES6允许按照一定模式,从数组、对象或字符串中提取值,对变量进行赋值,这被称为解构(Destructuring)