20180530 前端开发日报

社招中级前端笔试面试题总结-答案及拓展;Promise异步控制流模式;中国行政区划信息JS库china-location;[Node.js月刊]2018年第4期;D2Admin – 基于Vue的清新后台模板;前端血汗教训:怎么才能让我减少发布Bug概率?;开箱即用,Hexo博客的github+server自动部署;webpack从0到1超详细超基础学习教程

  1. 社招中级前端笔试面试题总结-答案及拓展 在网上找到一篇文章,里面有一道面试题,考察了包括变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级等许多知识点,而就其中声明提前相关的知识,我觉得也十分有参考价值: function Foo() { getName = function () { alert (1); }; return this; } Foo.getN...
  2. Promise异步控制流模式 之前的博客在简书和 github.io :https://warmth2forest.github.io/,但感觉简书好像凉凉了就搬家来掘金了,之后会不定期更关于 Node.js 设计模式和微服务的东西,欢迎投喂点关注,爱您! Node.js 风格函数的 promise 化 在 Javascript 中, 并非所有的异步控制函数和库都支持开箱即用的 promise ,所以在大...
  3. 中国行政区划信息JS库china-location 经常会在一些项目中用到地址选择的东西,特别是在一些在线商城要填写收货地址的时候,省市区3个联动的下拉列表是最常用的。然后我也突然有一天在一个小项目中要有收货地址时,突然发现好像没有一个现成的库(要能直接 npm install xxx )去使用:cold_sweat:,然后在github去搜了一圈,确实发现有JSON格式的 原始数据 ,但...
  4. [Node.js月刊]2018年第4期 V8版本从6.2更新到6.6性能进一步提升,fs提供promisified实验性版本,EventEmitter增加off功能,console增加table方法、stream增加了pipeline和finished方法、API进入stable状态,全局对象上增加URL,10月份10.x将会进入长期支持(LTS)点击查看 Node.js究竟是什么 作为js运行时环境的Node的构成有哪些,以及Node是...
  5. D2Admin - 基于vue的清新后台模板 基于 vue.js 和 ElementUI 的管理系统前端解决方案 项目地址 github.com/FairyEver/d… 预览地址 d2admin.fairyever.com 欢迎大家一起维护 此项目适合作为模板使用。因为现在集成了很多的插件和组件,首次加载会占用较多的时间,虽然已经做了首屏加载动画,还是建议您在发布的时候一定要删除没有用...
  6. 前端血汗教训:怎么才能让我减少发布Bug概率? 一个周天的下午,如坐针毡。为什么?因为明天周一了.... 要上班了,可能发bug要挨批评了。博客在git上维护:欢迎stargithub.com/MirroZhou/B… 最近的两次Bug: 做A需求的时候,看到以前的一段代码写的很难看,很不好维护,我忍不
  7. 开箱即用,Hexo博客的github+server自动部署 用了一段时间HEXO搭建个人的博客,但每次发布文章,都需要打开电脑hexo g编译之后,再提交到服务器上,确实挺麻烦的,和小伙伴聊完他的日志发布方式之后,痛定思痛,快捷发布日志这个问题需要解决一下了!Travis CLI搞起来! 闲聊日志的快捷发布 前几天,跟
  8. webpack从0到1超详细超基础学习教程 前言 对于webpack,自己是一个一听到webpack就头大,看着一堆不知道那是什么玩意的东西总觉得自己做好前端就行了,但是在使用vue-cli的时候总觉得要改其中的一些东西进行项目初始化的时候能够更好使用!所以想要根据官方文档进行一个webpack的教程,
  9. Node.js执行系统命令 原文发表在我的博客 Node.js 执行系统命令 | 以太空间 我们在使用Node.js的时候总有一些时候需要执行一些系统命令,与系统做一些交互,或者调用其他语言,这个时候该怎么做呢? 当然是使用 child_process 模块了,这个模块翻译过来就是子进程,当然正如其名,这个模块主要是通过产生子进程来发挥作用,下面我们就用...
  10. vue-router原理剖析 页面中所有的内容都是组件化的,只需要把路径跟组件对应,在页面中把组件渲染出来。 页面实现:在vue-router中, 它定义了两个标签 和来对应点击和显示部分。 就是定义页面中点击的部分, 定义显示部分。 js中配置路由:首先要定义route,一条路由的实现,他是一个对象,由path和component...
  11. JavaScript 工作原理之八-Service Workers,生命周期及其使用场景 原文请查阅这里,略有删减,本文采用 知识共享署名 4.0 国际许可协议 共享,BY Troland 。 本系列持续更新中,Github 地址请查阅 这里 。 这是 JavaScript 工作原理的第八章。 或许你已经了解到渐进式网络应用将只会越来越流行,因为它旨在创造拥有更加流畅的用户体验的网络应用和创建类 App 的原生...
  12. 精读《用160行js代码实现一个React》 现在网上有很多react原理解析这样的文章,但是往往这样的文章我看完过后却没有什么收获,因为行文思路太快,大部分就是写了几句话简单介绍下这段代码是用来干嘛的,然后就贴上源码让你自己看,有可能作者本人是真的看懂了,但是对于大部分阅读这篇文章的人来说,确是云里雾里
  13. Vue路由切换时的左滑和右滑效果 如何实现Vue路由切换时的左滑和右滑效果,因为原作者ustbhuangyi老师的两个慕课项目中都没有这样的效果,于是突发奇想要做这个功能,看了看QQ、微信都没这样的效果,最后发现SegmentFault(思否) 和掘金两个app都有这样的效果,就以此为参考开始做了。 transition 首先看看 官网 淡入淡出动画的例子: <...
  14. JavaScript预解释是一种毫无节操的机制 js代码执行之前,浏览器首先会默认的把所有带var和function的进行提前的声明或者定义 1.理解声明和定义 声明(declare):如var num;-->告诉浏览器在全局作用域中有一个num的变量了;如果一个变量只是声明了但是没有赋值,默认的值是undefined 定义(defined):如num=12;-->给我们的变量进行赋值。 2....
  15. [JS]大话this指针 5分钟快速掌握版 在刚开始学习JavaScript的时候,经常被js中的this及其相关的方法,例如:bind,apply,call方法迷惑。其实我们只要根据包含this指针的方法的用途加以区分,就能了解this指针所指向的对象: 1、直接函数调用,this指
  16. 原生Js从0开始实现一个链家网地图画圈找房功能 最近做项目的时候遇到的一个需求:要实现一个链家网地图找房中的 画圈找房 功能。链家网是采用百度地图实现房源展示,先来看看链家网的画圈找房功能,有木有很炫酷~~,可以到链家上体验一下 链家网画圈找房效果 下面是项目中实现的画圈找房,可以看出效果和链家网很相似 项目中画圈找房效果 ...
  17. 20180529 前端开发日报】新一代的前端存储方案–indexedDB;2018年中高级前端面试题目小结;从Chrome源码看WebSocket;Jimp — 纯 JavaScript 实现且零依赖的图像处理库;前端安全大起底 | JTalk 掘金线下活动第八期;使用爬虫技术实现 We...详情→ ​​​
    20180529 前端开发日报
  18. Node.js 服务端图片处理利器——sharp 进阶操作指南 sharp 是 Node.js 平台上相当热门的一个图像处理库,其实际上是基于 C 语言编写 的 libvips 库封装而来,因此高性能也成了 sharp 的一大卖点。sharp 可以方便地实现常见的图片编辑操作,如裁剪、格式转换、旋转变换、滤镜添加等。当然,
  19. 详解动态规划最少硬币找零问题--JavaScript实现 硬币找零问题是动态规划的一个经典问题,其中最少硬币找零是一个变种,本篇将参照上一篇01背包问题的解题思路,来详细讲解一下最少硬币找零问题。如果你需要查看上一篇,可以点击下面链接: 详解动态规划01背包问题--JavaScript实现 也可以查看下一篇 详解动
  20. 渐进式Web应用(PWA)入门教程(上)》最近关于渐进式web应用有好多讨论,有一些人还在质疑渐进式Web应用是否就是移动端未来。但在这篇文章中我并不会将渐进式APP和原生的APP进行比较,但有一点是可以肯定的,这两种APP的目标都是使用户体验变得更好。 (by 葡萄城控件) ​​​
    渐进式Web应用(PWA)入门教程(上)
  21. 史上最详细的JavaScript事件使用指南 ​​​ 事件流 事件流描述的是从页面中接收事件的顺序,IE和Netscape提出来差不多完全相反的事件流的概念,IE事件流是事件冒泡流,Netscape事件流是事件捕获流。 事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收,然后逐级向上(一直到文档);如下代码: <div id = 'div'>...
    史上最详细的JavaScript事件使用指南
  22. Angular--变更检测策略 概述 简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变,当检测到模型中绑定的值发生改变时,则同步到视图上,反之,当检测到视图上绑定的值发生改变时,则回调对应的绑定函数。 什么情况下会引起变化检测? 总结起来, 主要有如下几种情
  23. 对于JavaScript实现排序算法的一些其他测试 在我的上一篇文章中,总结了六种排序算法的JavaScript实现,以及每种算法的思想,掘金上的许多盆友提出了一些好的想法或者优化的方法,这里针对这些方法做一些新的测试,以验证盆友们的说法。此外,非常感谢大家仔细阅读我的文章,你们的意见让我进步很大,同时意识到自身的许多不足,我还是会继续努力的。 首先还是...
  24. 精读《Typescript2.0 - 2.9》1 引言 精读原文是 typescript 2.0-2.9 的文档: 2.0-2.8,2.9 草案. 我发现,许多写了一年以上 Typescript 开发者,对 Typescript 对理解和使用水平都停留在入门阶段。造成这个现象的原因是,Typescript 知识的积...
  25. React 快速上手 - 09 数据请求 fetch 本系列目录 01 前言 02 开发环境搭建 03 脚手架创建项目 一切都是组件 04 基础特性 JSX、Props、State、Lifecycle、Event、Style 05 组件渲染控制 06 容器组件、展示组件 07 前端路由 react-route
  26. weex eros框架源码解析 weex eros是基于alibaba weex框架进行二次封装的客户端跨平台开发框架,主要是为前端开发者(可以不用熟悉客户端开发)提供的一站式客户端app开发解决方案。官网地址为:https://bmfe.github.io/eros-docs/#/。为了方
  27. nanoJS - 用于DOM操作的最小JS库 addClass: ( lines: 10 characters: 175 arguments: 1 ) function (v) { return this.each(function (i) { if (i.
  28. 愈发熟练的 CSS 技巧 rem + simple-flexible 适配方案 简单解析 rem 相对于根元素 &lt;html&gt; 的 font-size 的大小来计算坐作为一个单位; simple-flexible 是根据手淘团队 lib-flexible.js,比较,改写的一
  29. 将一个前端项目改写为chromo插件(一) 编写第一个chrome插件? 编写chrome插件完全就是前端知识加上一些专门的知识。 假设pj1文件夹下有文件index.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&g
  30. 怎样更好地使用 Vue:我在新工作中遇到的一些问题清单 下面列举一些人的做法。 不久之前,我找到了新工作。而且当我第一次看到代码库的时候,这真是吓坏我了。因此我想在这里展示一些你应该避免在 Vue.js 应用程序中出现的代码。 data/computed 中的静态属性 我们没有理由将静态属性传递给 data ,特别是 computed 。当你这样做时,Vue 将其声明为响应式属性,但是这...

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

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

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