- 博客(52)
- 收藏
- 关注
原创 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关注的人