- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react bind this 我有话说
react this this 只存在各个生命周期和render函数中，你其他函数的this都是指向window,所以要再函数中使用this的时候一定要使用一定的方法带过去1.直接bind 的方法，或者在div中使用箭头函数 这两种方法都可以，但是建议少用，因为每次使用都要重新创建一个匿名的函数，会存在一定的性能问题。什么时候必须用呢？ a、绑定在事件中，并且有一定的传参，而且传...
2018-09-12 14:17:03
419
转载 react生命周期及在生命周期中的钩子函数
首先看一张生命周期图 constructor 是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( )方法。当存在constructor的时候⚠️必须手动调用super方法。 在constructor中如果要访问this.props需要传入props，示例如下：class MyC...
2018-07-24 17:16:42
2871
原创 虚拟dom的具体理解
关于虚拟dom的文章真的不要太多，但是阅读下来感觉没有通俗易懂的，我不喜欢啰嗦，就喜欢讲人话。下面来说下，我理解的虚拟dom背景 我们知道在jquery时代，都是直接操作dom的，你需要在适当的时机以正确的顺序来制定要更改的元素，相当于我们自己要时时刻刻看着dom，然后告诉它你头要怎么放，手要摆怎么样的姿势。所以问题来了，你为什么不一次性告诉dom你想要的结果呢？而且另外一个常识问题就是...
2018-07-24 10:47:00
612
原创 spa单页应用
前言 还是一句话，记录自己理解的spa，说人话不说官方语言什么是单页应用 单页Web应用，顾名思义，就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面上完成，这一切都由JavaScript来控制。因此，单页Web应用会包含大量的JavaScript代码，复杂度可想而知，模块化开发和设计的重要性不言而喻。这个时候框架的重要...
2018-07-24 10:12:56
463
原创 正则表达式的一些总结
1.表达式实例 在es3中，正则表达式字面量会始终共享同一个RegExp实例，而使用构造函数创建的没一个新的RegExp都是一个新的实例。var reg = null,i;for(i=0;i10;i++){ reg = /java/g; reg.test("javascript");}for(i=0;i10;i++){ reg = new RegExp("java","g")
2018-07-20 10:48:52
133
原创 正则表达式相关
我们知道匹配字符串通常用正则表达式，因为几乎每种语言都有自己的正则表达式引擎，所以效率会比你自己写算法要高效的多。下面来看下一些常用的正则表达式运算符。注意：这里主要是个人总结，所以都会以一些自己用到的东西为主，如果要看具体的api，请在网上查找基础知识储备 稍微注意下一些细节的地方，比如*和+的区别，主要是字数的区别js中的正则标记： 1，/g 表示该表达式将用来在输入字符串...
2018-07-20 10:47:19
166
原创 js创建对象的几种方式
js高级程序设计有很详细的说明，这里就不做详解了，只是做个笔记和总结，方便记忆和理解1、工厂模式： 最简单的模式，生产并返回一个object对象 function createPer(name){ var o = new Object(); o.name = name; return o; } var p1 =...
2018-06-27 21:00:07
196
原创 一些基础的方法（不定时更新）
时间格式化方法： dateFormat(fmt,date) //时间格式化方法 { var o = { “M+” : date.getMonth()+1, //月份 “d+” : date.getDate(), //日 “h+” : date.getHours(), //小时 ...
2018-06-20 14:34:31
164
转载 GET和POST的区别
1.标准答案 GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。 GET请求会被浏览器主动cache，而POST不会，除非手动设置。 GET请求只能进行url编码，而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。 GET请求在URL中传送的参数是有长度限制的...
2018-06-20 11:08:20
178
原创 React实战-代码规范
Basic Rules(基本原则) 每个文件中只包含一个React组件。尽可能地使用JSX语法。除非不用JSX语法创建一个应用，否则不要使用React.createElement方法。Component(组件规范) Class 与 React.createClass方法 尽可能地使用ES6中的类的语法，除非有特殊的对于Mixin的需求。// badconst Listi...
2018-03-25 14:57:25
1568
原创 js 面向对象，原型链
js的面向对象不像JAVA一样这么严谨，原型链也很难理解。这里就用我理解的语言形式来解释下。 比如现在有一个叫做DOG的构造函数，表示狗对象的原型，相当于java里面的构造函数function DOG(name){ this.name = name; //this指向的是这个对象实例，name是公有属性}对这个构造函数使用new，就会生成一个狗对象的实例。var dogA
2018-02-02 11:20:02
254
原创 http
1、http的状态码有很多，但是很多东西还是希望理解了再进行记录，否则就跟给你一本书一样，你看不懂还是没有用。 http的很多状态码还是很有用的，在排查问题，缓存方面都会有用处http状态码 200 表示请求成功 301 永久重定向 302 暂时重定向 304 （未修改） 自从上次请求后，请求的网页未修改过，可以从缓存里面获取（这个如果用到过页面缓存会碰到） 403 被服务器拒绝了
2018-01-25 17:06:38
330
转载 Cookie有数量和大小的限制（转）
1.在Cookie中保存用户浏览数据时应当注意，Cookie有个数和大小的限制，大小一般是4k，超过这个大小会有问题，为了不超过可以有如下的办法1、key用短字符2、cookie中保存id，而不是名称3、压缩一下一、浏览器允许每个域名所包含的cookie数： Microsoft指出InternetExplorer8增加cookie限制为每个域名50个，但IE7似乎也允许每个域
2018-01-24 20:47:38
12784
原创 关于JSONP跨域的问题
其实关于JSONP跨域的问题在上面一篇面试文章中有过简单的介绍，现在着重介绍下我关于JSONP的理解 1.JSONP是什么 JSONP其实是一种协议，利用alert('我是远程文件');2、本地服务器localserver.com下有个jsonp.html页面代码如下：html xmlns="http://www.w3.org/1999/xhtml">head> tit
2018-01-20 14:52:07
153
原创 面试题总结(持续更新)
1.[‘1’,’2’,’3’].map(parseInt) 输出结果是什么？ 答：[1, NaN, NaN]，为什么自己百度，有很详细的解答，这道题还是比较偏的，刚开始的时候并不知道parseInt有两个参数。2.说出em ,rem ,pt,px的区别？答：pt表示榜，px表示像素，em是以父元素的像素为基准的，rem是以root的像素为基准。这个是基础题3.css3的no ,nth-of...
2018-01-16 14:51:52
301
原创 gulp学习笔记
1.安装什么的就不介绍了，会安装webpack就会安装gulp2.进入到项目目录，使用如下命令初始化项目：npm init当然，也可以直接创建一个package.json文件，内容如下： { “name”: “Gulp-Workflow”, “version”: “1.0.0”, “description”: “”, “main”: “index.js”,
2018-01-09 10:04:59
197
原创 看js高级程序设计总结（新知识的总结）
1、for-in语句 用来枚举对象的属性。语法如下：for(var proName in window){ alert(proName);}这个循环就是用来显示bom中window对象的所有属性值2、with语句 它的作用就是将代码的作用域设置到一个特定的对象之中，它的语法如下：with (expression) statement定义with语句的作用主要是为
2018-01-05 22:38:42
486
转载 director.js
注：director.js的官网 https://github.com/flatiron/directordirector.js是什么？ 理解：前端的route框架，director.js客户端的路由注册/解析器，在不刷新的情况下，利用“#”号组织不同的URL路径，并根据不同的URL路径进行不同的方法调用。意思就是有什么样的路径就有什么样的方法。场合：客户端浏览器和node.js的服务器
2018-01-05 16:10:45
444
原创 npm 一些常用命令总结，不定期更新
1.npm指令官网：npm install 安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install [email protected] npm install后面也可以加地址，表示安装这个地址下的文件，比如npm i git clone https://……. 这个命令一般在
2018-01-05 15:23:03
241
原创 webpack打包具体实践
之前写过webpack的简单介绍，这次简单记录下webpack从环境搭建到打包的整体流程. webpack 的API在http://www.jqhtml.com/7626.html 这里，具体的请参照api 1.安装webpack,使用node的npm命令，注意使用npm命令的时候必须用管理员身份，否则会报错。如下 //全局安装npm install -g webpack//安装到你
2018-01-03 15:44:00
1142
转载 搭建vue-cli环境
vue-cli用vue-cli来搭建vue项目第一步：全局安装vue-cli1 sudo npm install vue-cli -g 第二步：初始化一个项目1 vue init webpack-simple projectName 第三步：把文件切换到初始化的项目中1 cd projectName 第四步：安装依赖1 npm install 当然也可以用淘宝镜像cnpm来安装，这样快很多1
2018-01-03 14:30:43
192
原创 git学习笔记
https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/001375233990231ac8cf32ef1b24887a5209f83e01cb94b000廖雪峰的官博，一看就懂。这边有个教程，更加详细点：http://www.yiibai.com/git/git_managin
2018-01-03 14:10:16
173
原创 地图学习笔记
1.地理信息的一些了解 图商：四维图新、高德、凯立德、灵图、易图通 空间数据：主要有矢量数据，栅格数据（可以理解为网格数据） 投影方法：高斯投影，墨卡托投影等，现在常用的就是墨卡托投影 墨卡托投影：以赤道为中心，坐标中心点大概在非洲中部，其单位是米，范围是x轴取赤道半径1/2的正负值表示东西两个方向范围，而两极是趋向于无穷大，不过一般也取x同样的值表示南北范围 主要地图服务商： arcgi
2017-12-21 15:46:19
512
原创 idea部署maven关联项目的经验
1.部署portal依赖common的项目 2.先引入portal项目，用下图所示引入 3.后面选择maven项目，其他基本默认就 行了4.点击右边maven project ,再添加这个项目的关联项目（注意里面选择pom文件就可以了），如下图：5.没有报错了，接下来和部署普通项目一样，把portal部署到tomcat就可以了后面有时间会再写一篇纯粹部署maven的经验。
2017-12-21 10:02:21
1230
转载 WebPack
什么是WebPack，为什么要使用它？ 注：一、摘要说明(会不定期更新)： A：这里是webpack1.0+，2.0+请移步这里(已经配置好的简单脚手架) https://github.com/wjf444128852/webpack-configB：webpack2.0+案例：1 豆瓣热映电影 (该案例源码地址)C：webpack3.0+完整配置脚手架 https://github.com/
2017-12-21 09:38:58
349
转载 【深入浅出jQuery】源码浅析--奇技淫巧
短路表达式：作为”&&”和”||”操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。// ||短路表达式 var foo = a || b; // 相当于 if(a){ foo = a; }else{ foo = b; } // &&短路表达式 var bar = a
2017-12-19 16:58:06
202
转载 [ JS 进阶 ] test, exec, match, replace
上面这四个方法在js中用的很多，但有时对它们又不清晰，所以有必要来总结一下。 对了，这篇文章可能会涉及到正则表达式相关知识，所以推荐没有正则基础的去看看这篇入门文章：正则表达式30分钟入门教程，很经典的文章，反正我的正则就是从这里学的，^▽^ 。用法介绍 注：pattern 为RegExp的实例, str 为String的实例用法 说明 返回值 pattern.test(str) 判断
2017-12-05 15:54:45
254
转载 【深入浅出jQuery】源码浅析--整体架构
最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery
2017-12-05 10:16:18
163
原创 NodeJS入门–环境搭建 IntelliJ IDEA
NodeJS入门–环境搭建 IntelliJ IDEA本人也刚开始学习NodeJS，所以以此做个笔记，欢迎大家提出意见。1、首先下载安装NodeJS，下载安装IntelliJ IDEA 2、接下来我们详细介绍在IDEA中配置NodeJS默认安装好了IDEA，在IDEA的file -> setting ->Plugins,右边默认是没有这个组件的需要你手动点击Browe repositories..
2017-12-04 11:35:42
534
原创 文章标题
vue源码学习 有关vue 先对Vue 2.0的新特性做一个简单的介绍： • 大小 & 性能。Vue 2.0的线上包gzip后只有12Kb，而1.0需要22Kb，react需要44Kb。而且，Vue 2.0的性能在react等几个框架中，性能是最快的。 • VDOM。实现了Virtual DOM, 并且将静态子树进行了提取，减少界面重绘时的对比。与1.0对比性能有明显提升。 •
2017-12-04 09:50:05
183
原创 js 实现ReplaceAll（包含加号、减号的处理）
方法一、正则表达式替换（“-”“+”）//替换所有减号 var str = ‘2017-10-23’; //g表示执行全局匹配（查找所有匹配而非在找到第一个匹配后停止） var result = str.replace(/-/g,”); console.log(result);结果：20171023 1 2 3 4 5 6 7 //替换所有加号 var str = ‘20
2017-11-22 14:18:19
3163
原创 一些面试题
HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js; 3.你做的页面在哪些流
2017-11-11 17:12:11
242
原创 资料总结
element ui 官网地址 http://element.eleme.io/router相关方法：https://router.vuejs.org/zh-cn/essentials/history-mode.htmlecharts林峰的博客地址：https://my.oschina.net/kener/home?type=&scope=all&showme=NOTSHOW&p=3&temp=1
2017-11-11 16:58:38
338
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人