20181011 前端开发日报

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

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

    Vue源码阅读 – 文件结构与运行机制

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20181011 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20181011.html)

发表评论

请登录后发表评论: