js
文章平均质量分 85
Gytha_1
这个作者很懒,什么都没留下…
展开
-
eslint 的使用
ESLint的用途审查代码是否符合编码规范和统一的代码风格审查代码是否存在语法错误官网https://eslint.org/居然找到了一个中文网站:http://eslint.cn/docs/user-guide/configuring#configuration-file-formats开始使用npm install eslint --save-dehttps://esl...原创 2019-04-08 17:29:53 · 371 阅读 · 0 评论 -
Flow 是一个静态类型检测工具
参照:https://zhuanlan.zhihu.com/p/26204569Flow 是一个静态类型检测工具;在现有项目中加上类型标注后,可以在代码阶段就检测出对变量的不恰当使用。Flow 弥补了 JavaScript 天生的类型系统缺陷。利用 Flow 进行类型检查,可以使你的项目代码更加健壮,确保项目的其他参与者也可以写出规范的代码;而 Flow 的使用更是方便渐进式的给项目加上严格的类型...转载 2018-05-21 16:10:51 · 622 阅读 · 0 评论 -
Graphql只是一种用于 API 的查询语言!!!!
Graphql只是一种用于 API 的查询语言详解见:GraphQL入门 https://blog.csdn.net/future_challenger/article/details/54773541转载 2018-05-21 15:11:39 · 900 阅读 · 0 评论 -
sublime 下安装 babel插件
React开发时,有的文件显示为plain text,为优化显示:打开sublime,ctrl+shift+p(MacCmd+shift+p),输入Install Package(IP)搜索,输入babel安装。重启sublime查看(view)>语法>Open all with current extension as...>Babel>JavaScript(babel)...原创 2018-05-19 17:18:07 · 2005 阅读 · 0 评论 -
怎样做好前端
种一棵树最好的时间是十年前,其次是现在谦虚 谨慎 多学习现阶段,包括各大招聘网站招聘规则,前端的主要作用就是实现页面,以及将后台数据按需求展示出来,更深一点的是,快速解决各种问题,快速开发,性能优化。更更深一点的职能是了解原理以及服务器等后台理论。 说一下工作感悟吧,良好的人际关系是一剂良药,能让人工作身心愉悦,技术上跟新,每天花两个小时学一些自己的东西,充盈自己的大脑和底气,生存之道...原创 2018-05-04 14:47:19 · 432 阅读 · 0 评论 -
javascript的函数传递and匿名函数
在JavaScript中,函数和其他变量一样都是可以被传递的,如:function say(w){alert(w)};function exe(func,val){func(val)};exe(say,"Hi!!")我们可以直接在另一个函数的括号里直接定义和传递,甚至不用给函数起名字,匿名函数:function exe(func,val){func(val)};exe(function(w){al...原创 2018-05-02 14:28:25 · 168 阅读 · 0 评论 -
react生命周期详解
参照:https://www.jianshu.com/p/4784216b8194测试例子:http://wximg.gtimg.com/shake_tv/test/lifeCycle2113.htmlreact生命周期函数:1. constructor(props,context);2. componentWillMount()挂载前调用,一次,如果此函数内调用setState,本...原创 2018-04-24 11:50:18 · 930 阅读 · 0 评论 -
Postman设置全局token
使用Postman时,经常会遇到接口需要加token,每次手动添加较麻烦,这里介绍了全局设置token的方法:1. 获取token:在Postman的Tests填写如下代码,设置Postman的环境变量token方法:pm.test("Status code is 200", function () { pm.response.to.have.status(200); }); va...原创 2018-04-17 17:29:28 · 10142 阅读 · 0 评论 -
获取当日及三天前时间戳的方法
今日凌晨时间戳:var time= new Date().setHours(0,0,0,0);三天前凌晨时间戳:var ThreeDayAgo = time - 86400000 * 3;//一天86400秒此时刻时间戳:var time2= new Date().getTime();均为毫秒,获取结果后,可在线验证。...原创 2018-03-26 14:44:25 · 12046 阅读 · 0 评论 -
为什么javascript是单线程?
转自:http://blog.csdn.net/baidu_24024601/article/details/51861792今天面试的时候,面试官问了我这个问题,为什么javascript是单线程的?我的脑袋瞬间蒙了,我从单线程跟多线程的区别来回答:比如多线程要考虑线程之间的资源抢占,死锁,冲突之类的。回到学校后我就去找这个问题的答案。下面分享一篇来自阮一峰老师的博客,原文地址:http://w...转载 2018-03-20 15:36:11 · 250 阅读 · 0 评论 -
开发 react 应用最好用的脚手架 create-react-app
转自:https://blog.csdn.net/qtfying/article/details/786656641. 介绍在开发react应用时,应该没有人用传统的方法引入react的源文件(js),然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候,我们可以手动使用npm来安装各种插件,来从头到尾自己搭建环境。比如:npm install reac...转载 2018-06-04 10:59:45 · 753 阅读 · 0 评论 -
传统 Ajax 已死,Fetch 永生
转自:https://segmentfault.com/a/1190000003810652另可参考fetch常见问题及解决办法:https://segmentfault.com/a/1190000008484070#articleHeader3原谅我做一次标题党,Ajax 不会死,传统 Ajax 指的是 XMLHttpRequest(XHR),未来现在已被 Fetch 替代。最近...转载 2018-06-14 17:27:15 · 356 阅读 · 0 评论 -
高德地图系列之多边形polygon、行政边界查询districtExplorer、海量麻点MassMarks
多边形polygon:<!DOCTYPE html><html><head><title>map</title><script type="text/javascript" src=""></script><style type="原创 2018-06-14 17:36:19 · 13510 阅读 · 1 评论 -
element-ui 组件使用中遇到的问题
el-progress percentage 超过100%官方文档中,el-progress 属性 percentage 可选值范围 0-100,超出会报错。https://github.com/ElemeFE/element/blob/dev/packages/progress/src/progress.vue但是,对于某些应用场景,可能并不适用。如目标设定,可能完成度超出目标设定,大于1...原创 2019-03-08 10:45:28 · 2368 阅读 · 0 评论 -
vue踩坑指南
生命周期beforeCreate/created beforeMount/mountedbeforeUpdate/updated beforeDestroy/destroyedrender优先级render函数&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;template模板&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;outer HTML组件基本用法&amp;amp;amp;a原创 2018-11-01 16:40:02 · 301 阅读 · 0 评论 -
JavaScript 执行环境
JavaScript中几个特殊的对象: 1)window对象: 在全局作用域中声明的变量、函数都是window对象的属性和方法。 2)this对象: this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window;当函数被作为某个对象的方法调用时,this等于那个对象。 特别注意:...原创 2017-09-11 19:25:35 · 254 阅读 · 0 评论 -
高性能网站建设指南
当我们在浏览器地址栏输入网址 ,回车,回车这一瞬间到看到页面到底发生了什么呢?域名解析 –> 发起TCP的3次握手 –> 建立TCP连接后发起http请求 –> 服务器响应http请求,浏览器得到html代码 –> 浏览器解析html代码,并请求html代码中的资源(如js、css、图片等) –> 浏览器对页面进行渲染呈现给用户规则一:减少http请求雪碧...原创 2018-08-02 15:41:46 · 515 阅读 · 0 评论 -
React沉思录
转自:https://github.com/jnotnull/dva-generator/issues/4 使用React也有一年多时间了,也是时候拿起笔杆子整理下了。以下算是自己对React的一份理解。当然每一点如果放开写的话都可能写上好几页,时间有限,先奉上这么多,有错误欢迎指正。1. 什么是ReactA JAVASCRIPT LIBRARY FOR BUILDING US...转载 2018-01-08 11:02:31 · 422 阅读 · 0 评论 -
一些优化(即时搜索之函数去抖)
第一步,确定用哪个动作。实现输入框实时搜索:input输入框的change事件,在输入框内容变化的时候不会触发change,要在input失去焦点的时候才会触发,当鼠标在其他地方点一下才会触发$('input[name=myInput]').change(function() { ... });//change,失焦才触发,nono用下面的方法会生效,input,注:IE下 用 on...原创 2018-08-03 16:46:25 · 1233 阅读 · 0 评论 -
es6学习随笔
Generator函数function* f() { yield 'hello'; yield 'world'; return 'ending';}var f1 = f();f1.next();//{value: "hello", done: false}f1.next();//{value: "world", done: false}f1.next();//{val...原创 2017-11-07 11:03:26 · 468 阅读 · 0 评论 -
Echartjs系列文章之“实心”及“空心”圆饼图
“实心”圆饼图:<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"&原创 2018-06-19 11:25:11 · 7297 阅读 · 0 评论 -
npm install、npm init、npm update、npm uninstall和package.json
package.lock.json:作用:其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致在以前可能就是直接改package.json里面的版本,然后再npm install了,但是5版本后就不支持这样做了,因为版本已经锁定在package-lock.json里了,所以我们只能npm install xx...转载 2018-06-22 17:23:06 · 2762 阅读 · 1 评论 -
redux使用心得
redux所有状态都存储在store中,通过dispatch一个action改变状态reducer 形式: (state,action)=>state纯函数理解 React,但不理解 Redux,该如何通俗易懂的理解 Redux?作者:Wang Namelos链接:https://www.zhihu.com/question/41312576/answer/90782136来源:知乎著作权...原创 2018-01-11 16:48:42 · 387 阅读 · 0 评论 -
地图坐标转换(GCJ02火星 WGS-84国际通用)
题外话:echarts使用策略:http://echarts.baidu.com/echarts2/doc/example/themeDesigner.html#正题:推荐插件 coordtransformcoordtransform.wgs84togcj02原创 2018-03-06 12:07:53 · 2551 阅读 · 0 评论 -
2018项目笔记之IE9适配
在react、antd、fetch、react-router、react-redux等主要框架不降版本的情况下,做了以下一些改动,目前能在IE9里正常运行起来:1、增加base64.js,解决IE里atob未定义的问题2、增加”es6-promise": "^4.2.4", 解决promise兼容问题3、fetch发post请求时,URLSearchParams应toString()后传给body...原创 2018-02-23 15:01:05 · 1240 阅读 · 0 评论 -
map vs forEach
forEach 处理原数组,返回新值var a=[1,2,3]var b=a.forEach(function(value,index,array){array[index]=value*value})a // [1, 4, 9]map 筛选作用,回调函数需要returnvar a=[1,2,3]var b=a.map(function(value,index,array){...原创 2017-11-10 10:54:15 · 318 阅读 · 0 评论 -
form转json
form表单转json转载 2017-10-13 14:36:04 · 730 阅读 · 0 评论 -
面试题
1. setTimeout()相关知识上题,涉及到的知识点:函数的执行顺序、闭包、块级作用域等。for (var i = 1; i <= 5; i++) { setTimeout( function timer() { console.log(i); }, i * 1000 );}//输出5个数字6,要求改动上述代码,使其依次输出1、2、3、4、5在我们...原创 2017-10-18 18:18:00 · 546 阅读 · 0 评论 -
js数组字符串常用操作
数组常用方法 1.合并数组concat concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。var a=[1,2,3]var b=a.concat(4)b //[1, 2, 3, 4]a //[1, 2, 3]2.切割数组 slice() 方法可从已有的数组中返回选定的元素。var a=[0,1,2,3,4]var b=a.s原创 2017-09-25 18:34:45 · 823 阅读 · 0 评论 -
javascript call和apply用法
上代码&lt;script type=&quot;text/javascript&quot;&gt; //定义一个人类function Person(name,age){ this.name=name; this.age=age}//定义一个学生function Student(name,age,grade){ Person.apply(this,arguments)//定义时,this指Stud原创 2017-09-06 14:27:50 · 321 阅读 · 0 评论 -
原型对象、继承
取自javascript高级程序设计第三版 我们创建的每个函数,都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 换句话说,不必再构造函数中定义对象实力的信息,而是可以将这些信息直接添加到原型对象中,如下例 function Person(){} Person.prototype.name = &amp;amp;amp;quot;原创 2017-09-13 11:10:23 · 352 阅读 · 0 评论 -
javascript 数组去重
function uniq(array){ var temp = {}, r = [], len = array.length, val, type; for (var i = 0; i < len; i++) { val = array[i]; type = typeof val; if (!temp[val]) {//不存...原创 2017-08-21 14:22:13 · 1030 阅读 · 0 评论 -
地址栏图标
浏览器地址栏加图标:rel="shortcut icon" href="static/img/favicon.ico" >文件大小一般16*16/32*32 且 8位或24位色 且 png/ico/gif。原创 2017-08-18 15:17:26 · 497 阅读 · 0 评论 -
web开发中的“黑话”
转自:https://segmentfault.com/a/1190000002593432PolyfillPolyfill或者Polyfiller,是英国Web开发者 Remy Sharp 在咖啡店蹲坑的时候拍脑袋造出来的。当时他想用一个词来形容"用JavaScript(或者Flash之类的什么鬼)来实现一些浏览器不支持的原生API"。Shim这个已经有的词汇第一转载 2018-01-11 17:41:14 · 517 阅读 · 0 评论 -
webpack学习心得
》webpack只理解js文件,所以需要loader处理那些非js文件。》plugins 想要使用一个插件,你只需要require()它,然后把它添加到plugins数组中。》path.resolve用于将相对路径转为绝对路径。说明:node中的全局对象__dirname,存储的是文件所在的文件目录path.resolve([from...],to),接收参数,源路径from,将被解析原创 2017-10-25 10:08:21 · 382 阅读 · 0 评论 -
Extjs使用心得
Ext提供了300多个类,我们可以用于各种功能。Ext.define()用于在Ext JS中定义类。语法:Ext.define(class name, class members/properties, callback function);类名称是根据应用程序结构的类名称。 appName.folderName.ClassNamestudentApp.vi原创 2018-01-25 11:16:34 · 328 阅读 · 0 评论 -
a标签中href=""的几种用法
众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="javascript:;"></a>,所以就来整理下a标签中href的几种用法。一、Js的几种调用方法(参考总结的) 1、a href="javascript:js_method();" 这是常用的方法,...转载 2018-02-22 14:43:07 · 717 阅读 · 0 评论 -
ES6 进阶blahblah~~
遍历对象for in (自身及原型对象 可枚举)、Object.keys()(自身可枚举)以及Object.getOwnPropertyNames(自身不可枚举)的区别var obj= Object.create(parent, { b: { value: 2, writable: true, enumerable: true, ...原创 2018-02-28 17:35:50 · 465 阅读 · 0 评论 -
高德地图缩放级别对应的比例尺
转自:http://blog.csdn.net/u010378579/article/details/53097978使用版本:2D地图2.92版本缩放比例:3-19;缩放级别-比例尺-cameraPosition.zoom:20-10m-(19=<zoom<20)19-10m-(19=<zoom<20)18-25m-(18=<zoom<19)17-50m...转载 2018-02-12 10:38:41 · 8832 阅读 · 0 评论 -
Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)转化为yyyy-MM-dd(通过js)
'Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)'--此格式日期无法传到java后台,须格式化,方法如下var d = new Date('Thu May 12 2016 08:00:00 GMT+0800 (中国标准时间)'); youWant=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.get转载 2018-01-18 18:51:16 · 1846 阅读 · 0 评论