Omi Open and modern framework for building user interfaces. Omi的Github地址[链接] 如果想体验一下Omi框架，请点击Omi Playground 如果想使用Omi框架，请阅读 Omi使用文档 如果想一起开发完善Omi框架，有更好的解决方案或者思路，请阅读 从零一步步打造web组件化框架Omi 关于上面的两类文档，如果你想获得更佳的阅读...

裁剪图片的应用场景有头像编辑、图像编辑，在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。AlloyCrop就是专注于裁剪图像的组件，目前服务于QQ相关的Web业务，今日正式对外开源。

2017-06-21 前端日报 精选 redux-react实践总结 - 掘金【第972期】HTML5动画与动效之四flexbox 完全指南 - 众成翻译19个JavaScript编码小技巧_JavaScript 教程_w3cplus使用浏览器开发者工具检查CSS动画性能 - 众成翻译ES2017's async/await is the best thing to ever happen to JavaScript⚡️ From React to an Electron...

引言：最近想将这几个月做过的东西组件化，然后首先想到的是 编码规范化！本文只涉及 CSS 命名规范，搬来了Alloyteam 造好的轮子。可能并不完全适用，在以后开发过程中再根据需要进行修改。╮(╯_╰)╭

2017-08-29 前端日报 精选 浏览器兼容性问题解决方案AlloyTeam ESLint 配置指南全新的redux模块化框架，redux-arena - 知乎专栏javascript30-day-29-CountdownThree.js 现学现卖From Javascript to TypescriptJavaScript — WTF is ES6, ES8, ES 2017, ECMAScript… ? 中文 【教学向】再加150行代码教你实现一个低配版的we...

如上图所见，本文就是要实现上面那种效果。由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。

防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的 情况会每隔一定时间（参数wait）调用函数。

什么是flex.css? css3 flex 布局相信很多人已经听说过甚至已经在开发中使用过它，但是我想我们都会有一个共同的经历，面对它的各种版本，各种坑，傻傻的分不清楚，flex.css就是对flex布局的一种封装，通过简洁的属性设置就能使得它完美的运行在移动端的各种浏览器，…

移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式。在IOS上使用active必须声明下面js:

2017-09-30 前端日报 精选 iPhone X 刘海打理指北React16中的错误处理ES6 Promise：模式与反模式「译」图解 ArrayBuffers 和 SharedArrayBuffers [译]你并不知道NodeCSS Grid PlayGroundTest-Driven Development with React and Redux, using Redux TDD 中文 【JS】装饰器让你的代码更简洁 - 众成翻译【第1072期】每个程...

在网上查了一下，都是说在eslintrc的parserOptions下新建个project键，然后写上tsconfig.json的位置，但是配置后并没有生效。有哪位大佬知晓什么情况吗？

大家应该都有在网上阅读技术文章的习惯，以前我比较喜欢在 CSDN，不过现在改版的有点夸张，慢慢偏向于掘金，简书等平台... 后来为了提升效率，我也搭建了 wanandroid.com，主要用于聚集一些比较好的技术文章，方便大家闲暇过程中学习。 有一部分非常有价值的技术文章： 各大公司对外开放的分享 于是，利用这个周末利用放...

曾探，2007年毕业于吉林大学软件学院，目前就职于腾讯AlloyTeam前端团队任高级工程师， 著有《JavaScript设计模式与开发实践》一书。他曾参与WebQQ、QQ群、Q+开发者网站、微云、QQ兴趣部落等大型项目的开发。有Java、Python和JavaScript的开发经验，业余作品有HTML5街头霸王等。平时喜欢电影和音乐，业余时间是一名健身...

前端月刊：[链接] 周刊文章[链接][链接][链接] （百度）[链接][链接] [链接][链接] 前端圈[链接] （奇虎团队） Github:[链接][链接] CSS规范[链接] 妙趣课堂[链接] IBM web开发社区[链接][链接] 百度[链接][链接][链接] （ES6规范） 腾讯web[链接][链接][链接][链接][链接] 淘宝[链接][链接] 携程前端[链接] 美团技术博...

2017-09-08 前端日报 精选 低成本将你的网站切换为 HTTPS漫谈 React 组件库开发（一）：多层嵌套弹层组件Preact: 可作React的备胎深入理解 ES6Redux进阶系列3：如何设计action、reducer、selectorIntroducing the Web Share APILearn How To Debug JavaScript with Chrome DevTools 中文 【刷题系列1】前端笔试面试题 - ...

注意，虽然是扫码体验，但是AlloyTouch.FullPage特意对鼠标滚轮事件进行了兼容，所以PC上的全屏滚动页面也可以使用它来快速制作。

代码执行时机将决定着是否能够正常执行，当依赖文件没加载完成就开始执行、使用对应模块，那么将会导致执行异常。这在“存在资源加载失败时，加载重试影响原来文件的执行顺序”的场景下尤为常见。