小楼一夜听春雨

作为一名沉迷于用react方式开发前端的我，在面对小程序的开发风格时，很是不适，于是在网上搜了相关的第三方封装的库，react这方使用比较多的就是taro，taro有点全家桶的感觉，但是它虽然使用的是react方式，却并不是真正的react，当我在使用react hooks编程时，会更加感觉到它是一个假的react，当时我处于急需将小程序开发上线，特别想有一款类似于全家桶的，但仅仅是用了一下下taro我就放弃了，我还是转向了一个真正使用react开发小程序的库—remax.js，这是蚂蚁团队成员开发的一款真

123123

之前我写过一篇关于redux相关的code splitting 之前的文章->http://blog.youkuaiyun.com/fay462298322/article/details/78361579 而后我进入GitChat又重新整理了一份，关于code splitting其实跟你用不用react这些库没什么关系，只不过我示例中使用了它，也因为我是react的热衷者，我觉得react才是当前

HTML5存储 HTML5的本地存储有localStorage、sessionStorage两种，可谓大势所趋，localStorage是存储在本地的，sessionStorage是存储内存中的，localStorage是无法跨浏览器存在，在Firefox、Chrome、Safari中存储格式是SQLite，在IE和Opera中则是XML，在Firefox、Chrome、Safari、IE

我们会经常用一些本地的库，然后在webpack中利用resolve中的alias给指定库路径起别名，这样在项目中就可以像引用node_modules里的库一样引用它，当然默认webstorm会对引用node_modules里的库有提示作用，而对resolve是没有提示作用的，此时我们需要再webstorm中配置webpack的配置文件，这样便可识别。最好下载webstorm EAP版本，对webpa

现如今前端开发基本都是利用webpack，有些人会有rollup.js，但自从webpack2开始引入了rollup.js的tree-shaking之后，rollup.js的存在价值已然不大，因为这是rollup.js主要亮点，而相比webpack，它缺少了太多的插件支持。 开发大型应用的时候，我们会利用webpack+bundle-loader实现code-splitting，在国内称为按

— 2017-11-27更新 我见过有人将公共部分提取出来，其实没有必要，经过code-splitting之后，子级引用的组件在父级已经引用了那么子级不会再引入该组件，也就是去重，这就是webpack中自带的plugin：CommonsChunkPlugin作用，如果你把代码提取出来，结果首屏加载大概是这样子：先加载common.js然后加载app.js，请求两次，而这两个合成一个便只要请求一次

使用iframe的时候，往往因为高度的问题发愁，一般情况下，我们都要让iframe进行自适应才能使得页面展示体验更好，如何自适应了？首先我们要先得到资源的文档流的高度和脱离文档流的高度，便可以做到根据内容的高度进行动态改变iframe的高度，从而实现自适应。 文档流的高度很容易获取到：let h1 = iframe.contentWindow.document....

最近在解决浏览器兼容性问题上，发现在win7系统上的IE11中，点击两个svg图标（symbol方式引入）时，来回点击会导致页面卡死，后来使用这种方式解决了：svg use{ pointer-events: none;}估计是大部分使用这种方式引入的项目不再考虑对win7下的IE11兼容了，所以纠结了好久才找出了解决方法。...

使用react技术栈，只关注业务开发最近一阵子忙于公司业务的架构设计及开发，因此从该架构中抽出一小部分，感觉可以很方便的用于团队的业务开发，不需要太关注webpack等配置，当然这些只是一个简单的分享，不是什么新鲜玩意儿。我在github上提交了一个示例，fay-react-application。该示例呈现了一个简单的应用系统，这个示例中也呈现了代码切割的方式，可以在/app/home文件夹...

最近在做一个纯前端导入excel(.xlsx)并展示、操作、导出，发现列头字母循环问题，一开始以为是26进制做法，但如果是26进制，那么Z后面应该是BA，就好像10进制，9后面是10而不是00，所以纠结之余用回调解决了这个问题：const letters = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L',...

一个用于对react&redux（包含saga）项目进行赖加载的工具fay-react-redux-loadabeGitHub:fay-react-redux-loadablenpm:@fay-react/react-redux-loadable很久之前有写过一些关于code-spliting的一些例子，随着技术库的发展，这次整理一个项目中使用的code-spliting，并且整合了...

最近在开发邮件模板的时候，发现关于SVG中polygon标签的渲染问题，如果含有polygon标签的则对方在收件箱中点开会发现凡是用这个标签描述的都没显示出来，我的解决办法是替换成path标签，然后将属性points改成d，将属性points的值的最前面加上M，最后面加上z即可。...

在web.xml中有两种配置error-page的方法，分别举例如下：一． 通过错误码来配置error-page <error-page> <error-code>500</error-code> <location>/error.jsp</location> </error-page>上面配置了当系统发生500错误（即服务器内部错误）时，跳转到错误

前端数据大部分来源于后端，需要向后端发起异步请求，而在使用reactjs的时候，如果这个组件最初加载的时候就发起这个异步请求，然后在返回结果中进行setState({})，这时候有可能会遇到这个警告：Warning:setState(...): Can only update a mounted or mounting component. This usually means you called

H-ui 前端框架 架起设计与后端的桥梁 轻量级前端框架，简单免费，兼容性好，服务中国网站。 http://www.h-ui.net/

layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口，使得您可以自定义

http://www.open-open.com/lib/view/open1415932442211.html

很多时候，我们依次成列一些东西比如图书、图片等等，我们正常会用“float：left”，由于上一行的li或者div等因为内容的原因导致高度不一致，会使下一行的排列出现错乱，如下图： 解决方案： 去除”float:left”，使用”display: inline-block”；默认都是底部对齐，如果想顶部对齐，我们可以设置”vertical-align: top;”。

在HTML中标签中的数字和字母默认是不换行的，如果要将他们换行，在CSS中添加”word-wrap: break-word;” 默认normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要，词内换行（word-break）也行发生

对img标签设置高度或宽度，设置了宽度就别设置高度，设置了高度就别设置宽度，图片会根据设置的宽度或者高度进行缩放

前段时间做了一个页面同时加载多张图片，也就是同时多个请求访问图片服务器，遭遇了502 bad gateway，纠结了很久，差点圆寂于此，不知道是不是服务器的限制问题，而我的解决方案是：1.每张图片间隔30ms后加载，当然不必纠结这个数字，你可以设置大点；睡眠的JS代码如下：function sleep(numberMillis) { var now = new Date();

console.log("我执行了");sleep(3000);console.log("我3000ms后执行了");function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) {

我并不是一个纯粹的前端开发，但又想面面俱到，很多人会跟我一样去学习各种语言，最后搞的身心疲惫。越学越觉得自己会的越少。其实这是一个很正常的现象，每个人都是，不能在心理上出现障碍，知识不够就慢慢学，身体不好就慢慢锻炼。         前端这几年的技术膨胀的很快，我以前都只是会jQuery，也只去了解jQuery衍生出来的库，导致我现在学的东西很多，有时感觉自己很累，有时觉得迷茫，开始怀疑接受转变的

最开始接触前端的时候，用的基本都是JQuery，对于整个前端的开发已经将DOM操作植入骨髓，我相信很多人跟我一样，我也相信很多人已经将DOM操作用的出神入化。我对前端技术什么时候开始井喷式的爆发的时间有点模糊，也许是从09年angluarjs的诞生（其他更早期的框架不说了，毕竟angularjs是最具代表性的）。那时的我还没接触开发，当我在12年接触javaweb开发的时候，周围也没人提起使用ang

以前涉及到单点登录，都是用CAS解决的，不过体验不是很好，但是也确确实实实现了单点登录，利用了session会话。后来我到了公司的架构部，部门决定重新定位前端技术路线，我大胆地采用了前后端分离的方式，让前端工程化，这样遇到单点登录就涉及到一个问题，前端已经不存在session会话了，于是我就采用cookie，将登录信息存储进cookie，这时有人就会问，cookie是不是不安全，在我看来sessi

鼠标事件：onClick 、onContextMenu 、onDoubleClick 、onMouseDown 、onMouseEnter 、onMouseLeave 、onMouseMove 、onMouseOut 、onMouseOver 、onMouseUp 、onDrop 、onDrag 、onDragEnd 、onDragEnter 、onDragExit 、onDragLeave 、on

单点登录示例地址【GitHub】Fay Sso（单点登录如此的简单，本示例支持IE9+，IE8也可以实现）Test 让我们直接先来测试这个例子，然后看下我实现的想法，你会发现它是如此的简单！ 下载这个例子，你需要下载整个fay-sso文件夹，因为fay-uc中的lib被fay-admin中的main.js使用了（当然也可以单独打包给fay-admin使用，因为我们项

JQuery的ajax方法控制同步和异步的参数是async，默认为true即异步，false则为同步，同步使用如下：$.ajax({ url: "", type: "", async:false, dataType: "" });