- 博客(52)
- 收藏
- 关注
RSS订阅原创 eslint 全局报错
平时使用Eslint来规范我们的代码，确实可以带来一些代码的规范性和可读性，避免了代码后期发生不可预估的错误。 但是有的时候会被小虐一下，因为有的时候他报的错误确实不太好去理解。1.假如vue项目中要使用微信API，做为一个全局变量。要如下解决文件名： .eslintrc.js module.exports = {globals:{'wx': true},2.继续开发...
2019-01-08 14:42:38
1070
转载 axios中 配置问题
axios的中文文档为https://www.kancloud.cn/yunye/axios/234845 在配置过程中，看到Contet-type的配置了，总结一下1.配置信息(1)application/json application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上，现在越来越多的人把它作为请求头，用来告诉服务端消息主体是序列化后的...
2019-01-08 12:05:36
678
转载 H5中cookie的处理
引言：再进行H5开发过程中，有时候需要前端存储cookie，比如存储用户登录的login_token。下次发送ajax请求时候，需要从cookie中获取token，附加在ajax的request中。每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie：document.cookie="userId=828";如果要一次存储多个名/值对，可以使用分号...
2019-01-07 14:36:32
9246
1
原创 安装node-sass提示没有vendor目录的解决办法
根据package.json,进行npm install node_modules, 运行npm run dev时候,报错,错误如下.查看node_modules文件夹,发现,并无vender 文件夹.如下图:解决办法:上图node-sass文件夹下,新建 vender 文件夹.然后运行,npm rebuild node-sass --save-dev,之后
2017-11-07 17:57:35
18189
8
原创 css中>,+,~用法区别
css中>,+,~用法很容易搞混，下面以代码示例。1. > (子选择器） #test > p { background-color:Red; } 11111111111111 22222222222222 333333333 效果图：333
2017-11-02 16:24:41
1026
原创 nodejs-1
Ryan Dahl 受到浏览器的v8引擎能够解析前端js的启示，将v8引擎移植于后端，从而让JavaScript的触角伸到了服务器端。nodejs随之诞生。v8引擎优点如下：● 没有历史包袱，没有同步I/O。不会出现一个同步I/O导致事件循环性能急剧降低的情况。● V8性能足够好，远远比Python、Ruby等其他脚本语言的引擎快。● JavaScript语言的闭包特性非常方便
2017-10-28 09:33:33
216
转载 react中智能组件和木偶组件
智能组件和木偶组件，又叫做：Smart and Dumb Components当我在写React应用的时候我发现一种老有用而且简单的写法了。要是你写了一段时间React的话。。我估摸着你也应该发现了这种写法了。这篇文章（下次我就翻译这片文章）就说的很好，但是捏，我还想多差两句嘴你要是把你的组件分成两大类。。你将会发现，这样的话你更容易思考你的组件该怎么写。。而你的组件写出来也更
2017-10-22 14:15:41
1562
原创 caller 和callee的区别
1.在一个函数调用另一个函数时，被调用函数会自动生成一个caller属性，指向调用它的函数对象。如果该函数当前未被调用，或并非被其他函数调用，则caller为null。function testCaller() { var caller = testCaller.caller; alert(caller); //该函数是有aCaller调用，因此返回 aCaller的
2017-10-13 15:19:42
320
原创 shell 脚本中的if else
shell 中的脚本判断，通常用：if ....; then....elif ....; then....else....fi其中if 后面的判断，有以下几种形式。[ -f "somefile" ] ：判断是否是一个文件[ -x "/bin/ls" ] ：判断/bin/ls是否存在并有可执行权限[ -n "$var" ] ：判断$var变量是否有值[ "$a" = "
2017-09-11 10:39:32
885
原创 flex 布局
1.justify-content 配合 align-item .filter-bar.allCenter(style='display:flex;') .left a.item-link.allCenter#clear(href='#',style='display:flex;align-items: cen
2017-07-12 11:53:43
313
原创 css 中盒子剧中
全屏divhtml,body { margin:0; height:100%;}#log_window { width:200px; height:200px; background-color:#FF0; margin: auto; position: absolute; z-index:3; top:
2017-07-11 17:24:08
638
原创 ES6 Proxy
1.java中有动态代理模式，es6中新引入了Proxy类 var obj={name:'ggb',course:'javascript'}; var proxy=new Proxy(obj,{ get:function(target,key){ return 'no'; }, set:function(t
2017-06-25 15:35:28
394
原创 函数数组参数解构
1.函数参数赋值新写法老写法function test(x,y){ x=x||12, y=y||14 console.log(x,y)}test(25)新写法function test (x=12,y=14){ console.log(x,y)}test(25)//25 ,142.function test ([x=2,y=3]=[]){ console.l
2017-06-25 15:11:15
472
原创 ES6 的变量对象解构
1.变量赋值'use strict'var {name:name2}={name:'leo',age:33}console.log(name2)// leo name2是个变量名字，用于接收name值如果打印name 将报错,可以简写为var {name}={name:'leo',age:33}console.log(name)//leo2.let obj={ a:
2017-06-25 14:33:45
263
原创 ES6 变量的数组解构
1.入门小案例var arr=[1,2,3];var [a,b,c]=arr;console.log(a,b,c) //1,2,32.多维数组解构赋值let arr=[22,[5,3],19]let [a,[b,c],d]=arrconsole.log(a,b,c,d)//22,5,3,193.变量交换let x=11;let y=22;[y,x]=[x,y]
2017-06-25 13:01:46
255
原创 ES6 箭头函数
1.箭头函数简单，只有一个注意点，this指向问题。'use strict'class Person{ constructor(name,age){ this.name=name; this.age=age; } change(name,age){ var self=this; let fn=()=>{ console.log(this===sel
2017-06-25 12:11:02
289
原创 标签模板
1.模板字符串，如下代码，tag后面的一堆东西没啥作用'use strict'function tag(strArr ,arg){ return 'what?'}let name='ggb';var result=tag`hello ${name}`;console.log(result) //what?2.tag方法内部的返回值'use strict'fu
2017-06-25 11:43:34
326
原创 ES6遍历属性
Es6遍历对象属性方法有如下几个：Object.keys(obj) ，Object.getOwnPropertyNames(）等等。补充个概念，可枚举，不可枚举类型。 在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。1. js中基本包装类型的原型属性是不可枚举的，如Ob
2017-06-25 11:19:44
3265
原创 ES6 setPrototypeOf
1. ES5中继承某个对象的写法如下： 'use strict'class User{ constructor(){ }}var p={ getName(){ console.log('laaaa') }}let user =new User()//如果要user 继承p,写法为//user.__proto__=p//console.log(
2017-06-25 01:24:51
853
原创 ES6(Set)
1.Set类似于java中的set ，比较简单，直接看代码就好了var arr=[1,2,3,4,4]var st=new Set(arr);console.log(st) //Set { 1, 2, 3, 4 } 不允许数字重复2.Set其他方法和属性let st = new Set();st.add({name:'ggb',age:28})console.log(st)
2017-06-25 00:06:08
262
原创 ES6-对象新写法
1.对象新写法，有人叫做语法糖，就是给你点甜头，甜头是啥？就是写起来简单化var obj={ //getName:function(){ // console.log(111); //} getName(){ console.log(222); }}obj.getName()可以用下面代替上面传统es5的写法。2.属性新
2017-06-15 00:13:46
1004
原创 ES6数组新特性
1.Array.from特性var arr=Array.from({ '0':'ggb', '1':'ggb@gmail.com', 'length':2})console.log(arr)//[ 'ggb', 'ggb@gmail.com' ]var arr=Array.from({ '0':'ggb', '1':'ggb@gmail.com
2017-06-14 23:25:25
491
原创 ES6-generator
1.generator 函数形式'use strict'function * fn(){ console.log('ggb')}fn(); //没有任何结果，仅仅返回了一个指针。预想返回结果需要'use strict'function * fn(){ console.log('ggb') return 'hello generator'}let
2017-06-14 00:46:23
232
原创 ES6--symbol
1.symbol实例分析'use strict'let getName =Symbol('name');//Symbole定义的不是一个字符串module.exports=class User{ [getName](){ return 'ggb' } print(){ console.log(this[getName]())
2017-06-11 22:59:15
224
原创 ES6--promise
1.问题的提出，请看下面代码function asyncFun(a,b,cb){ setTimeout(function() { cb(a+b); },200);}asyncFun(1,2,function(result){ if(result>2){ console.log(result) }})上面代码
2017-06-10 22:49:47
313
原创 ES6--class
es6中class 继承了java的特性（本人只学过java，其他后端语言没学过，不知道和其他后端语言的相似情况）/** * Created by Administrator on 2017/6/10. */ function Person(name,age){ this.name=name; this.age=age;}Person.getPersonName=f
2017-06-10 09:24:27
282
原创 ES6-let,const
1.let 使用let 不会像 var一样存在变量提升的情况"use strict"function f(){ console.log(a);//undefine var a=3;}f();function f2(){ console.log(b)//报错，b未定义 let b=3;}f2();函数内部有同名变量会让外部的变量失效，v
2017-06-10 00:33:14
173
原创 jquery 操作工作中总结
1.如果改变select 中的默认选择项： $(".selector").find("option[text='pxx']").attr("selected",true);//text 为text $(".selector").find("option[value='pxx']").attr("selected",true);//value 为
2017-06-09 16:54:46
201
原创 JS原型链（3）
A 函数三种表示方法：1.函数声明function foo() {}2.函数表达式// 2var foo = function() {};3. new Function()语法：函数 = new Function(arg1, arg2, ...., argN, functionBody);注意点：1 所有的参数都是字符串2 除了最后一个参数
2017-06-08 23:55:14
190
原创 js原型链（2）
A函数原型属性剖析1.name属性和construct属性Person.prototype.name=='Person'//具有兼容性问题Person.construct==function Function() { [native code] }typeof Person.construt=="function"B对象的继承1.组合式继承，由于一个对象可以继承自任意的对象
2017-06-08 00:07:57
544
原创 javascript中原型的理解(1)
要想成为一个中高级前端工程师，需要对原型等相关知识非常理解，这样才有助于自己封装查件，js运用的游刃有余，否则违前端一个。A.基本概念1.只要是函数就有prototype属性，就是（函数的）原型属性；2. 函数的原型属性（prototype）是 对象类型（函数的原型属性===由该函数 new 出来的对象的 _ _proto_ _属性）。3. 由 构造函数 创建出来的对象，会默认链
2017-06-07 23:21:59
244
原创 RabbitMQ页面的操作
如何在队列中如何添加任务，首先看下图为队列对应的后端代码2.打开对应的rabbitmq页面，见下图：并找到对应导航栏目中的Queues,按钮3.进入Queues后，看到如下页面，将第一个页面中的第二个参数填上去，然后进行添加4.进入到Exchanges页面中，找到对应第一张图中1处的内容，如果没有，那么进行添加。5.进入新页面后，添加第一张图
2017-06-07 15:21:18
8237
原创 async的用法
在nodejs 中，多使用async中的parallel ,waterfall,times进行一步操作。本文进行总结如下：未完待续。
2017-05-03 19:55:36
326
原创 伪数组的概念
伪数组，故名思议，就不是真实的数组，其实，伪数组是对象，但是能够通过遍历数组的方式进行访问。如下： //伪数组也是对象类型的 var obj = { 0: 'a', 1: 'b', length: 2 }; // 伪数组可以像for循环进行遍历 for (var i = 0; i < obj.length
2017-04-05 23:01:58
1108
原创 检测document.getElementsByClassName 兼容性代码
我们知道jquery中可以对各个浏览器进行了兼容，在写jquery代码的时候，不用考虑兼容性。下面模拟一个兼容性处理的代码： Titleaaabbb var support={ getElementsByClassName:false }; if (typeof document.getElements
2017-04-04 22:49:17
345
原创 break用法
break只能用于循环与switch语句中，不能用在其他方面。本人曾经在undersocre 中的_.each中用break语句，发现不起作用。这是一个类似于封装jquery中each 的一个小案例--查找数组中某个值第一次出现的下标。var array=[1,29,3,45,23,5,9];var index=-1;function each(arr, fn){ for(va
2017-04-04 19:57:28
1388
原创 git 操作
1.今天 当我 执行 Git add somefile 的时候，出现 如下 错误：If no other git process is currently running, this probably means agit process crashed in this repository earlier. Make sure no other gitprocess is
2017-03-11 12:39:26
256
原创 nodejs中npm深入理解
1.Node.js中，一个JavaScript文件中定义的变量、函数，都只在这个文件内部有效。例如下图中，foo.js中定义的变量仅仅能够在当前文件中访问。当需要从此JS文件外部（例如上图中06.js)引用这些变量、函数时，必须使用exports对象进行暴露。使用者要用require()命令引用这个JS文件。这个就是node.js 遵循的common js规范。（其中，fo
2017-03-05 21:43:22
4690
原创 页面点击打印按钮打印相关内容的小功能
如果想在页面中，点击打印按钮，打印出相应的内容，如下图所示：可以借助一下面的代码来实现（本人工作中上线的功能）function promotion_demotion_print() { //待渲染的html部分信息 var str = '' str += '' str += '' str += '' str +=
2017-03-04 18:04:50
1306
原创 jquery插件--zTre(应用篇）
预先知道什么是zTree，首先看一个效果图： zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。目前的版本是v3.x,其特点如下：zTree v3.x 将核心代码按照功能进行了分割，不需要的代码可以不用加载采用了 延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀兼容 IE、Fir
2016-11-23 23:33:03
449
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人