- 博客(228)
- 资源 (26)
- 收藏
- 关注
原创 那些变态的javascript输出
。仔细复习以下内容 首先:指定argument为this的(arguments[0]和obj.func是一样的道理,所以this是arguments);然后:this.foo的问题,因为直接调用main,从而this是window;isInt/isFloat等方法。if,for,while都会变量提升 console.log("a",a);//undefined co...
2019-07-10 20:03:22 781
原创 如何在react组件记载外链js文件
1.说明以下内容全部来自于我的github文章全集内容。欢迎在github阅读,star , issue welcomed!2.如何在react组件中加js文件export default class Script extends React.Component { static propTypes = { attributes: RPT.object, // eslint-disabl
2017-12-22 21:00:26 4180
原创 Webpack系列专栏文章发布上线了
关于Webpack的专栏文章已经整理成册了,欢迎在gitchat预定。本课程包含从 Webpack 的基本概念和使用一直深入到核心的内容,如 Loader 和 Plugin 的书写,以及 Compiler 和 Compilation 对象分析。同时也涵盖了 HMR 的实现原理及 Tree-shaking,按需加载等高级知识点。通过本课程,将深入的了解和使用 Webpack,并能够按照项目需求快速开发
2017-11-13 09:20:35 1276
原创 react+redux+webpack+babel+npm+shell+git文章合集
react+redux+webpack+babel+npm+shell+git这方面的内容我会随时更新,更新内容放在react全家桶文章实例与react全家桶实例中。如果你有问题欢迎issue,同时如果你觉得有用,请记得start,谢谢1.项目目的我会将我在react+redux+webpack+babel+npm+shell+git学习中遇到的各种问题,以及解决问题过程中写的各种文章列举出来。re
2017-08-12 09:29:05 1506
原创 React引用数据类型与immutable.js的使用实例
代码最新内容请在github阅读,也欢迎您star和issue 一,React中浅层次拷贝的问题例子1我们给出下面的事实:const detail = {name:'qinlaing',school:{loc:'dalian'}}const copy = Object.assign({},detail);copy.school.loc ="北京";//此时你会发现我们的detail.schoo
2017-08-06 15:05:55 4017
原创 Git常见命令对比与图解全集
以下所有内容都来自于网络,一部分来自于自己的理解。完整文章内容请在[我的github阅读](https://github.com/liangklfangl/react-article-bucket/tree/master/git)。如果你觉得有用,麻烦给一个star....
2017-07-09 19:24:49 7432 3
原创 JS异步处理方案总结
代码最新内容请在github阅读,也欢迎您star和issue1.Generator与其他异步处理方案以前,异步编程的方法,大概有下面四种。1.1 回调函数JavaScript 语言对异步编程的实现,就是回调函数。所谓回调函数,就是把任务的第二段单独写在一个函数里面,等到重新执行这个任务的时候,就直接调用这个函数。它的英语名字 callback,直译过来就是”重新调用”。 读取文件进行处理,是这样
2017-07-03 19:55:24 2840
原创 教你如何优雅的使用React的context属性
项目代码和最新内容,请在我的github阅读,也欢迎您star, issue对于React的context的基本用法可以参考我的: react的context更新而组件不更新的解决方案。首先:我们来介绍一个高阶函数,该函数对我们的原始组件进行装饰,并提供了访问应用context中的相应声明: Inject.contextTypes = { data: React.PropTypes.obje
2017-07-01 17:15:15 10093 1
原创 React技术栈进阶之路之设计模式篇
1.Redux导致的组件多余的渲染问题请仔细阅读React 组件间通讯的文章的最后一个例子,最后的输出结果为:这是因为在最后一个定时器中是如下的代码: setTimeout(() => { store.dispatch({ type: 'child_2_1', data: 'bye' }) }, 2000);此时你必须了解redux
2017-07-01 09:22:14 5893 1
原创 研究生实证论文数据经验分享
最近研究生顺利毕业,值得庆幸。一年多的小论文折磨,加上半年多的毕业论文磨练,自己都熬过来了,真想给自己一个大大的赞。那些还依然处于研究生阶段,甚至博士生阶段的你们都还好吗? 总有人问我关于实证论文数据的问题,甚至有师兄直接将我毕业论文的数据拿过去又做了一篇论文,听说是想将论文发送到国外去。我在研究生阶段一直就是和数据打交道,作为985的研究生,对于毕业都有严格的要求,那就...
2017-06-28 10:05:57 32378 15
原创 栅格系统的Gutter vs Offset vs Pull vs Push
1.bootstrap栅格系统boostrap中lg,md,sm,xs之768,992,1200 Bootstrap 栅格系统 理解与总结 Bootstrap学习——栅格系统 Bootstrap3.0 栅格系统背后的精妙魔法(Bootstrap3.0的栅格布局系统实现原理) 全局 CSS 样式 因为盒模型变成了border-box,所以添加了gutter后元素本身的大小变小,pad
2017-06-20 10:34:25 15590
原创 React动画之react-transition-group使用
代码地址请在github查看,如果有新内容,我会定时更新,也欢迎您star,issue,共同进步写在开头的话这其实是对react-transition-group文档的翻译。但是在其中夹杂了很多自己的理解,如有不对的地方,还请issue。运行命令如下:npm install webpackcc -gnpm installnpm run css1.CSS动画之CSSTransitionGroupC
2017-06-05 11:39:10 25075
原创 React+Babel+Webpack初学者全家桶完整实例Demo
写在前面的话自已以前对redux,react,rect-redux,react-router都是有一点的了解,并且在真实的项目中也多少有些涉及。但是不足的地方在于没有做一个demo将他们串起来,所以总是感觉似懂非懂。特别是react服务端渲染这一块,对于自己完全就是一个黑箱,这对我深入理解react同构等稍微难一点的内容产生了很大的影响。所以我最后写了这个例子,希望有同样困扰的同学能够有所收获。也欢
2017-06-04 14:09:37 6359
翻译 React基础知识之Ref回调函数处理
代码地址请在github查看,如果有新内容,我会定时更新,也欢迎您star,issue,共同进步1.为DOM元素添加Refreact支持一个ref属性,该属性可以添加到任何的组件上。该ref属性接收一个回调函数,这个回调函数在组件挂载或者卸载的时候被调用。当ref用于一个HTML元素的时候,ref指定的回调函数在调用的时候会接收一个参数,该参数就是指定的DOM元素。如下面的例子使用ref回调函数来保
2017-06-04 12:30:33 20172 3
原创 使用React的static方法实现同构以及同构的常见问题
代码地址请在github查看,如果有新内容,我会定时更新,也欢迎您star,issue,共同进步
2017-06-03 17:02:22 10291
原创 使用ES6基础知识来持续更新我的知识库
1.合理使用对象解构技巧//这里表示函数接受一个参数,该参数有一个Home属性,该Home属性是一个对象有location和phoneNum两个子属性const sayHello = ({Home:{location,phoneNum}})=>{ console.log("Hello,my location:",location); console.log("Hello,my ph
2017-06-02 20:41:11 1239
原创 react的context更新而组件不更新的解决方案
代码地址请在github查看,也欢迎您star,issue,共同进步!1.react中父组件的shouldComponentUpdate返回false在React的Context API中,如果context中属性发生变化,而父组件的shouldComponentUpdate返回false,那么该父组件中所有子组件都不会监测到conext的变化,从而不会reRender。比如下面的例子中,我们的Th
2017-05-27 17:17:30 12639
原创 React高阶组件原理与在Redux中的实践
建议在github阅读,我会及时更新部分内容。也欢迎star,issue1.高阶reducer的定义高阶reducer指的是一个函数,该函数接收一个reducer函数作为参数或者返回一个reducer函数作为函数的返回值。高阶reducer也可以被看做为一个reducer工厂,combineReducers是高阶reducer一个典型的例子。我们可以使用高阶reducer函数来创建一个符合自己要求的
2017-05-20 12:32:45 2521
原创 bootstrap-loader使用过程中遇到的几个坑爹问题
这几个问题确实让我很费脑子,所以单独写了一个博客,希望以后能给自己长记性。 问题1:extract-text-webpack-plugin找不到 ModuleNotFoundError: Module not found: Error: Can’t resolve ‘[object Object],[object Object],[object Object],[object Object]’
2017-05-16 15:46:45 7065
原创 使用bootstrap-loader来构建应用的完整demo
完整的例子请点击这里. All star and issue welcomed!通过这个例子你会学习到: (1)如何自定义你的bootstrap样式 (2)如何通过preBootstrapCustomizations,bootstrapCustomizations,appStyles等来覆盖bootstrap默认配置或者定义自己bootstrap配置 (3)关于font-awesome-loa
2017-05-13 15:43:03 3555
原创 react-route中renderProps内部结构与服务端渲染总结
最新内容请在github阅读,我会定时更新这部分的内容。给您带来不便,请见谅~~~~ 下面是react-router的match方法中的renderProps属性的内部签名: 其中renderProps包含routes,params,location,components,router,matchContext属性。 { //renderProps包含routes对象 rout
2017-05-11 20:30:36 5666
原创 redux的reateStore,combineReducers,bindActionCreators,applyMiddleware源码分析
最新内容,请在github阅读。同时,All issue and star welcomed!1.深入分析redux中的createStore方法我们首先以一个官方demo来说,代码如下:import React from 'react'import ReactDOM from 'react-dom'import { createStore } from 'redux'import Count
2017-05-07 21:29:27 4099
原创 有了它们就能更好的理解webpack了
最新内容,请在github阅读。同时,All issue and star welcomed!1.获取webpack配置的输出配置 compilation.outputOptions其中该对象有如下内容: { path: 'builds', filename: 'bundle.js', publicPath: 'builds/', chunkFilename: '[id
2017-05-04 17:09:35 6235
原创 彻底弄懂prepack与webpack的关系
最新内容,请在github阅读。同时,All issue and start welcomed!1.prepack vs webpack的说明今天facebook开源了一个prepack,当时就很好奇。它到底和webpack之间的关系是什么?于是各种google,最后还是去官网上看了下各种例子。例子都很好理解,但是对于其和webpack的关系还是有点迷糊。最后找到了一个好用的插件,即prepack-
2017-05-04 16:49:11 23367
原创 React-Router+antd+webpack+babel的一个详细demo
antd项目确实是一个非常优秀的开源项目,但是用起来相关文档的说明比较少,特别是从一开始建立一个自己的项目时候需要配置babel,webpack等等,这部分的内容相关介绍就少之又少。因此我写了一个demo,这个demo配置了必要的webpack和babel项,你只要克隆下来,然后npm run dev就可以了。对于第一次理解antd特别有用。项目地址点击这里webpack配置说明const path
2017-04-29 10:33:46 3783
原创 Babel插件源码分析与babel.transform和babylon.parse操作AST实现效果
因本人也初学这部分内容,很多深入的内容并没有深入,以后遇到会及时补充到github上,因此本人也建议在github上阅读,同时欢迎star,issuebabel-plugin-add-module-export的pluginmodule.exports = ({types}) => ({ visitor: { Program: {从几个babel插件的源码来看看如何写babel插件
2017-04-20 16:38:19 9504 1
原创 linux中软链接与硬链接的区别学习
其中部分图片无法正常显示,请在github阅读1.linux的主要发行版本所谓的发行版本,他们之间的内核(kernel)是完全一样的,都是由linux官网来维护的,只是不同厂商做了一定的其他处理。主要有以下:其中ubuntu和其他厂商发行的版本在内核上是完全一样的,只是它包含了图形界面,因此更加占用内存,一般并不会用于服务器(安全性与稳定性都不高)。服务器主要使用的是redhat,但是redhat包
2017-04-09 13:22:38 1318
原创 结合npm prepublish完成devDependencies精简dependencies依赖
最新内容请在github阅读npm中script生命周期方法的深入探讨1.Dependencies与devDependencies的合作如果你想要对你的包在其被使用之前做某种操作,而且这种操作独立于操作系统,那么我们可以使用preppublish这个hook,它的主要作用如下:(1)将CoffeeScript编译成为Javascript(2)对Javascript代码进行压缩(3)获取你的包需要加载
2017-04-05 15:46:13 2003
原创 前端开发弄懂了这些shell命令就足够了
1.man命令Linux Shell man 命令详细介绍浅谈 man 命令的日常使用package.json中的man配置
2017-04-05 12:39:24 2442
原创 npm重要基础知识总结
1.我们的模块都会在windows下缓存C:\Users\Administrator\AppData\Roaming\npm-cache\registry.npmjs.org在这个目录下的每一个文件都会有一个.cache.json,其中文件有Etag与lastModified这两个HTTP头,其都是为了保证防止多于的http请求而产生的。"_etag":"W/\"58c793d3-7259\"",
2017-04-01 21:38:19 4982
原创 合理使用npm version与npm dist-tag详解
你可以在github上阅读本文。 关于npm version prerelease的作用我这里不再赘述,你可以查看这个文章。我只是记录一下关于npm version与npm dist-tag的使用:第一步:发布第一个稳定版本 npm publish//1.0.0第二步:修改文件继续发布第二个版本git add -A && git commit -m "c"npm version patchnp
2017-04-01 20:54:30 15514
原创 ES6中class原理,static属性方法,__proto__与prototype深入分析
推荐在github阅读,其中存在的问题会及时修复,也欢迎各位批评指正1.我们首先看看通过babel编译后几个通用函数1.1 首先是_createClass方法:var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.lengt
2017-04-01 11:38:29 7751 1
原创 React路上遇到的那些问题以及解决方案
问题1:首先必须在键名后面添加一个空格,否则报错Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1:必须是如:name :'Hello world!'还有一个可能,如下
2017-04-01 10:52:16 166623 7
原创 React-Router的动态加载实例与createElement
1.我们首先看看下面的代码'use strict';const chain = require('ramda/src/chain');const toReactComponent = require('jsonml-to-react-component');//jsonml-to-react-componentconst exist = require('exist.js');const
2017-03-09 18:27:36 3835
原创 开发中遇到的git问题总结及解决方案
git reset后如何恢复的问题解答:只要执行下面几个命令即可git reflog git checkoutgit branch 详见git reset
2017-03-07 16:51:11 3548
原创 集成webpack-dev-server,watch的打包工具使用
该工具目前也在开发完善阶段,建议在github阅读并获取最新开发状态,并欢迎issue,start1.该工具的三种打包模式首先必须说明一下,该工具是基于webpack2的,所以很多配置都是需要遵守webpack2规范的。如果需要安装,直接运行下面的命令就可以了。npm install -g webpackcc//同时必须注意,我们局部安装的优先级要高于全局安装的1.1 webpack-dev-ser
2017-03-03 15:48:39 4537
原创 webpack-dev-server原理分析与HMR实现
建议在github阅读,我会保证内容及时更新,并欢迎star,issue。webpack-dev-server在我们的entry中添加的hot模块内容看看下面的方法你就知道了,在hot模式下,我们的entry最后都会被添加两个文件:module.exports = function addDevServerEntrypoints(webpackOptions, devServerOptions) {
2017-03-02 17:31:50 18528 3
原创 webpack中学习到的拓扑排序
在html-webpack-plugin中看到可以通过拓扑排序的方式来对不同的chunks进行处理,所以把代码记录下来:'use strict';var toposort = require('toposort');var _ = require('lodash');/* Sorts dependencies between chunks by their "parents" attrib
2017-02-23 21:28:35 1112
原创 webpack之DllPlugin和DllReferencePlugin使用的demo
建议在github阅读,文中内容会及时更新1. webpack.DllPlugin "scripts": { "clean": "rimraf dist",//rimraf , oppsite of node-mkdirp "build:dll": "webpack --config webpack.dll.js", "watch": "npm run build:dll &
2017-02-22 19:48:52 6762 1
在线评论数据集 论文全文 字段解释
2017-04-12
CMD规范之seajs
2015-12-06
HTML5离线存储
2015-11-17
javascript编程宝典第二版源码
2015-07-06
网络爬虫代码
2015-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人