前端的日常开发离不开各种 lint 的支持，使用 lint 的一种误解是：个人能力不足，必须 lint 规范才能写出规范的代码，实际上规范的定义主要取决于开源项目作者的习惯，或者公司团队编码的习惯，即使两个前端专家，写出的代码规范也会有差别。

前端测试或许被好多人误解，也许大家更加倾向于编写面向后端的测试，逻辑性强，测试方便等 聊到这导致了好多前端从来不写测试（测试全靠手点～～～） 其实没必要达到测试驱动开发的程度，只要写完代码可以补测试，并且补出高效的测试，前端或许真的不需要手点 大前端时代不谈环境不成方圆，本文从下面几个环境一一分析下...

先介绍下小朋友 udao，首先是一个开源项目，代码足够简单，其次是跟随 Angular 大小版本一起成长的项目，会定期更新所有依赖包以及兼容最新版本的写法

本文基于上一篇 Angular5 的文章继续进行开发，上文中讲了搭建 Angular5 有道翻译的过程，以及遇到问题的解决方案。 随后改了 UI，从 bootstrap4 改到 angular material，这里不详细讲，服务端渲染也与修改 UI 无关。 看过之前文章的人会发现，文章内容都偏向于服务端渲染，vue 的 nuxt，react 的 next。 在本次改版前也...

Github: [链接]链接: [链接] 请使用手机或开发者工具手机模拟器打开 接上一篇内容：React 服务端渲染框架 Next.js 基于 Gank api 实战 在上一篇结尾说到要实现移动端，不单单是响应式布局，而是采用移动端组件库进行开发。 本文重点介绍如何在一个项目里面实现两类端的服务端渲染。 前提 明确的 router 分割规格 判断设...

力争国内 Angular 5 第一篇轮子 Github：[链接]Link: [链接] 最近轮子造的比较多，意在给初学者一个参考例子，目前反馈来看，如果技术栈不符，很少有人会点进来读，以后可以考虑转换博文类型了。 之前写过一篇 Angular2 从搭建环境到开发，在 segmentfault 上得到了 2016 年第四季度的 top writer 文章表里第四名，如今...

鉴于最近 vue 相关的文章写的比较多，抽出时间写点 react 的项目，当时用 react 还是 v15 现在都 v16 了，感慨跟不上所有框架的节奏（玩笑话），框架的本质都是大同小异的，每次高 star 框架更新看一下 change 是个好习惯。

有一段时间没更新博客了，今天的文章主要围绕 egg 进行，长时间沉浸在前端框架中，游离到传统 MVC 的开发模式还真不太适应，好久不写 MVC 项目了。

先放出Github地址：[链接] 里面有线上网站的链接，因为链接随时可能变，在这里不直接给网站链接。 之前写过一篇 nuxt 入门级的文章 Vue 基于 NUXT 的 SSR，主要说一下 nuxt 是什么，以及为什么使用。 这里声明一下，不建议去阅读上一篇文章，因为当时写博文的时候是 0.8.0 版本，目前是 1.0.0alpha4，已经有一部分改动，...

近日 node 发布新版本 8.0，npm 也升级到了 5.0，加了 lock file，社区里关于有没有必要继续使用 yarn 管理工具争论不休，我认为静观其变，待 npm 5 逐渐稳定后再转过去也不迟，目前 yarn 还是比较靠谱的替代方案。

好久不写博文了，本文作为我使用半年 vue 框架的经验小结，随便谈谈，且本文只适用于 vue-cli 初始化的项目或依赖于 webpack 打包的项目。

今天聊一聊 react + redux 环境快速搭建，以及实战一个 TodoList，可能是有史以来最简洁的方法哦，是不是很期待，当时橙子也是很吃惊这样的搭建速度。

微信小程序经过几个月的内侧，在今年的 1 月 9 日正式上线，在微信通讯录页面就可以搜索你想找的小程序，然后在发现页最底部就会有你曾经浏览过的小程序的入口。

首先说下 SSR，最近很热的词，意为 Server Side Rendering（服务端渲染），目的是为了解决单页面应用的 SEO 的问题，对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的，搜索引擎无法抓取页面相关内容，也就是用户搜不到此网站的相关信息。

前一周敢玩新版PC端上线，其中原创视频封面用的就是上图的效果，下面详细说一下怎么实现 起因 这个效果有着相对较好的用户体验，在 hover 的基础上又有了与用户交互的体验，仿佛用户一直在不同角度按压这张图片。 当然这个效果早就有人在写并用于官网了，感兴趣可以去锤子官网，看下轮播图的鼠标交互效果。 基本思路 单...

近期调页面时有几个 font-weight 需要修改，无论怎么调整字体粗细都没有变化，深入研究后总结下文 初探 本地写个例子，代码如下 {代码...} {代码...} 在 Mac OS 下 Chrome、Firefox、Safari 结果分别如下(从左到右) 我的浏览器均为最新版本，发现一个简单的 font-weight 属性，在三个浏览器有三个表现。 Chrome 下所有字...

返回顶部的按钮大家并不陌生，针对长滚动条的信息流页面添加返回顶部的按钮可以给用户良好的体验，而返回顶部的实现也是多种多样，本文分享几个案例并给出评价

时下直播的盛行让很多人对直播技术产生浓厚的兴趣，orange 本人也不例外，本文借着实战的目的完成一个 demo，并没有深入的讲解直播技术的实现原理以及推流和拉流的实现，为什么不深入讲解直播的底层技术，原因很简单大公司没必要看我的文章去了解如何搭建直播服务器，小企业又没有不要去搭建自己的直播服务器，因为涉及...

JavaScript 是一门弱类型语言，刚接触的时候感觉方便快捷（不需要声明变量类型了耶！），接触久了会发现它带来的麻烦有的时候不在预期之内

本文就着之前几天的文章 Vue2 移动端开发环境搭建 继续扩展，上一篇文章有人反馈说讲到最后只有 rem 是移动端相关的知识，没错我个人认为除了 rem 和 touch 事件特殊外其它与 pc 端无异（手机系统版本和浏览器的 bug 放在这里讨论无意义），下面请出今天的大咖 vuex

早期的路由都是后端实现的，直接根据 url 来 reload 页面，页面变得越来越复杂服务器端压力变大，随着 ajax 的出现，页面实现非 reload 就能刷新数据，也给前端路由的出现奠定了基础。我们可以通过记录 url 来记录 ajax 的变化，从而实现前端路由。

本文给出基于 Vue2 的移动端环境搭建，移动端大家更多想到的是响应布局，我们根据不同大小的屏幕进行适配，当然少不了我们的重头戏 rem，移动端相比 pc 端就没什么特别的了。

之前的文章说过关于行内元素垂直方向对齐的方案。感兴趣的可以看我的往期文章。在上一篇文章里我们提到了 1px 内的移动问题。本文就一像素内的问题给出解决方案。

本文和以前的文章类似，orange 尽量带给大家分享实际项目中的坑怎么填，当然只是提供思想，方法很多欢迎讨论，还有就是对于刚上手前端的新人不是特别友好，没关系，涉及到基础知识我会对应的进行指引，给出链接或给出提示，大家可以自行 Google(百度)。

Angular2 的发布带来了一阵热议，很久之前就在筹备了，当时的官方答复就是彻底推翻重写，问世之后大家的呼声就是学习成本太高，虽然去掉了 1.x 里的一部分概念，但是加进了 typescript，虽然不强制使用，但是我推荐大家都试一试，毕竟此次改版是谷歌和微软两大家的产物。

本文作为 Flex 布局进阶，不对基础做详细介绍，关于 Flex 基础知识请到阮一峰老师的Flex 布局教程：语法篇 看过基础，或者已经使用 Flex 布局的朋友可以根据本文试着动手写一写，先不急着开工，看看其它大型框架怎么实现的。 Bootstrap 框架 相信大家都用过 Bootstrap 框架，目前最受欢迎的响应式布局框架，在 Github 上...

前一阵子敢玩的 Mobile 页改版完成了，就之前的页面风格更加扁平化，从暗色系为主背景转到亮色背景，去掉更多的阴影，给用户简约的体验风格，哈哈我不是设计师不过多评价啦。感兴趣的朋友可以直接去 idarex移动端主页。

本篇文章介绍 Oh-My-Zsh 安装，以及 git 快捷键。也许你已经烦透了每天 git add . git commit -m 'some fix' git push...

最近项目遇到一个小问题代码我会简化成小例子展示给大家。 用心看到最后会有收获哈，基础扎实的童鞋可以直接跳到数组类型使用。 说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用（正则不熟练同学的利器）。 String 类型的使用 温习一下大家熟知的字符串用法，举个例子 {代码...} 这里 0 和 3 分别是 o...