04 2019 档案
摘要：Document {{ message }}
阅读全文
摘要：容器元素设置的样式 display:flex：规定元素是flex布局，里面的元素自然会像浮动一样横向排列； 横向排列或纵向排列，正序还是倒序 flex-direction：row | row-reverse | column | column-reverse;规定子元素是横向排列还是纵向排列； 子元
阅读全文
摘要：好文章链接：30分钟学会less 自己总结一下这篇文章中的几个关键字：变量、混合、函数、嵌套、@import 下面贴上自己照着上面写的一些代码：
阅读全文
摘要：首先我们在vue中引入axios， 在需要用到的页面引入axios 用axios去请求koa2的服务器（url："http://localhost:3000/"） 以上是vue的代码 以下是koa的代码
阅读全文
摘要：首先安装node， 建一个文件夹server， 在里面创建一个server.js,内容如下： 打开终端（window系统是ctrl+r，然后输入cmd，跳转到server文件夹下），执行以下命令，运行服务器 解释一下以上代码： 先引入node中的http模块， 再创建一个服务器， http.crea
阅读全文
摘要：引入一篇好文章链接：看一遍就会的vuex文章;完！！！ vue中transtion的使用：transition文章;完！！！ axios的文章：axios;完！！！ 使用实例
阅读全文
摘要：前面说过用vue-cli3快速开发原型的搭建，下面来说一下搭建一个完整的项目 首先我们可以输入命令(创建一个项目名为test的项目) 输完这个命令后，会让你选择配置项，默认是eslint和babel，也可以选择其它的选项，如vue-router、vue-x、css预处理语言、单元测试、typeScr
阅读全文
摘要：先来讲一下，什么是快速原型开发。 当我们需要紧急或提前开发单独的一个页面时，有时候不需要在原项目中创建一个页面，再开发，我们可以单独的区开发这个项目，那么怎样单独的区开发这个项目呢，之前使用过vue-cli的都知道，用vuecli创建出来一个项目需要有各种配置啊，入口文件啊，出口文件啊什么的，但是v
阅读全文
摘要：git init：将文件变成git仓库 ls -ah：查看隐藏目录 git add 文件1 文件2 。。。：将文件添加到缓存区 git commit -m ‘提交说明’：提交到本地仓库一次 并说明这次更改的说明 git status：查看当前仓库状态，有没有在缓存区没提交的文件，或则文件在缓存区还未
阅读全文
摘要：上一个链接，入门webpack看这篇文章最好：https://segmentfault.com/a/1190000006178770 1、先安装好node 2、建个项目文件 3,、window+r，打开终端 初始化这个项目 3.1、本地安装webpack（官方建议本地安装） 3.2、如果用webpa
阅读全文
摘要：一：webpack认识 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一
阅读全文
摘要：概述 在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。 ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。 ES6 的模块化分为导出（export） @与导入（i
阅读全文
摘要：在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。 class 的本质是 function。 它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。 基础用法 类定义 类表达式可以为匿名或命名。 // 匿名类 let Example = cla
阅读全文
摘要：Iterator Iterator 是 ES6 引入的一种新的遍历机制，迭代器有两个核心概念： 迭代器是一个统一的接口，它的作用是使各种数据结构可被便捷的访问，它是通过一个键为Symbol.iterator 的方法来实现。 迭代器是用于遍历数据结构元素的指针（如数据库中的游标）。 迭代过程 迭代的过
阅读全文
摘要：函数参数的扩展 默认参数 基本用法 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 fn("Amy",""); // Amy, fn("Amy"); // Amy,17 function f
阅读全文
摘要：数组创建 Array.of() 将参数中所有值作为元素形成数组。 console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] // 参数值可为不同类型 console.log(Array.of(1, '2', true)); // [1, '2', true
阅读全文
摘要：对象字面量 属性的简洁表示法 ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; console.log(person); //{age: 12, na
阅读全文
摘要：数值的表示 二进制表示法新写法: 前缀 0b 或 0B 。 八进制表示法新写法: 前缀 0o 或 0O 。 常量 Number.EPSILON 属性表示 1 与大于 1 的最小浮点数之间的差。 它的值接近于 2.2204460492503130808472633361816E-16，或者 2-52。
阅读全文
摘要：拓展的方法 子串的识别 ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。 includes()：返回布尔值，判断是否找到参数字符串。 startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。 endsWith()：返回布尔值，判断参数字符
阅读全文
摘要：概述 Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。 Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。 Reflect 可以用于获取目标
阅读全文
摘要：Map 对象 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 Maps 和 Objects 的区别 一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。 Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 Ma
阅读全文
摘要：概述 ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。 ES6 数据类型除了 Number 、 String 、 Boolean 、 Objec t、 null 和 undefined ，还新增了 Symbol 。 基本用法 Symbol
阅读全文
摘要：requestAnimationFrame（） 每次浏览器重绘之前会调用这个方法！！！ 它接收一个参数，就是回调函数； 它可以保证在最佳的间隔时间调用传入的回调函数，以达到让屏幕产生最流畅的动画效果。每次调用这个api它只会调用一次回调函数，并且给回调函数传入间隔的时间(毫秒)。很适合用js做动画。
阅读全文
摘要：一、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB
阅读全文
摘要：离线检测 HTML5定义一个属性：navigator.onLine的属性。这个属性值为true，表示设备在线，值为false，表示设备离线。为了更好的确定网络是否可用，HTML5还定义了两个事件。这两个事件是在window对象上触发：online和offline。代码如下： 应用缓存： HTML5的
阅读全文
