20170927 前端开发日报-前端开发博客

前端必须要懂的浏览器缓存机制；腾讯校招前端三面,虐完继续撸|掘金技术征文；现代 JS 备忘录；CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅；前端系列——jquery前端国际化解决方案“填坑日记”；CSS 布局说（可能是最全的）；浅谈前端中的过早优化问题；理解Promise的3种姿势

前端必须要懂的浏览器缓存机制前端必须要懂的浏览器缓存机制左鹏飞 2017.09.25 本文详细讲解了浏览器端缓存的分类：200 from cache和304 not modified；介绍了http1.1 header Cache-Contr
腾讯校招前端三面,虐完继续撸|掘金技术征文上星期，参加了腾讯前端校招三次面试，一次电话，两次现场面试。问到的知识广度很全面，深度让人也有点无奈，大部分很多东西平时确实没有深究，深究可能也只是看看别人的博客，没有自己敲代码来实现，问到就会有些模糊，答得不是很好。特别是第三面，让腾讯大佬问得哑口无言，当时
现代 JS 备忘录 Modern JavaScript Cheatsheet Image Credits: Ahmad Awais ⚡️ Introduction Motivation This document
CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅之前不久，由于自己平时涉猎还算广泛，总结了一篇博客：这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已，没想到受到了大家的欢迎，有人希望能博主还能整理个 CSS 的一些黑魔法小技巧，无奈我 CSS 一直很渣，没什么干货，最近写了一个 Chr
前端系列——jquery前端国际化解决方案“填坑日记” 前言：最近，新的平台还没有开发完成，原来的老项目又提出了新的需求：系统国际化。如果是前后端完全分离的开发模式，要做国际化，真的太简单了，有现成的解决方案，基于Node构建的时下热门的任何一种技术选型都有成熟的方案，比如： vue + vue-i18n angular + angular-translate rea…
CSS 布局说（可能是最全的）前言现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使我们只关注了js，而疏远了css和html。其实，我们可能经常在聊组件化，咋地咋地。但是，回过头来思考一下，如果你看到一张设计稿的时候，连布局都不清不楚，谈何组件化呢。所以…
浅谈前端中的过早优化问题 Premature optimization is the root of all evil. 过早优化是万恶之源。 —— Donald Knuth 还记得大四的软件优化课上，课的主题虽然是关于各种优化手段的，但老师讲的第一门
理解Promise的3种姿势译者按：对于Promise，也许你会用了，却并不理解；也许你理解了，却只可意会不可言传。这篇博客将从3个简单的视角理解Promise，应该对你有所帮助。原文: Three ways of understanding Promis
简单案例学习使用vue-router An example for study vue-router 使用vue-router并添加激活样式和视过渡效果
《详解 CORS 跨域资源共享》CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。（by 一像素）
Node.js 性能调优之调试篇(三)——三款实用调试工具
JS中的算法与数据结构——队列(Queue) 队列(Queue) 我们之前说到了栈，它是一种比较高效的数据结构，遵循先入后出(LIFO，last-in-first-out) 的原则。而今天我们要讨论的队列，它也是一种特殊的列表，它与栈不同的是，队列只能在队尾插入
JS语法：由 ++[[]][+[]]+[+[]] = 10 引发的问题JS数据操作（点击上方公众号，可快速关注）
夯实JS系列–变量、作用域和内存问题最近在忙于写一个react+node的全栈博客demo,没有时间更新文章。但是还是觉得这样一忙起来不更新是不应该的。正好在空闲上下班地铁上都会再去细读js原生知识。所以打算整理、总结、系统性的分享给大家。基本类型和引用类型在ECMAScript中，变量分
Vue双向绑定的实现原理Object.defineproperty 特别声明：本文转载@TalkingCoder的《 Vue.js双向绑定的实现原理:Object.defineproperty 》一文，如需转载，烦请注明原文出处： https://www.talkingcoder.com/article/6397169095226294939 2016年，Vue.js可谓是大放异彩，以迅雷不及掩耳之势赶React超Angular，用惯jQuery的我一下子被Vue开篇介绍的双向绑定给惊着了…
HTML&CSS Lesson1: 构建第一张页面可以的话，请想象一下互联网没有发明之前的日子。网站还不存在，纸质的书本是我们主要的信息来源，而在书本中查询我们想要的资料会耗费相当多的精力和时间。而如今，你打开个浏览器用搜索引擎搜索，任何你能想到的信息都会呈现在你的指间。并且有可能某人在某地建立了一个跟你
Nodejs文件上传笔者用nodejs做项目时需要用到文件上传的功能，在网上搜索了很多教程，找到了一个express的中间件，用于处理 multipart/form-data 类型的表单数据，可以很方便的将表单中的文件数据保存到服务器。介绍简单的用法定义存储器 Multer作为express的一个中间件，我们可以很方便的自定义上传的文件目录…
ES6+ 中的 JavaScript 工厂函数（第八部分）原文地址： JavaScript Factory Functions with ES6+ 原文作者：Eric Elliott 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者： lampui 校对者： IridescentMia 、 sunui Smoke Art Cubes to Smoke — MattysFlicks — (CC BY 2.0) 注意：这… 原文地址： JavaScript Factory Functions with ES6+ 原文作者：Eric Elliott 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者： lampui 校对者： IridescentMia 、 sunui Smoke Art Cubes to Smoke — MattysFlicks — (CC BY 2.0) 注意：这…
#前端技术#【现代 JavaScript 速查指南】详见：这份速查指南将向你介绍现代项目开发中常用的 JavaScript 语法，以及示例代码，帮助有基础的前端开发者们快速熟悉 ES6 中变量声明、箭头函数等特性。
从 Template 到 DOM（Vue.js 源码角度看内部运行机制）写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址： https://github.com/answershuto/learnVue 。在学习过程中，为Vue加上了中文的注释 https://github.com/answershuto/learnVue/tree/master/vue-src ，希望可… 写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址： https://github.com/answershuto/learnVue 。在学习过程中，为Vue加上了中文的注释 https://github.com/answershuto/learnVue/tree/master/vue-src ，希望可…
ES6 Destructuring ES6编码更快速、更优雅。Destructuring解构是ES6很重要的一个部分。和箭头函数、let、const 同等地位，解构可能是你日常用到最多的语法之一了。解构是什么意思呢？它是js 表达式，允许我们从数组、对象、map、set 中抽取数据同时为多个
Element 1.4.5 发布，饿了么 Vue 2.0 组件库 Element 1.4.5 已发布，Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。更新内容： Rate 的 colors 属性现在可以动态更新了修复 Tree 无法高亮 node-key 值为 0 的节点的问题修复初始状态被禁用的 Drop…
Egg 1.9.0 发布，阿里开源的企业级 Node.js 框架 Egg 1.9.0 已发布，Egg 是阿里开源的企业级 Node.js 框架，为企业级框架和应用而生。团队的架构师和技术负责人可以非常容易地基于自身的技术架构在其基础上扩展出适合自身业务场景的框架。 Egg 奉行『约定优于配置』，按照一套统一的约定进行应用开发，团队内部采用这种方式可以减少开发人员的学习成本，开发人员不… Egg 1.9.0 已发布，Egg 是阿里开源的企业级 Node.js 框架，为企业级框架和应用而生。团队的架构师和技术负责人可以非常容易地基于自身的技术架构在其基础上扩展出适合自身业务场景的框架。 Egg 奉行『约定优于配置』，按照一套统一的约定进行应用开发，团队内部采用这种方式可以减少开发人员的学习成本，开发人员不…
HTML&CSS Lesson4: 盒子模型现在我们已经熟悉了HTML和CSS。了解了它的基础。现在我们来更深入的了解元素在页面中的呈现和大小。在这节课中，我们将会讨论什么是盒子模型，它的工作模式是怎样的。我们也会在课程中学习一些新的CSS属性，并且将介绍三种长度单位。元素是如何显示的在了解盒子模
HTML&CSS Lesson3: 了解CSS CSS是一门复杂的语言，拥有相当的大能力。它我们允许为页面添加布局和设计，允许多个元素甚至多个页面共享样式。在我们有能力解锁所有功能之前，我们必须先充分理解它的基础点。首先，我们要明确的了解样式是怎么被渲染的。具体的来说，就是我们要知道不同类型的选择器是
HTML&CSS Lesson2: 了解HTML 我们初步了解了HTML和CSS，现在让我们深入挖掘HTML并了解哪些元素构成了这种语言。建设网站前，我们需要了解什么元素适合排版什么内容。这对于理解元素如何展示在页面中以及元素的语义化都有非常重要的意义。在工作中使用适当的元素排版需要长时间的实践，但接下来
#canvas#【jquery圆环进度条插件】在网络搜到的一个jquery圆环进度条插件，是使用canvas写的，支持纯色、渐变颜色、支持文字逐渐变化、支持定义起始角等一切跟之前我写过的HTML5 Canvas绘制矩形和圆形（圆弧）和canvas绘制…请戳→ #前端开发博客#