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

前端学习路线及面试经验；Vue + better-scroll 实现移动端字母索引导航；Sublime Text 3.1 发布；react-native + mobx 入门到放弃；2018年4月 JavaScript 十大文章；大前端分享总结；（VUEjQuery插件）盘点前端群的无脑回答；Webpack4+ 多入口程序构建

前端学习路线及面试经验前言个人主页原文链接掘金知乎&知乎专栏本人从大二上学期到现在学习前端已将近有3年时间了，最近利用毕业论文写完的一些空余时间写一下这篇文章，用于分享一些个人的前端学习经验，以及一些面试经验，不一定适合每个人，不喜勿喷，同时欢迎大家提出建议。学
Vue + better-scroll 实现移动端字母索引导航 vue+ better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧，写个笔记让自己了解的更加深入一点。 Demo：list-view，使用 chrome 手机模式查看。换成手机模式之后，不能滑动的话，刷新一下就 OK 了。 Github：移动端字母索引导航效果图配置环境因为用到的是 vue-cli 和 bet…
Sublime Text 3.1 发布 Since version 3.0 we've been shipping frequent dev builds, refining Sublime Text for a more polished experience all-around. Those
react-native + mobx 入门到放弃作为一个刚开始看react-native的小白，找到的源码我都看不太懂，还有涉及redux的知识。后面同事介绍mobx，因此记录一下学习过程。 redux 和 mobx 过多的内容这里不做叙述，请看下面链接(可以知道是什么和为什么，很短) 如何理解 Facebook 的 flux 应用架构？理解 React，但不理解 Re…
2018年4月 JavaScript 十大文章在过去的一个月中，我们对近1200篇 JavaScript 文章进行排名，并从中选出了能够帮助你成长的10大文章（筛选比例 0.8%），文章的筛选因素充分考虑了篇幅长短、总分享数以及基于机器学习算法的具体评分。本列表包含以下话题：软件设计，函数式编程
大前端分享总结本文是一篇分享记录，虽以大前端为题，内容并不局限于前端的范畴，确切的说，算是对当前js(ECMAScript)能力的概括。下图为本文主要结构，原始分享PPT可点击此处查看分享往往从历史故事开始。 1995年，javascript诞生；1998年左右，ajax得到应用；2006年，jQuery第一个版本面世；2009年，nodejs & an…
（VUEjQuery插件）盘点前端群的无脑回答 0.前言你是不是在前端群见过很多这种前景：这个怎么做？怎么拿到这些数据？怎么更新整个列表？回答：循环啊！遍历啊！用一个数组保存，遍历！jQuery！vue！然后有一些稍微高级的：我想快一点的解决方法。我想用性能好一点的方法。回答：递归啊！开个新的数组保
Webpack4+ 多入口程序构建其实，说实话这篇文章的由来也是有很多的原因在里面的。在这之前，我也做过不少的项目。有新的项目，也有旧的项目。通过对旧项目的不断研究，改进。再结合自己的理解，将新的构建应用到新的项目中。经过时间的积累，慢慢的就有了一套感觉上还比较适合的webpack前端构建规范。那这里来说说，webpack4+构建上的一些事吧…
翻译 | Learning React Without Using React Part 2 原文链接如果还没有阅读翻译 | Learning React Without Using React Part 1，请先阅读。第2部分将接着我们上次讲到的内容。这篇文章将着重于改进我们简单的待办事项列表。当前的实现由一组函数组成，它们呈现完整的应用，并包
深入理解ES6–11.Promise与异步编程什么是回调地狱？当使用回调函数来进行事件处理的时候，如果嵌套多层回调函数的时候，就会出现回调地狱，例如： method1(function(err, result) { if (err) { throw err; } method2(function(err, result) { if (err) { throw err; } method3(function(err, result) { if (err) { throw err…
【基础】CSS实现多重边框的5种方式简言目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最…
详解Vue中watch的高级用法我们通过实例代码给大家分享了Vue中watch的高级用法，对此知识点有需要的朋友可以跟着学习下。假设有如下代码：上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 handler方法和immediate属性这里 watch 的一个特点是，最初绑定的时候是不会执行的…
深入浅出 JavaScript 关键词 — this 要说 JavaScript 这门语言最容易让人困惑的知识点， this 关键词肯定算一个。JavaScript 语言面世多年，一直在进化完善，现在在服务器上还可以通过 node.js 来跑 JavaScript。显然，这门语言还会活很久。所以说，我一直相信，如果你是一个 JavaScript 开发者或者说 Web 开发者，学好 JavaScript 的运作原理以及语言…
用node-koa2-mysql-bootstrap搭建一个前端论坛前言在学习了koa2和express并写了一些demo后，打算自己写一个项目练练手，由于是在校生，没什么好的项目做，即以开发一个前端论坛为目标，功能需求参照一下一些社区拟定，主要有：登录注册个人信息维护、头像等基本信息发表文章，富文本编辑器采用wangEditor插件，编辑、删除文章,文章分类等文章…
Node.js的Koa实现JWT用户认证一、前置知识基于Token的身份验证 Koajs 中文文档 Koa 框架教程二、环境 Microsoft Visual Studio 2017 集成开发环境 Node.js v8.9.4 Javascript运行环境三、开始动手，一步步来完善 1、创建基础的静态资源服务器、基础架构以下是基本的代码，实现静态服务器，以及一…
解读Mobx及与redux的对比这是我面试喜欢问的问题，哈哈：好久没写文章了，借着五一假期继续写文章。上一篇总结了我在使用redux时的最佳实践，众所周知，在react生态中，状态管理工具除了redux，比较常用的就是mobx了。所以今天将会初略的写一下mobx的用法，总结mobx的使用场景(技术选型是一件比较有挑战的事，需要根据实际的应用场景来决定)。mobx的API 非常的简洁，需要了解的内容并不多，如果在react中使用，需要借助mobx-react 。首先在项目中安装mobx和mobx-react:npm i –save-D mob…
基于 HTML5 Canvas 的电信机柜 U 位动态管理前言 U 是一种表示服务器外部尺寸的单位，是 unit 的缩略语，详细的尺寸由作为业界团体的美国电子工业协会（EIA）所决定。之所以要规定服务器的尺寸，是为了使服务器保持适当的尺寸以便放在铁质或铝质的机架上。…
持续更新的前端资源图谱前端资源总览目录 JavaScript 框架 JavaScript 库
【20180508 前端开发日报】JQuery DOM操作、属性和CSS样式操作、其他函数；React 面试题汇总；JS基础：this的指向以及call、apply的作用；手把手教你写网络爬虫（5）：PhantomJS实战；Webpack 创始人：希望能有更多时间写更多代码；Licia：最全…详情→
JavaScript异步编程：Generator与Async从Promise开始，JavaScript就在引入新功能，来帮助更简单的方法来处理异步编程，帮助我们远离回调地狱。 Promise是下边要讲的Generator/yield与async/await的基础，希望你已经提前了解了它。在大概ES6的时代，推…
你不懂js系列学习笔记-异步与性能- 02 原文： You-Dont-Know-JS 主要理解 “回调地狱（callback hell）”痛苦的点到底是哪，以及尝试拯救回调。 1. 首先从实际生活中模拟我相信大多数读者都曾经听某个人说过（甚至你自己就曾这么说），“我能一心多用”。试图表现得一心多用的效果包含幽默（孩子们的拍头揉肚子游戏），平常的行为（边走边嚼口香糖）…
那些前端 MVVM 框架是如何诞生的以下内容纯属扯淡，跟着文章思路慢慢看。。刀耕火种时代 姓名:Gloria 性别:男 职业:前端工程师 有以上html片段，想将其中个人信息替换为jabbla的，…
DingTalk Node.js SDK nodejs-dingtalk DingTalk Node.js SDK Node.js &g
webpack系列之-原理篇本系列将会从原理、开发、优化、对比四个方面给大家介绍webpack的工作流程。【默认是以webpack v3为例子】储备知识 CommonJS 规范 // 模块引入 let moduleA = require('./a.js') // 模块导出 modul
JavaScript中的ResizeObserver 这几天看@Anton Kosykh写的使用 ResizeObserver 实现响应式Vue的组件，让我刷新了对响应式组件的认识，也在这里第一次接触到 ResizeObserver 这个词。个人有一个习惯，对于任何新东西，我都充满好奇，有一股探知欲，要了解其中的原委。今天这篇文章就是自己对 ResizeObserver 的探知。什么是观察者(Observe…
JS开发中函数知识点梳理(二）作为一个Jser，不光要会用js，还要明白它的运行原理，不然就会一直停留在表面。函数在JavaScript中被称作第一等公民，这个第一等公民是什么鬼？看看知乎上是怎么回答的。就像我的引路人刚开始跟我说的要想学好一门语言，就要先掌握好一门外语（英语）一样，因为这些计算机编程语言或解释器语言基本都是源于老外…
JavaScript 编程精解中文第三版六、对象的秘密六、对象的秘密原文：The Secret Life of Objects 译者：飞龙协议：CC BY-NC-SA 4.0 自豪地采用谷歌翻译
Vue nextTick 机制了解一下
JavaScript String 对象实例深入研究本文主要介绍并分析JavaScript中String对象的具体用法，以及和String对象相关的方法，方便开发者在JavaScript开发中更好地处理字符串。 1. 介绍 String 对象，对字符串进行操作，如：截取一段子串、查找字符串/字符、转换大小写等等。 2. 定义方式 2.1 new String(Value) 构造函数：返回一个内容为Value的String对象参…
我很懒,什么都没留下系列之教你上手React服务端渲染（React SSR）&& HMR ( 好慌！可能是因为我很懒 ,导致…,然后，好吧，我比较懒，没有然后了。。。切入正题ing，let’s do it！！！) 网上关于React的SSR也很多，但都不够详细，有的甚至让初学者一头雾水。不过这篇文章我将一步步详细的介绍，从0开始配置React SSR，让每个看到文章的人都能上手。 SSR的概念 Server Slide Rendering，…