自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

高山上的鱼

Webpack系列文章请点击 https://github.com/liangklfangl/webpack-core-usage 免费阅读

  • 博客(228)
  • 资源 (26)
  • 论坛 (1)

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

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

原创 Webpack系列专栏文章发布上线了

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

2017-11-13 09:20:35 853

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

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

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

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

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

原创 JS异步处理方案总结

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

2017-07-03 19:55:24 2466

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

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

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

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

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

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

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

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

2017-06-28 10:05:57 18146 8

原创 栅格系统的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 9528

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

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

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

2017-06-04 14:09:37 5549

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

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

2017-06-04 12:30:33 13747 1

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

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

2017-06-03 17:02:22 8795

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

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

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

2017-05-27 17:17:30 7720

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

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

2017-05-20 12:32:45 2007

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

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

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

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

2017-05-11 20:30:36 4810

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

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

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

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

2017-05-04 16:49:11 22249

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

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

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

2017-04-22 11:26:05 4368

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

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

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

2017-04-09 13:22:38 1027

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

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

2017-04-05 15:46:13 1296

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

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

2017-04-05 12:39:24 1683

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

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

原创 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 6734 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 132184 6

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

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

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

2017-03-07 16:51:11 1706

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

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

2017-03-03 15:48:39 4107

原创 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 17189 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 902

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

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

太平洋电脑网排名前1000的手机的评论信息,包括评论内容信息,如评论效价,评论长度等。评论者粉丝数,关注数,以及评论者在论坛的其他方面的贡献。其中涉及的字段超过20个。可以用于文本挖掘,也可以用于实证分析。我使用了该数据发表了一篇国内管理学类A类期刊论文,题目为"影响评论有用性的因素研究"。欢迎下载!!!

2017-04-12

touch.js分析

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数据库完成数据抓取工作)

2015-07-05

SSH整合开发

该文档包括ssh开发环境的集成,jar包冲突,struts把二进制数据写入数据库,以及初学者学习ssh时候常见的错误,并且把常见错误进行总结,是一个ssh学习中可能遇到的一些列异常的总结,以及解决方法,希望对大家有用

2015-05-22

liangklfang的留言板

发表于 2020-01-02 最后回复 2020-01-02

空空如也
提示
确定要删除当前文章?
取消 删除