liangklfang-CSDN博客

原创那些变态的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 746

原创如何在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 4141

关于Webpack的专栏文章已经整理成册了，欢迎在gitchat预定。本课程包含从 Webpack 的基本概念和使用一直深入到核心的内容，如 Loader 和 Plugin 的书写，以及 Compiler 和 Compilation 对象分析。同时也涵盖了 HMR 的实现原理及 Tree-shaking，按需加载等高级知识点。通过本课程，将深入的了解和使用 Webpack，并能够按照项目需求快速开发

2017-11-13 09:20:35 1254

原创 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 1479

原创 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 3992

原创 Git常见命令对比与图解全集

以下所有内容都来自于网络，一部分来自于自己的理解。完整文章内容请在[我的github阅读](https://github.com/liangklfangl/react-article-bucket/tree/master/git)。如果你觉得有用，麻烦给一个star....

2017-07-09 19:24:49 7397 3

原创 JS异步处理方案总结

代码最新内容请在github阅读，也欢迎您star和issue1.Generator与其他异步处理方案以前，异步编程的方法，大概有下面四种。1.1 回调函数JavaScript 语言对异步编程的实现，就是回调函数。所谓回调函数，就是把任务的第二段单独写在一个函数里面，等到重新执行这个任务的时候，就直接调用这个函数。它的英语名字 callback，直译过来就是”重新调用”。读取文件进行处理，是这样

2017-07-03 19:55:24 2802

原创教你如何优雅的使用React的context属性

项目代码和最新内容，请在我的github阅读,也欢迎您star, issue对于React的context的基本用法可以参考我的: react的context更新而组件不更新的解决方案。首先：我们来介绍一个高阶函数，该函数对我们的原始组件进行装饰，并提供了访问应用context中的相应声明： Inject.contextTypes = { data: React.PropTypes.obje

2017-07-01 17:15:15 10052 1

原创 React技术栈进阶之路之设计模式篇

1.Redux导致的组件多余的渲染问题请仔细阅读React 组件间通讯的文章的最后一个例子，最后的输出结果为:这是因为在最后一个定时器中是如下的代码: setTimeout(() => { store.dispatch({ type: 'child_2_1', data: 'bye' }) }, 2000);此时你必须了解redux

2017-07-01 09:22:14 5847 1

原创研究生实证论文数据经验分享

最近研究生顺利毕业，值得庆幸。一年多的小论文折磨，加上半年多的毕业论文磨练，自己都熬过来了，真想给自己一个大大的赞。那些还依然处于研究生阶段，甚至博士生阶段的你们都还好吗？总有人问我关于实证论文数据的问题，甚至有师兄直接将我毕业论文的数据拿过去又做了一篇论文，听说是想将论文发送到国外去。我在研究生阶段一直就是和数据打交道，作为985的研究生，对于毕业都有严格的要求，那就...

2017-06-28 10:05:57 31589 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 15465

原创 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 24932

原创 React+Babel+Webpack初学者全家桶完整实例Demo

写在前面的话自已以前对redux,react,rect-redux,react-router都是有一点的了解，并且在真实的项目中也多少有些涉及。但是不足的地方在于没有做一个demo将他们串起来,所以总是感觉似懂非懂。特别是react服务端渲染这一块，对于自己完全就是一个黑箱，这对我深入理解react同构等稍微难一点的内容产生了很大的影响。所以我最后写了这个例子，希望有同样困扰的同学能够有所收获。也欢

2017-06-04 14:09:37 6321

翻译 React基础知识之Ref回调函数处理

代码地址请在github查看，如果有新内容，我会定时更新，也欢迎您star,issue,共同进步1.为DOM元素添加Refreact支持一个ref属性，该属性可以添加到任何的组件上。该ref属性接收一个回调函数，这个回调函数在组件挂载或者卸载的时候被调用。当ref用于一个HTML元素的时候，ref指定的回调函数在调用的时候会接收一个参数，该参数就是指定的DOM元素。如下面的例子使用ref回调函数来保

2017-06-04 12:30:33 20018 3

原创使用React的static方法实现同构以及同构的常见问题

代码地址请在github查看，如果有新内容，我会定时更新，也欢迎您star,issue,共同进步

2017-06-03 17:02:22 10017

原创使用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 1203

原创 react的context更新而组件不更新的解决方案

代码地址请在github查看，也欢迎您star,issue,共同进步!1.react中父组件的shouldComponentUpdate返回false在React的Context API中，如果context中属性发生变化，而父组件的shouldComponentUpdate返回false，那么该父组件中所有子组件都不会监测到conext的变化，从而不会reRender。比如下面的例子中，我们的Th

2017-05-27 17:17:30 12497

原创 React高阶组件原理与在Redux中的实践

建议在github阅读，我会及时更新部分内容。也欢迎star,issue1.高阶reducer的定义高阶reducer指的是一个函数，该函数接收一个reducer函数作为参数或者返回一个reducer函数作为函数的返回值。高阶reducer也可以被看做为一个reducer工厂，combineReducers是高阶reducer一个典型的例子。我们可以使用高阶reducer函数来创建一个符合自己要求的

2017-05-20 12:32:45 2417

原创 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 7024

原创使用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 3521

原创 react-route中renderProps内部结构与服务端渲染总结

最新内容请在github阅读，我会定时更新这部分的内容。给您带来不便，请见谅~~~~ 下面是react-router的match方法中的renderProps属性的内部签名：其中renderProps包含routes,params,location,components,router,matchContext属性。 { //renderProps包含routes对象 rout

2017-05-11 20:30:36 5627

原创 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 4061

原创有了它们就能更好的理解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 6206

原创彻底弄懂prepack与webpack的关系

最新内容，请在github阅读。同时，All issue and start welcomed!1.prepack vs webpack的说明今天facebook开源了一个prepack，当时就很好奇。它到底和webpack之间的关系是什么？于是各种google,最后还是去官网上看了下各种例子。例子都很好理解，但是对于其和webpack的关系还是有点迷糊。最后找到了一个好用的插件，即prepack-

2017-05-04 16:49:11 23331

原创 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 3762

原创 react-router服务端渲染原理初探

react-router服务端渲染原理初探

2017-04-22 11:26:05 4852

原创 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 9423 1

原创 linux中软链接与硬链接的区别学习

其中部分图片无法正常显示，请在github阅读1.linux的主要发行版本所谓的发行版本，他们之间的内核(kernel)是完全一样的，都是由linux官网来维护的，只是不同厂商做了一定的其他处理。主要有以下:其中ubuntu和其他厂商发行的版本在内核上是完全一样的，只是它包含了图形界面，因此更加占用内存，一般并不会用于服务器(安全性与稳定性都不高)。服务器主要使用的是redhat，但是redhat包

2017-04-09 13:22:38 1278

原创结合npm prepublish完成devDependencies精简dependencies依赖

最新内容请在github阅读npm中script生命周期方法的深入探讨1.Dependencies与devDependencies的合作如果你想要对你的包在其被使用之前做某种操作，而且这种操作独立于操作系统，那么我们可以使用preppublish这个hook,它的主要作用如下：(1)将CoffeeScript编译成为Javascript(2)对Javascript代码进行压缩(3)获取你的包需要加载

2017-04-05 15:46:13 1966

原创前端开发弄懂了这些shell命令就足够了

1.man命令Linux Shell man 命令详细介绍浅谈 man 命令的日常使用package.json中的man配置

2017-04-05 12:39:24 2391

原创 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 4903

原创合理使用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 15300

原创 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 7707 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 166219 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 3779

原创开发中遇到的git问题总结及解决方案

git reset后如何恢复的问题解答:只要执行下面几个命令即可git reflog git checkoutgit branch 详见git reset

2017-03-07 16:51:11 3470

原创集成webpack-dev-server,watch的打包工具使用

该工具目前也在开发完善阶段，建议在github阅读并获取最新开发状态，并欢迎issue,start1.该工具的三种打包模式首先必须说明一下，该工具是基于webpack2的，所以很多配置都是需要遵守webpack2规范的。如果需要安装，直接运行下面的命令就可以了。npm install -g webpackcc//同时必须注意，我们局部安装的优先级要高于全局安装的1.1 webpack-dev-ser

2017-03-03 15:48:39 4516

原创 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 18487 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 1088

原创 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 6734 1

在线评论数据集论文全文字段解释

太平洋电脑网排名前1000的手机的评论信息，包括评论内容信息，如评论效价，评论长度等。评论者粉丝数，关注数，以及评论者在论坛的其他方面的贡献。其中涉及的字段超过20个。可以用于文本挖掘，也可以用于实证分析。

2017-04-12

touch.js分析

2016-11-11

web前端工程

ajax后退，HTML5本地存储，PS基本技能，Reptile，sealJS，XSS，Layload，跨域等前端基本知识

2016-09-22

为retina选择合适的图片

为retina屏幕选择合适的背景图片和图片，里面LESS相关用法还是很值得学习的

2016-08-23

从骰子角度理解perspective

从骰子的角度来分析perspective,perspective-origin,backface-visibility等3d属性

2016-07-10

loading效果

页面正在加载中。。。。。

2016-07-09

h5页面适配

适合h5页面最终适配方案

2016-07-09

适应retina

使用background-size来适应retina屏幕

2016-07-05

Flip动画准则

动画设计的FLIP准则

2016-06-28

减少布局抖动

使用一个公共的库fastdom来减少动画中的布局抖动问题

2016-06-26

strictdom思路

在合适的阶段执行不同的dom操作进而减少布局抖动

2016-06-25

学习angularjs资源

深入理解ng中核心问题

2016-05-10

gulp学习笔记

涉及常见的gulp插件的使用并附加详细的说明

2016-04-09

Express-Session源码分析

express-session库源码分析

2016-04-07

ipaddr学习

如果要学习Express中的trust proxy选项必须要看的知识

2016-04-05

各种网站特效的实现

弹出层效果，二维码，放大镜效果，回到顶部特效，轮播图特效，瀑布流特效，手风琴效果，选项卡效果等各种特效

2016-03-27

模型库管理系统

java,spring,struts,hibernate,jsp编写的模型库系统，可以完成模型的增加，删除，修改，查询。

2015-12-20

CMD规范之seajs

seajs常见配置解析和常见插件的使用。sea.js，seajs-css.js，seajs-debug.js，seajs-preload.js，seajs-log.js等

2015-12-06

HTML5离线存储

我通过Application Cache+localStorage+web sql构建了一个离线应用，同时我也把逻辑按照Application cache+localStorage+indexedDB写了一次，有兴趣的同学可以下载，同时代码逻辑按照MVC组织。可以让大家很快理解HTML5离线存储技术

2015-11-17

食人魔过河问题的文件

食人魔过河问题的jar，支持深度优先，广度优先，启发式算法

2015-09-13

artDialog插件和API详解

artDialog插件的使用和相关API详解

2015-08-25

xheditor+requireJS+loadmask

集成xheditor,loadmask和requireJS完成的通过JQuery异步提交数据到服务器的代码

2015-08-05

javascript编程宝典第二版源码

包括常见的网页特效，滚动的公告栏，树形目录，跟随鼠标的图片和文字，指定路径运动的图片，固定位置的广告，飘落的雪花等常见的网页效果。里面的源码可以直接用，希望大家喜欢！

2015-07-06

KindSlideShow

kindSlideShow用于图片的轮换显示，而且支持自定义的一系列参数

2015-07-05

网络爬虫代码

该爬虫可以爬取国内某大型网站的评论，不仅可以作为学术研究工具，也可以作为爬虫学习的基础。因为编写该爬虫付出的时间较长，拿出来分享，但是拒绝各位网友再次上传到其它的网络平台，请尊重原创！（该工具涉及的所有jar包已经封装到lib目录下，可以直接运行，同时结合Mysql数据库完成数据抓取工作）