20180513 前端开发日报

浅谈前端/软件工程师的代码素养;技术牛人的成长之道;国内顶级互联网公司产品校招笔试题集锦;滑向未来:现代 JavaScriptCSS 滚动实现指南;IndexedDB 打造靠谱 web 离线数据库;用小猪佩奇说明Javascript的原型和原型链;JavaScript 纯前端实现图片的上传、下载与复制;JavaScript操作DOM常用的API

  1. 浅谈前端/软件工程师的代码素养 本文提到的 6 个代码编写的原则,前三个偏向于代码维护性,后三个偏向于代码可读性,整个可维护性和可读性构成了代码的基本素养。
  2. 技术牛人的成长之道 今天和大家分享一下我自己身边和打过交道的技术牛人是怎么一步一步成长起来的,尽管大家有不同的背景,在不同的公司工作,却还是可以总结出一些我们可以参考和借鉴的地方。 1. 自我驱动能力强 主动找活,主动贡献。从来不给自己设限和边界,认为所有的技术难题,自己都需要去了解和解决,越...
  3. 国内顶级互联网公司产品校招笔试题集锦 UCDCHINA上海群友们这两年收集整理的校招面试题,包含目前国内几家顶尖互联网企业。适用于产品及设计岗的各位小伙伴参考学习。如果有任何想法,也欢迎在群里踊跃发言。反正说的不好也不罚钱╮(╯▽╰)╭ 阿里的面试题 请系好安全带,有一大波阿里面试题正在向你涌来。。。 报告,我感觉我和阿...
  4. 滑向未来:现代 JavaScript 与 CSS 滚动实现指南 为你介绍最新的 JavaScript 与 CSS 特性,让你的页面滚动更平滑、美观,性能更好。
  5. IndexedDB 打造靠谱 Web 离线数据库 在知乎和我在平常工作中,常常会看到一个问题: 前端现在还火吗? 这个我只想说: 隔岸观火的人永远无法明白起火的原因,只有置身风暴,才能找到风眼之所在 ——『秦时明月』 你 TM 看都不看前端现在的发展,怎么去评判前端火不火,我该不该尝试一下其他方面的内容呢?本人为啥为这么热衷于新的技术呢?主要原因...
  6. 用小猪佩奇说明Javascript的原型和原型链 没错,我就是标题党!你已经成功被我骗进来了。来都来了,那就聊聊再走呗!接下来就听我一本正经地跟你说道说道。 Javascript的原型是这门语言的一个重点和难点。看过很多大佬写的解释Javascript原型的文章,但是很多对于初学者其实不是很友好,看完之后还是云里雾里。我虽然不敢说能把这个东西解释的很清楚,但是作...
  7. JavaScript 纯前端实现图片的上传、下载与复制 这次在写一个画布应用,由于是纯前端的项目(我也希望加入后端啊可是后端在公司里申请机器要走架构评审),所以和普通的上传到服务器不太一样,下载倒是比较常见的函数,复制也是新增研究对象……当然大家懂得,博客第一段通常是用来吐槽的……所以这是一篇吐槽文。 从最简单的开始——下载 下载之所以说是最简单的,是因...
  8. JavaScript操作DOM常用的API 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。 文档对象模型 (DOM) 是对HTML文件的另一种展示,通俗地说,一个HTML 文件,我们可以用编辑器以代码的形式展示它,也可以用浏览器以页面的形式展示它,...
  9. Angular团队发布Angular 6 2018年5月3日,Angular团队发布了 Angular 6 ,该版本主要是改进了Angular工具链。这些重大的更新让更新应用程序源代码及其依赖、新增应用程序功能、通过tree shaking技术优化代码获得更好的性能变得更容易。 ...
  10. 有了 TensorFlow.js,浏览器中也可以实时人体姿势估计 翻译文章,内容有删减。原文地址:https://medium.com/tensorflow/real-time-human-pose-estimation-in-the-browser-with-tensorflow-js-7dd0bc881cd5 与谷歌创意实验室合作,我很高兴地宣布发布TensorFlow.js版本的PoseNet,这是一种机器学习模型,允许在浏览器中进行实时人体姿势估计。您可以访问https:...
  11. Eggjs 从放弃到开始使用 咦,这篇文章标题为什么反了? 实际上这是个人走过的心路历程,最初看到 eggjs 的时候,我就觉得 Egg 很明显不符合我的审美——我选择 koa 的理由就是小巧精致,all in middleware. 而 eggjs 不是画蛇添足吗? 这次新项目用到了公司自改版 egg,不过其实也就是 egg 多封装了几个 service。 ——一开始我是拒绝的。 e...
  12. 在Vue中如何用数据来驱动用户界面 虽然我们通常知道在应用程序中构建大多数视图(View)时需要哪些组件(Component),但很多时候我们并不知道这些组件在运行时是什么。这意味着我们需要基于应用程序状态、用户首选项或API的响应来构建一个页面。一个常见的情况是构建动态表单,其中需要整清楚的是: 组件是由JSON对象配置的,还是基于用户的答案而更改的...
  13. JavaScript 工作原理之五-深入理解 WebSockets 和带有 SSE 机制的HTTP/2 以及正确的使用姿势(译) 原文请查阅这里,略有改动,本文采用 知识共享署名 3.0 中国大陆许可协议 共享,BY Troland 。 本系列持续更新中,Github 地址请查阅 这里 。 这是 JavaScript 工作原理的第五章。 现在,我们将会深入通信协议的世界,绘制并讨论它们的特点和内部构造。我们将会给出一份 WebSockets 和 HTTP/2 的快速比较 。在...
  14. 使用jQuery仿制网易云音乐移动端 预览地址 2018年05月01日21:37:28 完成了主页的推荐音乐、热歌榜、搜索和播放页面。 2018年4月20日15:18:13 这是一个项目笔记,用于记录制作这个项目的点点滴滴。 明确需求 左一开始:主页(推荐音乐)、热歌榜、搜索、歌单和播放界面。 制作历程 自定义一个工作流 我选择了browser-sync,因为...
  15. 谈谈JavaScript异步代码优化 关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 在实际编码中,我们经常会遇到Javascript代码异步执行的场景,比如ajax的调用、定时器的使用等,在这样的场景下也经常会出现这样那样匪夷所思的bug或
  16. vue-cli脚手架中webpack配置基础文件详解一、前言 Vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮我们完善功能可以将文件打包压...
  17. React 路由状态管理总结 一、依赖(Dependencies) 在一般 SPA 开发中,路由的管理十分重要。作为 React 技术体系中的一部分,官方维护的 React-Router 则是首选的路由库。 在应用 Redux 模式后,React-Router 与 Redux 的配合引发了新的问题,是否需要将路由纳入 store 进行管理?如何将路由纳入 store 进行管理?这些都是...
  18. JS基金会发布Dojo 2.0 2018年5月2日,Dojo团队发布了 Dojo第二版(Dojo 2) 。Dojo是一种为JavaScript开发人员扩展开发过程提供帮助的工具箱。Dojo 2聚焦于开发人员对构建现代企业应用的需求,是在2007年发布Dojo 1的十多年后对Dojo的...
  19. 前端每日实战:17# 如何让用户接受较长的页面加载时间?首先你得有一个炫酷的 loading 动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/bMvbRp 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chr...
  20. HTML5拖拽API实现vue树形拖拽组件 因业务场景需要一个可拖拽修改节点位置的树形组件,因此动手撸了一个,乘此机会摸了一把html5原生拖拽。近期有时间将核心部分代码抽出,简单说下实现方式。 1.树形结构-组件递归使用 树形结构非常简单,tree组件作为父组件,结构如下 tree.vue <template> <div> <Tree-Node v-for="it...
  21. 在Node.js中使用C++模块 对JavaScript程序员来说,Node.js确实是我们作为服务端开发的首选语言。Node.js的性能优势源于其使用Google的V8引擎,使用非阻塞式的I / O模型,依靠事件驱动。但涉及密集型计算的场景时,Node.js不一定能够有很优秀的表现。还好有C

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

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

原创文章:20180513 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180513.html)