20171016 前端开发周报-前端开发博客

国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？；写给前端应届生的职业规划建议；6 张思维导图学习 JS；js Date 操作之神奇的 date；JavaScript：到底什么是ES6、ES8、ES 2017、ECMAScript?；网页保存为图片及高清截图的优化 | canvas跨域图片配置；一篇关于ajax的故事；tabris.js+restify+码云打造个人APP

国内最火的 HTML、CSS、JavaScript 开源项目 Top 榜，你知多少？对于开发者而言，想要着手前端开发，HTML、CSS 和 JavaScript 是三项必备的基础技能。而如何事半功倍地掌握好这些知识？通过了解当下火热的开源项目不乏为最佳学习姿势。本文盘点国内评分最高且收藏量超过 100 的前端技术开源项目，希望可以帮助更多的开发者扩展学习。 1.极简模块化前端UI框架 Layui 评分：9.3；…
写给前端应届生的职业规划建议林洋，YMFE 资深前端工程师，负责去哪儿网 Hybrid（Hy）、React Native（QRN）等移动端方案架构、开发和推进，负责一系列基于 Node 的开源平台（YIcon、YApi 等）、开发工具（小程序构建工具、YDoc、YKit 等）的管理维护工作。专注于移动前端，着眼于工程流程化。【前言】近一年多的时间，笔者在…
6 张思维导图学习 JS 放假出去玩了2天，冻得一把鼻涕一把泪，回家王者还输的落花流水，长长的假期怎一个惨字了得，唯有学习排解郁闷让自己看上去充实一点，打开快落灰的红皮书（《JavaScript高级程序设计》），翻开自己以前的笔记，一边看，一边查缺补漏，看了整整一天，觉得捡起来很多知识
js Date 操作之神奇的 date
JavaScript：到底什么是ES6、ES8、ES 2017、ECMAScript? 学习 JavaScript 和 ECMAScript 历史和它们命名的由来! 学习 JavaScript 过程中可能会有一些疑惑。特别是一些缩写，一些缩写的组合；我们就来彻底解释下这些名词。什么是 ECMAScript? 这发生在很久很久以前： JavaScript 原本命名这个名字是因为想借助 Java 的成功，以在业界能够站住脚。 Netscape 公司…
网页保存为图片及高清截图的优化 | canvas跨域图片配置本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。这里有个栗子（请用微信打开，长按图片即可保存）：3分钟探索你的知识边界将整个网页保存为图片是一个十分有趣的功能，常见于H5活…
一篇关于ajax的故事前言我为什么要写这个呢，以前面试的时候问过这些，还有就是我个人来看，学习前端其实闭包啊，原型啊，等等的问题，被写烂了，但是关于数据交互这一块的很少，我们在业务中，数据交互用的并不占少数，整理一篇给大家，也给我自己，希望喜欢的点一个关注GitHub ajax
tabris.js+restify+码云打造个人APP
将 Node.js 内置于手机原生应用——以后 Android 和 iOS 可以用 npm 包了？ Earlier this year we published a demo app showcasing our port of Node.js with ChakraCore to iOS. In the accompanying blog article,
举例说明了十大ES6功能虽然ES6规范不是最近才发布，但我认为很多开发人员仍然不太熟悉。主要原因是在规范发布之后，Web浏览器的支持可能很差。目前，规范发布已经超过2年了，现在很多浏览器对ES6支持良好。即使您（或您的客户）不使…
Vue 2.5中将迎来有关TypeScript的改进类型改进自Vue2.0发布以来，我们一直在收到更好集成TypeScript的请求。从那时起，我们已经为大多数核心库（vue，vue-router，vuex）加入了官方的TypeScript类型声明。然而，当使用开箱即用的Vue API时，目前的集…
vue移动助手实践（三）————结合vue和localstorage的移动端记账demo 最近在用vue做一个小demo，做了几个小小的功能模块，当做是学习练手吧。毕竟自己能力还是比较受限的，只能慢慢进步啦。最近就想着自己做一个移动端的记账小demo，因为自己没有弄后台（其实是还没去接触学习哇咔咔），所以关于数据的存储暂时就先用localstora 最近在用vue做一个小demo，做了几个小小的功能模块，当做是学习练手吧。毕竟自己能力还是比较受限的，只能慢慢进步啦。最近就想着自己做一个移动端的记账小demo，因为自己没有弄后台（其实是还没去接触学习哇咔咔），所以关于数据的存储暂时就先用localstora 最近在用vue做一个小demo，做了几个小小的功能模块，当做是学习练手吧。毕竟自己能力还是比较受限的，只能慢慢进步啦。最近就想着自己做一个移动端的记账小demo，因为自己没有弄后台（其实是还没去接触学习哇咔咔），所以关于数据的存储暂时就先用localstora
Vue 2.5发布在即将全面支持TypeScript 原文链接 Upcoming TypeScript Changes in Vue 2.5 如无特殊声明，文中的TS均指 TypeScript 由于是本人第一次翻译，且无TypeScript使用经验，如果有错误之处，请阁下不吝赐教。类型优化从Vue 2.0发布以来，就一直有呼声说要将TypeScript更好地和Vue整合到一起，主要的库（Vue,…
Vue 2.5中将迎来有关TypeScript的改变类型改进自Vue2.0发布以来，我们一直在收到更好集成TypeScript的请求。从那时起，我们已经为大多数核心库（vue，vue-router，vuex）加入了官方的TypeScript类型声明。然而，当使用开箱即用的Vue API时，目前的集…
GitHub Octoverse 报告：2017 最受欢迎的 15 种编程语言摘要：GitHub是全球最大的开源软件开发与管理社区，包括Google、Facebook等众多技术巨头在内都在这里安营扎寨，GitHub也成为了一探硅谷技术趋势最好的窗口，这个20亿美元的创业公司被开发者戏称为“全球最大同性交友社区”，每年GitHub都会推出“Octoverse”报告，其中列出了一些趋势，包括其网站用户中最受欢迎的编程语言。…
vue移动助手实践（一）——基于vue的换肤功能最近在做的一个几月vue的移动端小demo,其中有一块是实现各个页面的统一换肤功能的。想着写一篇文章，来写一写实现过程中遇到的一些问题。项目在线demo 项目demo（切换到移动端调试模式哦）项目github地址项目github地址一先看一
Redux 关系图解Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合，但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。 Redux Redux 三大核心 Redux的核心由三部分组成：Store, Action, R…
Lottery.js 开源的 JavaScript 抽奖小应用 Lottery.js A simple javascript lottery app. Chinese README Screenshots LiveDemo -> Feature
HTTP 缓存机制一二三 Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。在具体了解 HTTP 缓存之前先来明确几个术语：缓存命中率：从缓存中得到数据的请求…
Vuex2.0源码解析本文通过一些简单流程图和文字说明介绍，用一种背离源码、更简单的方式去了解Vuex的原理。让我们在使用Vuex的时候明白背后的运行机制，方便我们更好的使用和调试解决问题。
web前端编码规范整合决定综合网上的规范整出一套自己的开发规范出来，以后代码的风格均按照要求来编排，方便管理维护一、命名规范项目命名：全部采用小写方式，以下划线分隔，例：my_project_name 目录命名：参照项目命名规则；…
前端跨域常用方法前端跨域常用方法
微前端：将微服务理念延伸到前端开发中翻译自 https://micro-frontends.org/ 本文描述了采用不同 JavaScript 技术框架的多个团队中协同构建一个现代化前端 Web 应用所需要的技术、策略和方法。什么是微前端？微前端这个术语最初来自 2016 年的 ThoughtWorks 技术雷达[ https://www.thoughtworks.com/radar/techniques/micr…
React 可视化开发工具 shadow-widget 最佳实践（下）本文介绍 “React + Shadow Widget” 应用于通用 GUI 开发的最佳实践，只聚焦于典型场景下最优开发方法。分上、下两篇讲解，下篇讲述正交框架分析模式与常用调测方法。查阅上篇请点击这里，Shadow Widget 开源项…
#前端开发那些事#【jQuery 实现图片懒加载】详见：jQuery实现图片懒加载如何利用 jQuery 实现图片懒加载，本文将通过示例给你答案。（作者：徐国军_plus）分享Web前端相关的技术文章、工具资源、学习心得以及笔记。小编会在12小时内审核通过，并与大家分享精选文章。小狮也会在微博【IT程序狮】上，推荐大家的文章。欢迎Web开发者们踊跃投稿哦。
JavaScript 是真正的 OOP 语言吗？
CSS原理解析之模型篇写在前面：尝试回答几个问题：什么是盒模型，控制盒模型的属性有哪些？Margin、Padding、Border、Width、Height这些属性改变/影响盒模型，但每个属性都会在所有元素上生效么？如果存在区别，那么和元素类型或者元素定位有关系么？浮动元素是什么？
《深入理解 ES6》阅读笔记：用模块封装代码不知不觉《深入理解ES6》阅读笔记就写到了最后一篇，完结之后可能会开启另外的一个系列，分享自己的知识点，让阅读到的人有一点点的收获，以及自己的成长。最后一篇主要是来写一写用模块封装代码的事情，回顾历史，从最早的立即执行函数，再到require.js，以及commonjs，今天我们面对的是语言标准给我们带来的模块化方案…
RequireJS require 路径问题 RequireJS 的引用路径真是个迷，看了这么久终于有了点思路，做出以下总结。首先需要了解两个基本概念，baseUrl 和 paths，最后会由这两个东西拼接路径。 baseUrl baseUrl 的确定很简单，三种情况 1. data-main 属性指定如果在引用 require.js 的 <script> 标签中指定了 data-main 属性，则 baseUr…
写给想成为前端工程师的同学们前端工程师是做什么的？前端工程师是做什么的？前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前…