20180403 前端开发日报

网易金融前端实习生电话面试整理;深度学习自动前端开发:从草图到 HTML 只需 5 秒(附代码);编写更加稳定、可读性强的JavaScript代码;小马的大前端之路——Node.js初探;flatpickr – JavaScript 日期时间选择器;使用JavaScript创建WebAssembly模块实例;一个日期处理类库moment.js;理解 JS 作用域链与执行上下文

  1. 网易金融前端实习生电话面试整理 大厂前端面试考什么? | 掘金技术征文前端面试题总结——综合问题1.CSS作用CSS:层叠样式表单,渲染HTML元素标签的样式。通过使用CSS样式设计页面的格式,可将页面的内容与表现形式分离。不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练
  2. 深度学习自动前端开发:从草图到 HTML 只需 5 秒(附代码) 文章选自InsightDataScience,作者:Ashwin Kumar,机器之心编译。 在人们的不断探索下,「使用人工智能自动生成网页」的方法已经变得越来越接近实用化了。本文介绍的这种名为 SketchCode 的卷积神经网络能够把网站图形用户界面的设计草图直接转译成代码行,为前端开发者们分担部分设计流程。目前,该模型在训练后…
  3. 编写更加稳定、可读性强的JavaScript代码 ​​​ 每个人都有自己的编程风格,也无可避免的要去感受别人的编程风格——修改别人的代码。’修改别人的代码’对于我们来说的一件很痛苦的事情。因为有些代码并不是那么容易阅读、可维护的,让另一个人来修改别人的代码,或许最终只会修改一个变量,调整一个函数的调用时机,却需要花上1个小时甚至更多的时间来阅读、缕清别人的代…

    编写更加稳定、可读性强的JavaScript代码
  4. 小马的大前端之路——Node.js初探 欢迎关注富途web开发团队 夜已深,愚人节有没有对中意的女生表白啊。哈哈。。。 小编在这里先祝福大家。 这个周末,本来想把最近还没有整理的几篇文章这里好发给大家的。无奈小编周末有点晕,还没整理好。可能是周六晚上烤串吃多了。 最近有一篇是关于module(模
  5. flatpickr – JavaScript 日期时间选择器 flatpickr 是一个轻量级、注重精益、由 UX 驱动和可扩展的 JavaScript 日期时间选择器。 下载 演示 GitHub flatpickr 不依赖于任何库。更小的用户界面,但有很多主题。丰富的 API 和事件系统使其适用于任何环境。可用于 webpack ,也可作为 jQuery 插件使用。 安装 安装 flatpickr 模块 使用…
  6. 使用JavaScript创建WebAssembly模块实例 作者:Lin Clark 译者:xlaoyu 英文原文:Creating a WebAssembly module instance with JavaScript 转载请注明出处,保留原文链接以及作者信息 这是 WebAssembly 使用系列介绍的第一
  7. 一个日期处理类库moment.js “Moment.js 是一个JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期.” —— 官方如是说道 这个日期处理库基本上贯彻了小而美的原则,基本上你能想到的对日期的操作和格式化里面都有,支持多种语言的转换,也有官方的中文文档。 用到这个
  8. 理解 JS 作用域链与执行上下文 贫道,感觉,JS的坑,不是一般地大。 变量提升: 变量提升( hoisting )。 我可恨的 var 关键字: 你读完下面内容就会明白标题的含义,先来一段超级简单的代码: <script type="text/javascript">
  9. 从零实现 SPA 框架快速同步配置生成接口(angular2 + Easy-mock) 从零实现 SPA 框架快速同步配置生成接口(angular2 + Easy-mock) 背景 随着 Angular, Vue, React 等 SPA 框架的普及,前后端分离的开发方式已经成为了主流,而由于前后端的并行开发,接口
  10. JS 异步发展流程 —— Promise 实现一个自己的Promise库 在上一篇中我们介绍了整个js异步发展的过程,今天我们就来自己完成一个Promise库,可以参照Promise的实现规范 首先先搭一个最简单的Promise框架 function Promise(executor) { // ex
  11. 2018年2月份Github上最热门的数据科学和机器学习项目】GitHub项目仓库是一个很好的协作工具,能够帮助开发者更加方便快捷的跟进该领域最新的开发项目,同时,还可以与其他数据科学家的其他项目进行合作。详见 ​​​

    2018年2月份Github上最热门的数据科学和机器学习项目
  12. TypeORM — TypeScript 编写的 Node.js ORM 框架 TypeORM 是一个优秀的 Node.js ORM 框架,采用 TypeScript 编写,支持使用 TypeScript 或 Javascript(ES5,ES6,ES7) 开发。目标是保持支持最新的 Javascript 特性来帮助开发各种用户数据库的应用 – 不管是轻应用还是企业级的。 TypeORM 可以做到: 根据模型自动创建数据库表 可以透…
  13. CSS3 transform 属性详解 Transform 属性 css3 中 transfrom 属性用户元素空间位置的变换。本文结果中展示的画面都是基于下图进行的变换 二维变换 Matrix 3×3 的变换矩阵 对二维向量进行转换 其中 x1、y1 为经过 Matrix 转换后的向量
  14. Node.js EventEmitter 笔记 说起Node中几个最重要的模块,那么events模块一定在其中,在Node中很多很多的其他模块都是基于或者依赖于events模块。 那么我们来了解一下什么是events模块和events模块的使用,和一些注意点 我们参看的Node v6.10.3文档, 对于
  15. 基于 HTML5 Canvas 实现的文字动画特效 前言 文字是网页中最基本的元素,一般我们在网页上都是展示的静态文字,但是就效果来说,还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用,如果有某些关键的文字,可以通过这种动态的效果来提醒用户阅读。 动态效果图 这个 Demo 是不断重复地设置文字的大小和
  16. 如何编写bash completion script》创建静态补全很简单,只需要使用 complete 的 -W (wordlist) 选项为脚本注册补全的单词列表就行了。 (by 暗无天日) ​​​

    如何编写bash completion script
  17. WebAssembly的导入类型 table 到底是什么? 作者:Lin Clark 译者:xlaoyu 英文原文:WebAssembly table imports… what are they? 转载请注明出处,保留原文链接以及作者信息 这是 WebAssembly 使用系列介绍的第二篇文章: 使用JavaS
  18. webpack loader的"套路" 学习webpack loader,最后模拟style-loader、less-loader 什么是loader loader是一个函数,用来把文件转换成webpack识别的模块。 loader API this.callback,一个可以同步或者异步调
  19. 在React里使用"Vuex" 前言 一直是Redux的死忠党,但使用过Vuex后,感叹于Vuex上手之快,于是萌生了写一个能在React里使用的类Vuex库,暂时取名Ruex。 如何使用 一:创建Store实例: 与vuex一样,使用单一状态树(一个对象)包含全部的应用层级状态(store
  20. 安全的WebAssembly内存操作 作者:Lin Clark 译者:xlaoyu 英文原文:Memory in WebAssembly (and why it’s safer than you think) 转载请注明出处,保留原文链接以及作者信息 这是 WebAssembly 使用系列介绍

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

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


关注我

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

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

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