6 筱葭

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 1k+

浅谈webpack模块引用的五种方法

1、commonjs格式的require同步语法const home = require('./Home');… // 使用 2、commonjs格式的require.ensure异步语法require.ensure([], require => {  consthome = require('./Home');  … //使用});Home.js会被打包成一个

2017-05-24 19:19:48

浅谈React Router动态路由

1、Router组件1)      history属性用于监听浏览器地址栏的变化,并将URL解析成一个地址对象,供 React Router 匹配。history属性可以设置三种值:A.     browserHistory浏览器的路由就不再通过Hash完成了,而显示正常的路径,背后调用的是浏览器的History API。History API的参考链接:https://d

2017-05-23 19:03:01

浅谈React Router入门

1、webpack的codesplittingwebpack可以通过require.ensure接口实现按需加载。require.ensure保证了模块的异步调用,当callback回调中调用了一个模块时,可以实现按需加载。require.ensure([], function() { callback(null, require('…')); //...}); 2

2017-05-23 18:58:02

浅谈React官网学习笔记

1、JSX:JSX代码中出现的标签既不是一个字符串,也不是HTML。JSX是JavaScript的一种语法扩展。建议在React使用JSX编写代码,以让其更直观。JSX像一种模板语言,但可以使用JavaScript的全部特性。JSX用于产生React元素。1)      内嵌JavaScript表达式:在JSX中可以内嵌任何有效的 JavaScript表达式 ,只需要将该表达式

2017-05-23 18:54:52

浅谈在React中使用Redux数据流(三)

1、react-redux项目结构1) actions:存放Action,用户的行为2) components:展示组件3) containers:容器组件4) reducers:Store里负责分发用户的行为,根据不同的行为作出不同的响应5) index.html:母版文件,最终最顶层的组件需要渲染到一个DOM节点上,这需要一个HTML模板来实现,这个模板放在index.ht

2017-05-20 15:34:58

浅谈在React中使用Redux数据流(二)

1、react-redux安装安装命令:npm install react-redux redux安装两个包:redux自身是一个独立的工作流;react-redux是redux的react绑定,也就是说,利用react来实现了redux。 2、官网英文:http://redux.js.org/中文:http://cn.redux.js.org/ 3、rea

2017-05-20 09:49:44

浅谈在React中使用Redux数据流(一)

Ctrl+G:跳转到第几行Ctrl+Tab:切换窗口Command+W:关闭当前打开文件Command+Q:关闭sublimeCommand+D:选择相同的单词,重复可选择下一个相同的单词Command+L:选择行,重复可选择下一行Command+X:删除当前行Command+F:查找Command+Shirt+F:查找并替换Command+R:查找函数名C

2017-05-19 19:08:09

浅谈Git工作流

1、常见的问题:1)      为什么不能使用SVN的工作流来使用Git?2)      Git的分支?团队多人如何协作?如何解决冲突?如何进行发布?3)      master(发布)、develop(主开发)、hotfix(修复)如何避免不经过验证代码上线?4)      如何在Github上与他人协作?star-fork-pull request的流程是怎样的? 2、

2017-05-19 18:24:10

浅谈sublime常用快捷键

1、数据流是什么?为什么要用数据流?1)数据流是行为与响应的抽象。用户在页面上输入表单、按下按钮、拖拽等行为,页面会根据用户的行为给出一些响应,如刷新、跳转、局部刷新、Ajax局部刷新、数据更新等。以对象、方法来把它们抽象出来,这就是数据流。2)使用数据流可以帮助我们明确行为以及行为对应的响应。这与React的目标——状态图预测是密不可分的。 2、React与数据流的关系

2017-05-17 22:15:04

浅谈Git常用命令

1、基本命令1) 克隆代码库git clone git clone 2) 更新代码库到最新版本git pull3) 查看工作区状态git status4) 提交代码到本地仓库git add #提交文件到暂存区git commit -m "注释说明"5) 推送到远程仓库git push #开始推送git push origin master #

2017-05-17 16:39:43

浅谈Git(四)

1、分支管理:1) 创建、切换、合并、删除分支① 查看所有分支,当前分支前会标一个*号:git branch② 创建分支:git branch ③ 切换分支:git checkout ④ 创建+切换分支:git checkout -b ⑤ 合并某分支到当前分支:git merge ⑥ 删除分支:git branch -d eg:① 创建dev分支,然后切换到de

2017-05-17 16:15:04

浅谈Git(三)

1、版本回退每当文件修改到一定程度时,可以保存一个快照,在Git中被称为commit。一旦把文件改乱了,或误删了文件,可以从最近的一个commit恢复,然后继续工作,避免工作成果全部丢失。查看提交历史,以便确定要回退到哪个版本:git log加上--pretty=oneline参数可以简化输出格式,输出到一行:git log --pretty=onelinegit log输

2017-05-17 11:32:06

浅谈Git(二)

1、创建版本库版本库,又名仓库,英文名repository,可以简单地理解成一个目录,该目录里的所有文件都可以被Git管理,每个文件的修改、删除,Git都能跟踪,以便任何时刻都可以追踪历史,或在将来某个时刻可以还原。创建版本库的方法:① 创建一个空目录: mkdir myGit② 进入该目录:cd myGit③ 初始化一个Git仓库,把该目录变成Git可以管理的仓库:

2017-05-17 10:43:16

浅谈Git(一)

1、集中式和分布式版本控制系统1) 集中式版本控制系统集中式版本控制系统的版本库是集中存放在中央服务器的,先从中央服务器取得最新版本,完成自己的工作后,再把自己的结果推送给中央服务器。集中式版本控制系统最大的缺点是必须联网才能工作,在局域网内带宽够大,速度够快,若在互联网上,网速慢时,可能提交一个大文件需要较长时间。此外,若中央服务器出了问题,所有人都没法工作。CVS及SVN都是集

2017-05-17 10:09:08

vim和Linux命令行常用快捷键

1、Linux命令行快捷键1) Ctrl+l清屏2) Ctrl+a回到命令行头部3) Ctrl+e回到命令行尾部2、vim常用快捷键1) dd:删除光标所在行2) ndd:从当前行开始删除n行3) dw:从当前光标开始删除一个单词4) ndw:从当前光标开始删除n个单词5) x:删除当前字符6) X:删除前一个字符7) d$:删除到行末8)

2017-05-17 09:30:05

浅谈慕课网React入门课程笔记(四)

本文介绍如何监听、响应React组件上的相关事件。绑定事件的传统方法是使用addEventListener。React的事件绑定预处理的不同在于:React向组件上绑定事件是通过on驼峰式命名的方式来绑定相应的事件的。这与原生JS中通过HTML属性在HTML标签上绑定事件是不一样的,除了写法不一样外,还有一个区别是,这里并不是真实的DOM节点,只是一个React Element。事件的

2017-05-12 22:22:19

浅谈慕课网React入门课程笔记(三)

本文介绍React Components从创建到消失的生命周期状态和属性在生命周期是如何流转的。 1、React Components在浏览器中存在的生命周期中的三个状态1) Mounting:一个React Components被rander解析生成对应的DOM节点并被插入浏览器的DOM结构的一个过程。当能在浏览器上看到从无到有的时候,mounting已经结束了。mounting结束

2017-05-12 21:39:06

浅谈慕课网React入门课程笔记(二)

React JSX,即JavaScript和XML,是facebook为React框架开发的一套语法糖。语法糖,又称糖衣语法,是指计算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用,主要的目的是增加程序的可读性,从而减少程序代码出错的机会。JSX就是JS的一种语法糖,类似的还有CoffeeScript以及微软的TypeScript,最终它们都被解释为JS才能被浏览

2017-05-12 20:33:23

浅谈慕课网React入门课程笔记(一)

React——颠覆式前端UI开发框架传统方式将来自于服务器或用户输入的交互数据动态反映到复杂界面上时,代码量变得越来越大,越来越难以维护。基于此,先是谷歌推出自己的前端开发框架Angular,将对DOM的直接操作释放,通过relative来实现复杂的DOM修改。但Angular存在一些问题,如:其整体作为一个MVVM框架显得过重,不适用于对性能要求比较高的站点,如移动端的Web站点;其UI

2017-05-12 19:22:51

浅谈Canvas的状态绘图

Canvas是基于状态的绘图。beginPath核心的作用是:将不同的绘制形态进行隔离,每次执行此方法,表示重新绘制一个路径,与之前绘制的路径可以分开进行样式设置和管理,如颜色、线宽等。var canvas = document.getElementsByTagName("canvas")[0]; if (canvas.getContext) { var conte

2017-05-12 17:32:42

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!