20180509 前端开发日报

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

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

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

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

原创文章:20180509 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180509.html)