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

五个小技巧让你写出更好的 JavaScript 条件语句；学前端，我如何一年内学到三年的知识；大前端架构思考与选择；我如何零基础转行成为一个自信的前端；从 FE 视角看大前端；浅析 React / Vue 跨端渲染原理与实现；vue组件通信全面总结；Git 仓库大扫除

五个小技巧让你写出更好的 JavaScript 条件语句原文地址：5 Tips to Write Better Conditionals in JavaScript 原文作者：Jecelyn Yeen 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：Hopsken 校对者
学前端，我如何一年内学到三年的知识这个大言不惭的标题源自我与我所认识的前端从业者的比较，也源自别人的评价。读者也可以看我其它文章，评估我的专业能力。当然我不是在每个领域都能匹配别人三年的实践经验。我还有很多技术栈没掌握，比如没写过小程序，没用过 jQuery（这个也不想再学了，只是依然还有用人
大前端架构思考与选择问题 “一云多端”成为趋势，终端类型越来越多。比如，现在PC Web网站的产品已经有了，现在想扩展APP，小程序… …怎么办？一个直接能想到的方法就是在原来的基础上，为APP等增加API接口，如下图所示： …
我如何零基础转行成为一个自信的前端来自未来的补充：原标题是“学前端，我如何在一年内学到三年的知识”。经网友批评和自己反思后，决定改一个合适点的标题。另外，有不少朋友以为我在国外，其实我一直在深圳。目前我也在想进入技术好一点的团队，可打杂。这个大言不惭的标题源自我与我所认识的前端从业者的比较，
从 FE 视角看大前端本文的目标阅读群体是对前端FE感兴趣的Native开发同学, 聚焦在PC和H5浏览器层面, 没怎么涉及Node.js,Electron, 小程序等领域. 试图对前端开发有全景方式的了解, 以及引发大家的兴趣, 有些三端的开发或者语言层面的纵向对比可能并不严谨, 不过这并不妨碍你的理解. 文末对ReactNative做了简单的指引. Enjoy it. …
浅析 React / Vue 跨端渲染原理与实现当下的前端同学对 React 与 Vue 的组件化开发想必不会陌生，RN 与 Weex 的跨界也常为我们所津津乐道。UI 框架在实现这样的跨端渲染时需要做哪些工作，其技术方案能否借鉴乃至应用到我们自己的项目中呢？这就是本文所希望分享的主题。概念简介什么是
vue组件通信全面总结组件间的通信是是实际开发中非常常用的一环，如何使用对项目整体设计、开发、规范都有很实际的的作用，我在项目开发中对此深有体会，总结下vue组件间通信的几种方式，讨论下各自的使用场景
Git 仓库大扫除Git 可以说是目前最受欢迎的版本管理工具了，很多团队也都在用它来管理自己的项目代码。在一个多人协作的项目中，往往采用的是一个分支一个特性进行开发，随着每天的代码提交、合并，仓库中会有越来越多的冗余分…
Nginx，Charles与Webpack配置前端API代理教程(超详细) 为什么前端需要配置API代理？我们在开发一个项目的时候，如果服务采用的是分布式部署，也就是说按不同模块或功能部署于不同的服务器，如下图客户端不同的请求会被主服务器转发到对应的服务器上去，如果在开发阶段，也有一个这样做转发的服务器，那么前端的开发是不需要配
Webpack Tree shaking 深入探究 Tree shaking的目的 App往往有一个入口文件，相当于一棵树的主干，入口文件有很多依赖的模块，相当于树枝。实际情况中，虽然依赖了某个模块，但其实只使用其中的某些功能。通过Tree shaking，将没有使用的模块摇掉，这样来达到删除无用代码的目的。
前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样，第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念，特别像我这样一个平凡的前端，和大部分人一样，都觉得人工智能其实离我们很遥远，我们对它的印象总是停留在各种各样神奇而又复杂的算法，这些仿佛都是那些技术专家或者海归博士
React-新的生命周期（React16版本）组件生命周期的三个阶段 Mounting（加载阶段） Updating（更新阶段） Unmounting（卸载阶段）旧的生命周期 Mounting（加载阶段：涉及6个钩子函数） constructor() {代码…} getDefaultProps() {代码…} getIni…
前端技术周刊 2018-10-08：WebGL10月5日，Google 发布 Project Stream，一个目标是在浏览器端可流畅运行 3A 级游戏的项目。技术核心在于将游戏的渲染与计算放到云端，而浏览器则负责声画输出和用户输入，此技术能够完美运行需要用户拥有 25M/s …
Nginx 升级 HTTP / 2 指引引言 HTTP/2 目前已经逐渐推广开来，很多站点都开始迁移至 HTTP/2 ，比如 https://v.qq.com/ 或者 https://www.google.com.hk/ 都启用了 HTTP/2; 我们可以先看下浏览
详细介绍vue项目中应用阿里巴巴矢量图标库列表项目首先进入阿里巴巴矢量图标库的官方网址：[链接] 一、选择其中一种方式登录。二、点击导航栏上面的“图标管理”新建项目新建项目会弹出一个弹出框三、返回图标库，挑选开发中需要用到的图标，并加入购物…
webpack dll打包重复问题优化关于webpack dll的使用，我这里不做过多介绍，网上都有，一撸一大把，今天我要说的是在使用dll plugin过程中出现的一个包依赖问题，这个问题导致打出来的包会包含重复的代码。优化背景最近在给公司项目优化的时候，由于内部CDN上传文件大小限制了50
CSS实现footer“吸底”效果我们经常会遇到这样的问题：如何用css来实现底部元素可“粘住底部”的效果，对于“粘住底部”，本文有两种理解：一是无论内容的多少，我们都希望使按钮，固定于可视窗口的底部，且内容区是可滚动的。二是当内容区的内容较少时，页脚区不是随着内容区排布，而是始终显示在
手写 npm 里的 http-server npm 里有个 http-server 的模块，是一个简单的、零配置的 HTTP 服务，它非常强大，同时非常简单，可以方便的帮助我们开启本地服务器，以及局域网共享，可以用来做测试，开发，学习时的环境配置，我们本节就模拟 http-server 实现一个自己的启
vue生命周期简记如题，vue的生命周期是vue理解的重要一环，弄明白它不只会加深对vue的理解，在实际开发中也会更加得心应手，在此记录写项目开发中体会到的一些经验，只是总结并不全面，想要详细学习网上关于vue生命周期学习的文…
JS函数式编程 – 概念最近在看Typescript，顺便看了一些函数式编程，然后半个国庆假期就没有了。做个笔记，分几个部分写吧。
麻雀虽小五脏俱全的Vue拉勾项目，看看应该有帮助本项目是本人在闲暇时间编写的一个初级引导项目，麻雀虽小五脏俱全，所使用的东西绝大多数在开发中都能用得到，但难免会存在很多地方需要完善。
React-Keeper 前端路由缓存存储状态（大部分转）接触react也有一段时间了，一直在做关于react前端架构相关的研究，由于工作性质，有些干货只能自己研究了，今天遇见了一个需求：在做后台管理项目的时候，产品经理提出：从列表页填写查询条件，然后查询出结果，…
Koa下http代理最近做管理后台的重构或者说重做. 至于为什么要重构. 随意的解释: 是原来写的人走了. 客观的解释: 用的人觉得不好用维护的人员找不到北再多一点解释: express + ejs的混合编写单独抽象了Router层, 定义了controller层, service层, 但是强行绑定, 耦合很紧密…
使用 React+TypeScript+Firebase 实现的 Chrome Extension 总结此文粗略记录用 React+TypeScript+Firebase 实现一个用来统计 Gitlab Spent Time 的 Chrome Extension 的过程。内容包括：背景功能介绍如何使用用 Webpack 配置多个 js 入口使用 T
《Vue源码阅读 – 文件结构与运行机制》Vue已是目前国内前端web端三分天下之一，在下借这个机会从大家的文章和讨论中汲取了一些营养，同时对一些阅读源码时的想法进行总结。本文就来看一下Vue的运行机制。（by SHERlocked93）