排序:
默认
按更新时间
按访问量

react-router 按需加载

 转自:https://segmentfault.com/a/1190000007141049 注:本文使用的 react-router 版本为 2.8.1,第四版的处理还不太一样 React Router 是一个非常出色的路由解决方案,同时也非常容易上手。但是当网站规模越来越大的时候,首...

2018-08-05 17:16:49

阅读数:30

评论数:0

一些优化(即时搜索之函数去抖)

第一步,确定用哪个动作。实现输入框实时搜索: input输入框的change事件,在输入框内容变化的时候不会触发change,要在input失去焦点的时候才会触发,当鼠标在其他地方点一下才会触发 $('input[name=myInput]').change(function() { ......

2018-08-03 16:46:25

阅读数:21

评论数:0

高性能网站建设指南

规则一:减少http请求 雪碧图:CSS Sprites,若干小图标拼合成一张图后布局(background-position: -260px -90px;) 雪碧图减少了浏览器的请求次数,但有自己的问题,高清屏会失真,不方便变化。 图标字体,可解决这些问题。 @font-face { ...

2018-08-02 15:41:46

阅读数:34

评论数:0

PureComponent

参考:https://www.jianshu.com/p/33cda0dc316a PureComponent的作用及一些使用陷阱 默认渲染行为的问题 在React Component的生命周期中,有一个shouldComponentUpdate方法。这个方法默认返回值是true。 这...

2018-07-14 18:12:29

阅读数:43

评论数:0

npm install、npm init、npm update、npm uninstall和package.json

package.lock.json: 作用:其实用一句话来概括很简单,就是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致 在以前可能就是直接改package.json里面的版本,然后再npm install了,但是5版本后就不支持这样做...

2018-06-22 17:23:06

阅读数:81

评论数:0

Echartjs系列文章之“实心”及“空心”圆饼图

“实心”圆饼图: <!DOCTYPE html> <html style="height: 100%"> <head&gt...

2018-06-19 11:25:11

阅读数:174

评论数:0

前端开发人员快速创建本地服务器

参考:https://www.jianshu.com/p/554c09c237f1 创建本地服务器的方法自己用过几种,比较来说node的http-server模块是最简单,最快速的(应该还有更好的) 也许你用过wampserver,phpnow等集成包创建本地服务器,使用过程中大家应该会遇...

2018-06-19 11:09:12

阅读数:177

评论数:0

高德地图系列之多边形polygon、行政边界查询districtExplorer、海量麻点MassMarks

多边形polygon: <!DOCTYPE html> <html> <head> <title>map&...

2018-06-14 17:36:19

阅读数:240

评论数:0

传统 Ajax 已死,Fetch 永生

转自:https://segmentfault.com/a/1190000003810652 另可参考fetch常见问题及解决办法:https://segmentfault.com/a/1190000008484070#articleHeader3 原谅我做一次标题党,Ajax 不会死,传...

2018-06-14 17:27:15

阅读数:103

评论数:0

前端js压缩图片并上传

转自:https://segmentfault.com/a/1190000012037041 公司最近有需要压缩上传图片功能,查找了些资料并实现了一把。 主要用到的原生组件:FileReader、Canvas、Blob、FormData 逻辑步骤: FileReader.readAsDat...

2018-06-14 17:17:31

阅读数:157

评论数:0

css总结(弹性盒flex)

弹性盒flex 综合自阮一峰:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 在线实例:https://codepen.io/LandonSchropp/pen/KpzzGo 首先,设置为flex布局: display:fl...

2018-06-14 14:51:14

阅读数:44

评论数:0

箭头函数this指向定义时的对象(另有call,apply,bind用法)

参考: https://segmentfault.com/a/1190000009556703#articleHeader3 在ES6中,箭头函数this指向定义时的对象,省去了var that=this的麻烦,耶耶耶~~~ 接下来我们来总结一下,在ES5中: this的值通常是由当前...

2018-06-08 10:39:07

阅读数:43

评论数:0

开发 react 应用最好用的脚手架 create-react-app

转自:https://blog.csdn.net/qtfying/article/details/786656641. 介绍在开发react应用时,应该没有人用传统的方法引入react的源文件(js),然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候...

2018-06-04 10:59:45

阅读数:111

评论数:0

react-amap填坑指南

报错:XX is not a constructorreact-amap的版本得升级到 1.1.1及以上,支持加载 AMapUI 组件库1.  react-amap版本卸载package.json里面"react-amap": "^1.2.7&...

2018-06-02 16:56:57

阅读数:318

评论数:0

Flow 是一个静态类型检测工具

参照:https://zhuanlan.zhihu.com/p/26204569Flow 是一个静态类型检测工具;在现有项目中加上类型标注后,可以在代码阶段就检测出对变量的不恰当使用。Flow 弥补了 JavaScript 天生的类型系统缺陷。利用 Flow 进行类型检查,可以使你的项目代码更加健...

2018-05-21 16:10:51

阅读数:65

评论数:0

Graphql只是一种用于 API 的查询语言!!!!

Graphql只是一种用于 API 的查询语言详解见:GraphQL入门  https://blog.csdn.net/future_challenger/article/details/54773541

2018-05-21 15:11:39

阅读数:73

评论数:0

sublime 下安装 babel插件

React开发时,有的文件显示为plain text,为优化显示:打开sublime,ctrl+shift+p(MacCmd+shift+p),输入Install Package(IP)搜索,输入babel安装。重启sublime查看(view)>语法>...

2018-05-19 17:18:07

阅读数:117

评论数:0

RN快速上手

转自骆神创建、陈神修改,仅供学习1、开发环境的快速搭建1.1 Homebrew的安装Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。使用以下命令安装:/usr/bin/ruby -e "$(curl -fsSL https://raw.gi...

2018-05-17 15:40:14

阅读数:12

评论数:0

谈一谈创建React Component的几种方式 及 ref

转自:https://segmentfault.com/a/1190000008402834 当我们谈起React的时候,多半会将注意力集中在组件之上,思考如何将页面划分成一个个组件,以及如何编写可复用的组件。但对于接触React不久,还没有真正用它做一个完整项目的人来说,理解如何创建一个组件也...

2018-05-08 15:48:46

阅读数:31

评论数:0

按位与(&)在权限设计方面的用法

转自:https://blog.csdn.net/jjddrushi/article/details/52303628传统的权限设计需要设计权限表和桥表,这样造成的数据冗余是相当大的,且数据表的查询也消耗掉 不少时间。 利用按位与(&)的一些数学特性可以取代这些。 例如: ...

2018-05-07 15:13:05

阅读数:9

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭