20170409 前端开发日报-前端开发博客

微信JSSDK提示invalid signature；Git 由浅入深之分支管理；React 常见的面试题（在 React 里面，你可以知道也可以不知道的事, 但是你会发现他们确实很有用）；nodejs微信公众号开发——3.封装消息响应模块；anime.js 简单入门教程；工作中经常用到 github 上优秀、实用、轻量级、无依赖的插件和库；前端大会流水账；UglifyJS中文文档

微信JSSDK提示invalid signature简直是个神坑，被坑哭了，所以记录一下！把微信token和ticket改用redis存，为了避免并发导致token次数被用完，加了锁，为了避免以后redis扩展，改用了分布式锁，改完用100并发测试了下，一切正常，perfect。于…
Git 由浅入深之分支管理几乎所有的版本控制系统都以分支的方式进行操作，分支是独立于项目主线的一条支线，我们可以在不影响主线代码的情况下，在分支下进行工作。对于传统的一些版本控制工具来说，我们通常需要花费比较多的时间拷贝主线代码，创建一个分支，并且对分支的管理效率也越来越不令人满意，而如今备受推崇的Git确实名副其实，Git中…
React 常见的面试题（在 React 里面，你可以知道也可以不知道的事, 但是你会发现他们确实很有用）React 常见的面试题（在 React 里面，你可以知道也可以不知道的事, 但是你会发现他们确实很有用）根据记录，问这些问题可能不是深入了解他们在使用 React 方面的经验的最佳方式。之所以标题是《 React 常见的面…
nodejs微信公众号开发——3.封装消息响应模块上一篇文章：nodejs微信公众号开发(2)自动回复，实现了简单的关注回复。采用拼接字符串的形式，并不是很方便，这里我们将其封装承接口。 1. ejs模板引擎不使用拼接字符串的方式，那么模板引擎就是较好的选择。No…
anime.js 简单入门教程强大轻量的动画库 anime.js 入门教程 —— 由聆木听风分享
工作中经常用到 github 上优秀、实用、轻量级、无依赖的插件和库收集工作中经常用到 github 上优秀、实用、轻量级、无依赖的插件和库，非常实用，极大提高开发效率。他山之石，可以攻玉。 —— 由微醺岁月分享
前端大会流水账官网服务器好慢, 哼哼哼 http://fdcon.topgeek.org/周六去参加了浦软那边的大会, 还是有不少的收获, 可以吐吐槽. 感觉几个演讲槽点最大的就是我的那个, 还是匿了.主要还是积累太少, 加上我上午临时更新的 PPT 没…
UglifyJS中文文档UglifyJS中文文档译者：李平海转载请注明原文链接(https://github.com/LiPinghai/… )与作者信息。译序由于webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin），其命令webpack -p即表示调用…
socket.io+redis+nodejs+nginx集群部署nginx配置 {代码…} redis.js {代码…} warn.js {代码…} app.js {代码…} 完整项目请参考https://github.com/hangaoke1/…
从 JavaScript 到 TypeScript – 模块化和构建TypeScript 带来的最大好处就是静态类型检查，所以在从 JavaScript 转向 TypeScript 之前，一定要认识到添加类型定义会带来额外的工作量，这是必要的代价。不过，相对于静态类型检查带来的好处，这些代价是值得的…
前端ps切图方法，图文详细写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！ BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要
Naga：基于 WebDriverAgent 的 iOS 自动化测试实现 Naga是什么？ Naga NagaTest Naga是个代号，它是基于java语言的iOS自动化测试实现，支持iOS 9.x+版本的Native，Hybrid，H5的UI自动化测试。 Naga非常轻盈，它通过jar的方式分发，在你的测试工程中引用naga.jar即可开始您的iOS自动化测试之旅。 Naga环境部署简单快捷，较少的依赖能让您快速的完成环境搭…
Golang里的Future/Promise现如今，应用执行时最普遍存在的瓶颈就是网络请求了。网络请求只要几毫秒，但是等到返回却要百倍的时间。所以，如果你执行多个网络请求，让他们都并行执行就是减少延迟最好的选择了。Future/Promise就是实现这一…
可供参考的四个 Webix 实例：生成多种类型的 JavaScript 列表本文通过一些编程实例，展示了如何使用 Webix UI 库创建以列表形式展示数据的 Web 组件，其中包括了基本的列表，乃至高级的交互列表。本文介绍了 Webix 列表所使用的核心理念，给出了 Webix 列表创建和用户化的具体实现。 —— 由前端之巅分享
Angular 4 将获得长期支持，版本号变化不意味破坏性修改在 ng-conf 2017 大会主题演讲期间，Igor Minarh 和 Steven Fluin 花时间展示了 Angular 软的一面。在回顾了主要的技术主题后，他们将重点放在了社区和 Angular 未来的发展上。他们宣布将长期提供 Angular v4 支持。 —— 由前端之巅分享
js函数中的this 前两篇文章“执行环境和作用域”和“js中的闭包”，我对谈了执行环境、作用域、作用域链和闭包的理解。但当牵涉到对象中的方法时，前面谈的东西就不那么适用了。先来看一个例子： var name = 'a'; function getName(){ console
前端周刊第 50 期：React 状态管理 + Vue.js 作弊条 + 命令行技巧本文共 2743 字，读完需 6 分钟，速读需 2 分钟。因为休了几天假今晨才返京，所以周日晚才发出来。本期在 IDE、命令行、React、Vue 等方面都有涉及，还收录了 csswizardry 博主的开发环境和装备。以下是精选内容，请享用。技术动态Reac
Angular 4.x HttpModule 脑图 Angular 4.x HttpModule 模块 (不包含 JSONP 部分)： Body、Request、RequestOptions、Response、ResponseOptions、BaseResponseOptions、Http、XHRConnection、XHRBackend 等 —— 由semlinker分享
Webpack 迁移到 Rollup 最近 React 悄悄把构建工具从 Webpack 换成了 Rollup，大家可以关注这个 PR：https://github.com/facebook/react/pull/9327。 —— 由icepy分享
基于 vuejs2+webpack2+vuxui2 多页面架手脚，支持二级目录前言 vue2.0上线已经有一段时间了，现在vue2.1也都已经发布了，是时候来更新基本vue的多页面架手架了。相信用vue的童鞋，很多一部分在用于spa（单页面）项目，也不排除传统的多页面项目，我们就用vue开发了多页面的webapp，相对于spa开发效率
《前端吐槽的后端接口那些事》今天与另一位前端开发人员扯起了后端接口的皮（我也是前端人员），那个兄弟对后端人员提供的接口很大的意见（我是司空见惯），不过他说的也确实有道理，所以结合我的见解，希望提供接口的人员能多加注意。（来自：海角在眼前）
#前端技术#【Vuex 2.0 源码分析】详见：随滴滴公共前端团队 – 黄轶，通过源码分析的方式，从另外一个角度来认识和理解 Vuex 2.0。[喵喵]
10+ 实用的 JavaScript 调试小技巧 ‘debugger;’ 除了console.log，debugger就是另一个我很喜欢的快速调试的工具，将debugger加入代码之后，Chrome会自动在插入它的地方停止，很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句，譬如： if (thisThing) { debugger; } 将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信…
【GitHub上整理的一些工具】分享一些工具，希望可以帮助到大家。（来自： Segmentfault ）
#开源项目#【图片转换 HTML 页面工具：img2html】详见： img2html 用于将图片转化为 HTML 页面。挺好玩的，来感受下。Demo 地址：
《图标字体 VS 雪碧图——图标字体应用实践》本文介绍使用图标字体和SVG取代雪碧图的方法。雪碧图是很多网站经常用到的一种技术，但是它有缺点：高清屏会模糊、无法动态变化如hover时候反色。（by 人人网FED博客）
【GitHub前50名的Objective-C网络相关库】这些网络库包括HTTP，JSON，XML，网络调试，socket，XMPP，WebServer，IRC，download，Bluetooth，OpenSSL，Mail，Proxy，SIP等。（来自： GitHub ）