20180317 前端开发日报

一个前端岗位电话面试所带来的问题的思考;webpack 4升级指南;用 JavaScript 写一个区块链;vue组件命名指南,不为取名而纠结;Vue 中实现双向绑定的 4 种方法;如何愉悦地写 React 样式;[英] JavaScript运行机制:渲染引擎和性能优化窍门;react-bits-CN 中文版的

  1. 一个前端岗位电话面试所带来的问题的思考 这绝对不是一篇技术文,如果你不喜欢,也请不要喷,你可以看看都有哪些问题,当然,在这里你可能得不到问题的答案,不懂的你可能需要自己去百度,也可以在下面留言交流,我已经声明了,这不是一篇纯技术文章,不喜勿碰,忽略就是;做文明人,共创一个和谐的网络环境,谢谢; 一、
  2. webpack 4升级指南 webpack 4发布也有一段时间了,虽然官方的文档,升级指南都没有完成,部分插件适配webpack 4的开发也还在进行中,但对于一个资深前端配置工程师,大刀早已饥渴难耐,所以就出一份非官方升(cai)级(keng)指南吧。 我没时间看你废话,给我一份
  3. 用 JavaScript 写一个区块链 原文:Writing a tiny blockchain in JavaScript 作者:Savjee.be 译者:JeLewine 几乎每个人都听说过像比特币和以太币这样的加密货币,但是只有极少数人懂得隐藏在它们背后的技术。在这篇博客中,我将会用JavaScript来创建一个简单的区块链来演示它们的内部究竟是如何工作的。我将会称之为…
  4. vue组件命名指南,不为取名而纠结 前言 自古中国取名文化博大进深,往往取一个好的名字而绞尽脑汁.那么一个好名字能够带来什么呢? 名字的内涵必需和使用者固有的本性相配套 不和名人重名、不易重名、创意新颖,真正体现通过名字以区分人的作用 响亮上口读起来流畅好听,协音美好,因为声音涵意同样影响人,
  5. Vue 中实现双向绑定的 4 种方法 1. v-model 指令 <input v-model="text" /> 上例不过是一个语法糖,展开来是: <input :value="text" @input="e => text = e.target.value" /
  6. 如何愉悦地写 React 样式在 React 中写 CSS 一直是大家觉得不太爽的地方。 有没有一种更好的 CSS 方案呢?对于这个问题,社区也一直在探索,从未停止过。 本文介绍了 React 相关的三种 CSS 方案,希望能够帮助大家在 React 路上越走越顺…
  7. react-bits-CN 中文版的 有关React,你需要知道的一切 Gitbook format: http://hateonion.me/book/react-bits-cn/ 原Repo地址 https://github.com/vasanthk/react
  8. 前端模块化:CommonJS,AMD,CMD,ES6 模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。
  9. Redux vs Mobx系列(-):immutable vs mutable **注意:**我会写多篇文章来比较说明redux和mobx的不同,redux和mobx各有优缺点, 如果对React/Mobx/Redux都理解够深刻,我个人推荐Mobx(逃跑。。。) React社区的大方向是immutable, 不管是用immutable.
  10. 在使用Redux前你需要知道关于React的8件事译文,原文来自https://www.robinwieruch.de/l…译者前注: 翻译仅作为个人学习用途,因本人水平有限,译文中充斥着不少拙劣文法和表述,最好还是看英文原文. 状态管理是很复杂的.视图层工具库,如React,允许我们在组…
  11. 简单快速理解js中的this、call和apply 注:本文案例环境为非严格模式,严格模式下禁止关键字this指向全局对象 一、方法是怎么执行的? 首先说一下js中方法的执行,在window全局下声明一个方法a: function a () { console.log(this); } a();//wind
  12. 如何把全世界的Web浏览器连成一个超级计算机? 黑客 Ben 尝试了一个非常大胆的想法,通过 WebSocket 将全世界的 Web 浏览器连接在一起,组成一个“超级计算机”,并利用这个超级计算机解决分布式问题。以下内容翻译自作者的博文。 写在前面 我们将讨论一个具有争议性的话题——如何从网
  13. vue-cli 搭建的项目处理不同环境下请求不同域名的问题 使用 vue-cli 开发项目过程中, 根据开发环境和正式环境不同, 我们往往需要请求不同域名下的后台接口, 这时候, 该怎么去设置, 达到同一种写法可以根据环境不同而自动切换请求域名呢? 本文将会介绍两种配置方式. 本文中所有请求都是使用 axios
  14. 简述JavaScript模块化编程(一) 在早期编写JavaScript时,我们只需在<script>标签内写入JavaScript的代码就可以满足我们对页面交互的需要了。但随着时间的推移,时代的发展,原本的那种简单粗暴的编写方式所带来的诸如逻辑混乱,页面复杂,可维护性差,全局变量暴露等问
  15. Sharing Data Between Angular Components – Four Methods Data sharing is an essential concept to understand before diving into your first Angular project. In this lesson, I provide four d
  16. 闰土杂谈(三):如何在公司里体现前端的价值以及提升自己的议价能力? 前言 最近在闰土大叔的前端圈里有很多小伙伴南下杭州应聘求职拿OFFER,货比三家之后,最终入职了适合自己的公司,并且还拿到了不错的薪水。在这些小伙伴当中,不乏刚刚大学毕业或者师出培训班的职场萌新,在顺利找到工作之后,该如何在公司里体现前端的价值?你又该如何在前
  17. Web开发者需要知道的CSS Tricks 作为一名Web开发者,CSS是必备技能之一,我一直以为自己对CSS的掌握已经够用了,直到读Lea Verou的《CSS揭秘》时,我发现自己充其量就算个打CS的选手,书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案,是我完整读过的唯一一本
  18. Vue组件开发小结 组件化是长期开发过程中一个提炼精华的过程,目的主要是以下几点: 提高复用性 解耦 提升未来的开发效率 那么如何达到这样的效果呢,我们可以分几步来循序渐进地完成。 下文主要是思路,想直接获取代码可转战ElementUI的Github去看源码 一 组件的定
  19. JavaScript 3/30: CSS变量 JavaScript30 为Wes Bos推出的一项为期30天的挑战,旨在帮助人们用纯JavaScript来实现效果,初学者若想在JS方面快速精进,不妨一试。本题为第三题。 实现效果 本题当实现这样的效果,利用JavaScript及CSS3来改变CSS的值,
  20. 前端开发如何让持续集成/持续部署(CI/CD)跑起来 近几年,伴随着前端技术日新月异的发展,前端开发中前后端分离,工程化,自动化等现代化的开发模式越来普及,前端项目也引入了编译,构建,单元测试等现代软件工程化的标准环节。这样大提高了前端的开发效率和业务交付能力。但是,在代码集成,项目部署阶段,我们还需要引入 CI

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流