20170410 前端开发日报

写给前端工程师的移动应用选型指南;分享一次node.js开发工程师的面试经历;dashboard:基于 Vue 2.0 优雅的管理后台;Vue.js 实现一个简易问卷平台(项目中遇到的问题总结);css sprite雪碧图制作,使用以及相关,图文gif;No JQuery 原生 JavaScript 操作 DOM;爬虫入门到精通-HTTP协议的讲解;webpack 踩坑记录

  1. 写给前端工程师的移动应用选型指南 想来在这一个混合应用的项目上,我已经差不多做了一年了。加之,在上一个项目里,我做的是一个移动 Web 应用,从 Backbone 到设计基于 React 的原型,也积累了一定的移动开发经验。 与别人谈起移动应用的时候,作为一个前端开发人员,我总会有一些疑惑?你说的移动应用到底是指什么? 针对移…
  2. 分享一次node.js开发工程师的面试经历最近,在拉勾上面投了好多简历,但是很多公司连鸟都不鸟一下就直接给个不合适。你怎么知道人家为什么就不可以呢?就不适合呢?如果你抱着这样的态度去招人,是不是一定就要培训出来的呢?还是直接就以学校决定你…
  3. dashboard:基于 Vue 2.0 优雅的管理后台 A dashboard scaffolding based on vue.js inspired by vuejs-templates/webpack. Preview Online demo http://dashboard.micua.com username: zce password: wanglei Environment Node >= 6.0.0 Yarn >= 0.20.0 …
  4. Vue.js 实现一个简易问卷平台(项目中遇到的问题总结) 对实现简易问卷平台项目中遇到的一些问题进行总结和记录 —— 由ReusJs分享
  5. css sprite雪碧图制作,使用以及相关,图文gif 写在前面: 在网页制作中,雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是:CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示
  6. No JQuery 原生 JavaScript 操作 DOM 翻译自 sitepoint 的一篇文章,作者是 Sebastian Seitz。虽然日常工作中很少再写原生 js 来操作 DOM 了,大家可能都在用主流的前端框架,我也是,但是看到这篇很浅显易懂的文章,还是忍不住想细读一下,复习的同时也会有新的发现。 —— 由武斌分享
  7. 爬虫入门到精通-HTTP协议的讲解HTTP协议的讲解 什么是HTTP协议? 引用自维基百科 超文本传输协议(英文:HyperText Transfer Protocol,缩写:HTTP)是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页…
  8. webpack 踩坑记录 前言 JavaScript是一门解释性语言,早期的JavaScript代码都是写完即用,一个html一个js文件,即可感受网页制作的魅力,很多人都是因为这种开发的便利性走上了学习前端的道路。 随着JavaScript脚本复杂性的提升,网页性能由于JavaScript体积收到了影响,开始有压缩合并的工具出现。如 uglify、YUI com…
  9. Node.js 面试题(2017 版) 译者按: 从ECMAScript标准,Node.js语法以及NPM模块角度来看,Node.js的发展让人目不暇接,那么面试题也得与时俱进。 原文: Node.js Interview Questions and Answers (2017 Edition) 译者: Fundebug 为了保证可读性,本文采用意译而非直译。 问题 什么是错误优先的回调函数? …
  10. sveltejs 中文文档 ** 什么是 Svelte ** 如果您曾经构建过 JavaScript 应用程序,你或多或少使用过 React,Angular,Vue 和 Ractive。与 Svelte 很像,这些工具都有一个目标,就是可以轻松的构建交互式用户界面。 但 Svelte 有一个关键的区别:你的应用程序会在打包构建时(build)被转化成原生的可执行的 javascript 代码,且不需要一个…
  11. webpack-dev-server 中 inline 和 HMR 的区别 webpack-dev-server 的 inline 和 hot 参数都可以在代码改变的时候实现浏览器页面自动更新,但是他们有什么区别呢?本文主要介绍 inline 和 hot 功能上的区别以及使用上的区别。 —— 由Molin分享
  12. 升级 webpack 至 v2.2.x本文主要讲述如何将 webpack 版本升级至 v2.2.x,如果你还不了解 webpack,那么推荐你先读一下这篇文章。 今年年初,webpack 2.2.0 版本正式发布,还记得那时已有很多文章来介绍 webpack 2。 但经历过之前,先将…
  13. JavaScript深入之执行上下文栈顺序执行? 如果要问到JavaScript代码执行顺序的话,想必写过JavaScript的开发者都会有个直观的印象,那就是顺序执行,毕竟 {代码…} 然而去看这段代码: {代码…} 打印的结果却是两个foo2。 刷过面试题的都知…
  14. 前端小白用面向对象思想实现元素拖拽上篇文章分享了如何用面向对象思想编写选项卡,在文章最后留了一个拖拽的例子,希望大家可以试着写一下,现在我就谈谈我在这过程中遇到的一些问题和解决方法。(本文主要是想和js初学者分享经验,代码中的更改thi…
  15. React 源码解析 – React.createClass 深度解析 react 源码系列文章。React.createClass 是如何工作的?代码中有哪些实践是值得学习的?这篇文章都有解计。 —— 由席金岭分享
  16. React 学习—— 高阶应用:性能优化 记录学习 JSX+ES6 开发 React 的第七篇,按照官网的思路介绍如何使用 React 开发。 —— 由开源中国分享
  17. Vue 做一个 GitHub 项目排行榜 Vue做一个GitHub项目排行榜 GitHub不同语言热门项目排行,Vue做页面展示。 源代码 源代码地址: GitHub欢迎大家 star和fork 预览地址 在线效果预览地址:https://microzz.com/github-ranking/
  18. React 的慢与快:优化 React 应用实战 有人说,React 的虚拟 DOM 使得应用快得飞起。有人说,用 React 构建的应用稍微大一点,就慢如蜗牛。到底谁说的对,到底是什么拖慢了速度,又如何针对 React 应用进行优化呢? —— 由麦比钨丝_Lee分享
  19. #前端模板#【进击!前端模板工程化】基于文件系统的模板解决方案前端模板早期,开发人员都是直接在 js 文件中采用最原始的方式直接拼接 HTML 字符串:var html = ”;for (var i = 0, users = data.users; i < users.lengt…请戳→ #前端开发博客# ​​​

    前端模板工程化
  20. 如何搭建高质量、高效率的前端工程体系 — 页面结构继承 本系列文章将会将会围绕整个前端的开发流程出发解决这两个问题,帮助大家提高产品质量以及开发效率。本文介绍页面利用类似的继承方式以便达到页面结构以及数据重用。 —— 由腾讯云技术社区分享
  21. Node.js面试题之2017译者按: 从ECMAScript标准,Node.js语法以及NPM模块角度来看,Node.js的发展让人目不暇接,那么面试题也得与时俱进。 原文: Node.js Interview Questions and Answers (2017 Edition) 译者: Fundebug 为了保证可…
  22. 关于一些 Vue 的文章。(6) 原文链接我的blog,欢迎STAR。 在上篇里,我们已经分析了在 main.js 可以通过el属性设置挂载点,又可以通过手动设置 vm.$mount()。在这篇,我们深入底层,了解原理。 老规矩,我们先分享一篇文章 Vue.js 源码学习笔记。 这篇文章里反
  23. 前端每周清单第 8 期:React 16 即将发布,微软发布跨平台开发框架 ReactXP,Twitter Lite 的构建之道 – 知乎专栏 前端每周清单第 8 期:React 16 即将发布,微软发布跨平台开发框架 ReactXP,Twitter Lite 的构建之道 为 InfoQ 中文站特供稿件,首发地址为这里;如需转载,请与 InfoQ 中文站联系。从属于笔者的 Web 前端入门与工程实践的前端每周清单系列系列;部分文章需要自备梯子。 —— 由王下邀月熊分享
  24. JavaScript排序,不只是冒泡》做编程,排序是个必然的需求。前端也不例外,虽然不多,但是你肯定会遇到。 (来自: 依韵 ) ​​​
  25. React Conf 2017 干货总结 1: React + ES next = ♥ React Conf 2017在加利福尼亚州的圣克拉拉万豪酒店圆满落幕,这已经是Facebook举办的第三届React官方大会了。虽然不能参会,但是作为前端开发者,我们当然不能错过这个绝佳的学习契机。 笔者利用清明假期,参看了YouTube上关于这次大会的记录
  26. 一个轻量级,支持模板渲染的 ajax 框架 一个轻量级,支持模板渲染的 ajax 框架,发布 2.0 版 —— 由JayZangwill分享
  27. #开源项目#【为你的项目添加漂亮的按钮:bttn.css】详见: 一个轻量级创建漂亮按钮的 CSS 库。它具备 13 种不同的风格,而每种风格有有 4 种按钮尺寸,以及 6 种不同颜色款式。Demo 地址: Enjoy 吧![哆啦A梦微笑] ​​​

    bttn.css
  28. OpenDoc – Redux-Saga 初识和总结 作者介绍:罗雪婧,美团点评前端工程师,2年+ Web 前端开发经验,现在是美团点评点餐团队的一员。 一、Redux-Saga介绍 redux-saga 是一个旨在于在React/Redux应用中更好、更易地解决异步操作(action)的库。主要模块是

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

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


关注我

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

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

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