- 博客(92)
- 收藏
- 关注
RSS订阅转载 vue-cli3学习整理----browserslist
你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。Browserslist在不同前端工具之间共享目标浏览器...
2019-07-12 12:22:00
12286
转载 vue-cli3学习整理----git Hooks
在安装之后，@vue/cli-service也会安装yorkie，它会让你在package.json的gitHooks字段中方便地指定 Git hook：{ "gitHooks": { "pre-commit": "lint-staged" }}什么是Git Hooks？话说，如同其他许多的版本控制系统一样...
2019-07-07 22:55:00
1561
转载 vue-cli3学习整理----创建项目选项说明
vue create [项目名称]提示选择一个preset（预置项），或自定义：选择自定义选项：全选，看看都有什么？是否使用class风格的组件语法？Y是否使用Babel为TypeScript做转义？Y路由是否使用History模式？Y选择一种CSS预处理：Less （如果安装Sass/SCSS，需要本地预先安装python）...
2018-12-27 14:36:00
699
转载 vue-cli3学习整理----基础
核心CLI（@vue/cli）：是一个全局安装的npm包提供命令：vuevue create //快速创建新项目的脚手架vue serve //构建新想法的原型vue ui //图形化界面CLI服务（@vue/cli-service）：是一个局部安装的npm包，是一个开发环境依赖包//构建于 webpack 和 webpack-dev-s...
2018-12-27 14:28:00
218
转载 AMD、CMD、UMD
介绍多年来，可供选择的JavaScript组件的生态系统不断地稳步增加。有很多的选择固然是很好的一件事，但是各个组件混合搭配使用的时候会带来不少的问题，开发者不会花很多时间就会发现所有组件使用起来总有这样那样的问题。为了解决这些问题，互为竞争对手的模块规范 AMD 和 CommonJS 出现了，它们可以让开发者在约定的沙箱以模块化的方式编写自己的代码，以免“污染生态系统”。A...
2018-12-27 08:43:00
116
转载 npm 镜像及使用
淘宝npm镜像：搜索地址：http://npm.taobao.org/registry地址：http://registry.npm.taobao.org/cnpmjs镜像：搜索地址：http://cnpmjs.org/registry地址：http://r.cnpmjs.org/临时使用：npm --registry https://r...
2018-12-27 08:29:00
297
转载 nvm 指令
nvm arch [32|64]: 显示node是否以32位或64位模式运行。指定32或64来覆盖默认架构。nvm install <version> [arch]: 版本可以是一个node.js版本或“latest”为最新的稳定版本。可选地指定是安装32位版本还是64位版本(系统默认)。设置[arch]为"all"安装32位和64位版本。nvm list [av...
2018-12-15 00:40:00
478
转载 mongodb安装配置启动踩的坑
网上的教程那是又爱又恨，到了自己手里怎么搞都不行，踩着前人的脚步，自己再做个总结。https://blog.csdn.net/qq_41109668/article/details/82905698https://blog.csdn.net/qq_26896281/article/details/81203687https://blog.csdn.net/SeekAndFin...
2018-12-12 14:03:00
141
转载 vue插件集合
https://github.com/vuejs/awesome-vue从 Components & Libraries 开始都是插件了，先摘录，以后慢慢整理翻译和一些简单的说明组件库UI 组件表格表格/数据网格vuetable-2 - 数据表简化vue-tables-2 - 适用vue2版本的网格组件vue-datasource - vue服...
2018-12-11 11:34:00
3019
转载 axios学习笔记
API首先，我们把axios所有的【API】和【配置】及【返回内容】列一下：//通过配置发送请求axios(config)axios(url[,config])//别名axios.request(config);axios.get(url[,config]);axios.delete(url[,config]);axios.head(url[,...
2018-12-11 00:21:00
150
转载 vuex简单---->复杂---->模块---->目录
话不多说，开干。首先，使用vue-cli3创建一个项目选择最后一个选择自己需要的功能，安装之最终项目的目录如下：为了使讲解更简单明了，我们修改一下目录下的一些文件，将app.vue下的文件都注释掉，如下图：现在我们开始一个最简单的vuex应用。打开store.js文件，编辑如下 ：打开App.vue文件，编辑如下：main....
2018-12-09 02:47:00
144
转载 JavaScript基础概念之----性能优化
一、加载与执行body闭合标签之前，将所有的script标签放到页面的底部，能确保在脚本执行前页面已经完成渲染合并脚本，页面中script标签越少，加载越快，响应也更迅速使用多种无阻塞下载Javascript方法：使用script标签的defer属性使用动态创建script元素来下载并执行代码使用XHR对象下载 Javascript代码并注入页...
2018-10-18 18:25:00
88
转载 JavaScript基础概念之----前端工程化/模块化/组件化/表现与数据分离
前端工程化将前端项目当成一项系统工程，进行分析、组织、构建，从而达到项目结构清晰、分工明确、配合默契、效率提高。从最简单的说，将一个页面的结构、样式、动作分离，就是一个工程化的思想了。从更高层方面来说，对于一个大型项目，要做各种规范、技术选型、项目构建、优化等等，在代码上还需要用到模块化、UI组件化等开发方式。模块化是前端工程化思想下 相对比较具体的开发方式，可...
2018-10-16 18:23:00
279
转载 JavaScript基础概念之----MVC/MVP/MVVM
MVC，MVP和MVVM都是常见的软件架构设计模式，它通过分离关注点来改进代码的组织方式。它们相同的部分是MV(Model-View)，而不同部分则是C(Controller)、P(Presenter)、VM(View-Model)。MVCModelModel层用于封装和应用程序的业务逻辑相关的数据以及对数据的处理方法。View作为视图层，主要负责数据的展示。...
2018-10-16 00:18:00
80
转载 JavaScript基础概念之----浏览器缓存策略
两个概念强缓存用户发送的请求，直接从客户端缓存中获取，不发送请求到服务器，不与服务器发生交互行为。协商缓存用户发送的请求，发送到服务器后，由服务器判定是否从缓存中获取资源。两者共同点：客户端获得的数据最后都是从客户端缓存中获得。两者的区别：从名字就可以看出，强缓存不与服务器交互，而协商缓存则需要与服务...
2018-10-15 20:41:00
113
转载 JavaScript基础概念之----变量提升/函数提升
变量提升在ES6之前，JS没有块级作用域，只有全局作用域和函数作用域（局部作用域）。变量提升：就是将变量声明提升到它所在的作用域的最顶端console.log(a) //undefinedvar a = 1;console.log(a) //1function fn(){ console.log(b) //undefined var...
2018-10-15 20:15:00
65
转载 JavaScript基础概念之----事件冒泡/捕获/委托
事件流如果单击了页面中的某个按钮，同时也单击了按钮的容器元素，甚至单击了整个页面。IE提出的是冒泡流，网景提出的是捕获流。<div id="content">content <div id="btn">button</div> </div> <script type="text...
2018-10-15 19:44:00
110
转载 JavaScript基础概念之----call()、apply()、bind()
它们都是可以改变this的指向。call和apply都是改变上下文中的this并立即执行这个函数，call()和apply()的区别就在于，两者之间的参数。bind方法可以让对应的函数想什么时候调就什么时候调用，并且可以将参数在执行的时候添加var o = {}function func(a,b,c){ console.log(a);}//每个参...
2018-10-15 17:44:00
96
转载 JavaScript基础概念之----跨域
浏览器对于javascript的同源策略的限制，出现了跨域。只要协议、域名、端口等不同，就会出现跨域：如下域名： 主域名不同 http://www.a.com –>http://www.b.com 子域名不同 http://www.m.a.com/index.html –>http://www.n.a.com/test.js 域名和域名ip http://www.a....
2018-10-15 17:20:00
66
转载 JavaScript基础概念之----浅拷贝/深拷贝
浅拷贝：就是简单的值的传递。深拷贝：达到了真正意义上的拷贝，很好的解决了引用类型的拷贝问题，采用递归的方法去复制拷贝对象，从而解决浅拷贝的弊端。在JS中，基本类型（Number,String,Boolean等）和 对象（Array,Object等）最大的不同在于它们的传值方式。基本类型是按值传递，对象按引用传值。var a = 1var b = 2b = 3c...
2018-10-15 13:44:00
75
转载 JavaScript基础概念之----面向对象----继承（深入）
实现继承主要是依靠原型链来实现的。基本思想是：利用原型 让一个引用类型继承另一个引用类型的属性和方法。原型链继承有两个构造函数 A 和 B，如果，让A的原型对象等于B的实例，结果会是怎么样呢？此时 A 的原型对象将包含一个指向 B 的原型的指针，相应地，B 的原型中也可包含着指向 C 的指针。假如 C 的原型又是 D 的实例，那么上述关系依然成立，如此层层递进，就构成了实...
2018-10-15 00:33:00
60
转载 JavaScript基础概念之----面向对象----创建对象（深入原型及原型链）
一、使用Object构造函数或对象字面量创建对象var person = new Object()person.name = 'adhehe';person.age = 23;//...//或 var person = { name:'adhehe', age:23, //...}缺点：使用同一个接口创建很多的对象，会产生大量的重复代码。二、工厂模式这种...
2018-10-14 20:17:00
87
转载 JavaScript基础概念之----面向对象----理解对象
创建自定义对象最简单的方式是创建一个Object的实例：var person = new Object()person.name = 'adhehe'person.age = 23person.job = '程序开发'person.getName = function(){ return this.name}使用对面字面量创建一个普通...
2018-10-14 19:01:00
60
转载 JavaScript基础概念之----垃圾回收机制
分为两种：标记清除引用计数标记清除当变量进入环境时，就将这个变量标记为“进入环境”。当变量离开环境时，则将其标记为“离开环境”。垃圾收集器在运行的时候会给存储在内存中的所有变量都加上标记，然后，它会去掉环境中的变量以及被环境中的变量引用的变量的标记。而在此之后再被加上标记的变量将被视为准备删除的变量，原因是环境中的变量已经无法访问到这些变量了。最后，垃圾收集器...
2018-10-14 18:05:00
71
转载 JavaScript基础概念之----继承
每个对象都继承原型对象的所有属性function People(name,age){ this.name = name; this.age = age;}People.prototype.getWolk = function(){ console.log('getWolk');}var o1 = new People('adh...
2018-10-14 16:30:00
64
转载 JavaScript基础概念之----原型/原型链
原型只是一个被称为“原型”的空对象属性。所有的函数都是由Function()构造函数创建的。当创建函数实例时，它总是拥有一个prototype属性，这是一个空对象。prototype属性来自Function()构造函数。prototype属性是JavaScript为每个Function()实例创建的一个对象，它通过new关键字创建的对象实例链接回创建它们的构造函数。proto...
2018-10-14 15:56:00
68
转载 JavaScript基础概念之----this关键字
创建函数时，系统会（在后台）创建一个名为 this 的关键字，它链接到运行该函数的对象。var person = { name:'adhehe', age:23, getName:function(){ // return person.name return this.name }}//person....
2018-10-14 15:55:00
98
转载 JavaScript基础概念之----闭包
闭包 是由作用域链引起的。var parent = function(){ var a = 'hello'; return function(){ console.log(a); }}var my = parent();my();//输出'hello'，因为返回的函数可以通过作用域链访问a如上代码：定义p...
2018-10-14 02:36:00
72
转载 JavaScript基础概念之----作用域链
也称：词法作用域JavaScript查找变量关联的值时，会遵循一个查找链，这个链是基于作用域的层次结构的。var a = 'hello';var func1 = function(){ var func2 = function(){ console.log(a); }}//hello如上图，查找过程如下：1...
2018-10-14 02:25:00
40
转载 JavaScript基础概念之----作用域
1、在JS中，作用域就是指 执行代码的上下文。2、有三种类型的作用域：全局作用域局部作用域（也称为“函数作用域”）eval作用域3、在全局作用域中定义的变量，从任何地方都可以访问，因为它是作用域链中最高层（最后一个）。它的生命周期将跨越整个程序。在JavaScript中没有使用 var 关键字声明的变量都是全局变量。4、在函数内部使用 var 定义的变量，...
2018-10-13 22:22:00
88
转载 Node.js知识点整理之----Buffer类
Buffer类，是用来创建一个专门存放二进制数据的缓存区。Buffer类，是一个可以在任何模块中使用的全局类。Buffer类使用 new 关键字创建该类的实例对象。三种形式创建实例对象：new Buffer(size)//对象拥有一个length属性，属性值为缓存区大小new Buffer(array)//直接使用一个数组来初始化缓存区new ...
2018-09-25 00:26:00
119
转载 Node.js知识点整理之----npm包管理工具
在Node.js中，可以自己编写或从网上下载模块文件：后缀名为.js的JavaScrip文件后缀名为.json的JSON文件后缀名为.node的经过编译后的二进制模块文件使用require()引入模块文件时需要指定文件的路径及文件名：‘./’代表当前目录来指定相对路径'/'代表绝对路径自定义模块使用 exports对象，暴露模块内的变量、函...
2018-09-24 15:58:00
100
转载 Node.js知识点整理之----基础知识----事件处理机制及事件环机制
在event模块中，定义了EventEmitter类，所有触发事件的对象都是继承了这个类的子类的实例对象。addListener(event,listener)对指定事件绑定事件处理函数on(event,listener)对指定事件绑定事件处理函数（addListener方法的别名）var http = require('http');var serve...
2018-09-22 07:07:00
73
转载 Node.js知识点整理之----基础知识----全局作用域及全局函数
1、global对象，是Node.js中的全局命名空间，任何全局变量、函数或对象都是该对象的属性值。2、setTimeout函数 与 clearTimeout函数setTimeout(cb,ms,[arg],[...])//cb：需要执行的回调函数//ms：一个整数，指定经过多少毫秒后执行该回调函数//arg：可选，需要向回调函数中传入的参数3、setIn...
2018-09-22 03:56:00
263
转载 Node.js知识点整理之----基础知识----console(控制台)
console.log()用于进行标准输出流的输出，即在控制台中显示一行字符串console.log('this is a message.')可以将它重写向输出到文件中，1代表重定向标准输出流node app.js 1>info.log通过参数指定输出字符串的格式//从第二个参数开始，依序输出所有字符串console...
2018-09-22 02:16:00
124
转载 Node.js知识点整理之----REPL
交互式运行环境。在命令窗口中，输入“node”命令并回车，即可进入REPL运行环境。基础命令：.break返回到命令提示符的起点处按下Ctrl+C组合键，可以替代.break命令两次Ctrl+C退出REPL运行环境.clear清除REPL运行环境的上下文对象中保存的所有变量和函数返回到命令提示符的起点处.exit退出REPL运行环境...
2018-09-21 21:41:00
115
转载 Node.js知识点整理之----简介
1、Node.js首要目标是提供一种简单的、用于创建高性能服务器及可在该服务器中运行的各种应用程序的开发工具。2、Node.js修改了客户端到服务器端的连接方法，解决了 服务器所支持的最大同时连接用户量瓶颈的问题。因为它并不为每个客户端创建一个新的线程，而是为每个客户端连接触发一个在Node.js内部进行处理的事件。因此，如果使用Node.js，可以同时处理多达几万个用户的客户端连接...
2018-09-21 21:28:00
161
转载 ES6知识点整理之----ArrayBuffer
这个接口的原始设计目的，与 WebGL 项目有关。所谓 WebGL，就是指浏览器与显卡之间的通信接口，为了满足 JavaScript 与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而不能是传统的文本格式。文本格式传递一个 32 位整数，两端的 JavaScript 脚本与显卡都要进行格式转化，将非常耗时。这时要是存在一种机制，可以像 C 语言那样，直接操作字节，将 ...
2018-09-21 20:39:00
84
转载 ES6知识点整理之----Module----加载实现
浏览器加载传统方法<!-- 页面内嵌的脚本 --><script type="application/javascript"> // module code</script><!-- 外部脚本 --><script type="application/javascript" src="path/t...
2018-09-21 18:49:00
95
转载 ES6知识点整理之----Module----语法
1、ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。运行时加载：整体加载模块（即加载所有方法），生成一个对象，然后再从这个对象上面读取几个方法编译时加载（静态加载）：从模块加载 几个方法，其他方法不加载2、通过export命令显式指定输出的代码，再通过import命令输入// ES6模块import { sta...
2018-09-21 16:57:00
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人