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

详解网红前端经典面试题：setTimeout与循环闭包；前端窝 – 收藏集 – 掘金；前端JavaScript框架汇总；基于 Vue的图片裁剪插件；jquery实现放大镜简洁代码；快速掌握git基本使用；前端开发知识点整理；纯CSS实现侧边栏/分栏高度自动相等

详解网红前端经典面试题：setTimeout与循环闭包最近一道面试试题非常火热，堪称面试界网红： {代码…} 不理解闭包，变量作用域和setTimeout函数的同学很多会给出答案A：0,1,2,3,4,5和答案B：5，0,1,2,3,4;不奇怪，但正确答案却是5,5,5,5,5，我以前也是。当然…
前端窝 – 收藏集 – 掘金JavaScript 常见设计模式解析 – 掘金设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性…
【前端JavaScript框架汇总】Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在不同业务场景下的角色互换。而随着node.js的出现语言的角色也在发生着转变，Js扮演了越来越重要的角色。详情点击（来自：Jerry Tom）
基于 Vue的图片裁剪插件vue-crpopper 预览项目地址一些想法网上看了看基于vue的图片裁剪的插件很少，刚刚好项目需要使用到图片裁剪，于是便有了这个插件的诞生。实现的原理通过canvas生成新的图片，可以上传到后台保存。效果图安…
jquery实现放大镜简洁代码简介网上有许多放大镜的jquery的插件，但是用着不是那么得心应手，现在一页代码实现一个放大镜功能，如果需要附加的功能可以手动修改，原理都在注释里 {代码…} 下载demo https://github.com/mytheshow/… 链…
快速掌握git基本使用前言： {代码…} 一、克隆要使用git，首先得克隆远程仓库，一般有两种方式,https和ssh,此处以coding为例 1.http模式,需要配置注册的用户名和邮箱在git命令行输入:git config –global user.name ‘name’ 设置用…
前端开发知识点整理熬了几个晚上，好几次心流状态，总计书写时间大约 12 个小时左右。写这篇文章的过程中，发现自己真的有很多不足、薄弱之处。本文主要是前端知识的收集、归类、概括和整理，涵盖『前端理论』与『前端实践』两方面。本文会告诉你前端需要了解的知识大致有什么，看上去有很多，但具体你要学什么，还是要 follow your hear…
纯CSS实现侧边栏/分栏高度自动相等一、为何要分栏高度一致？分栏高度一致的目的是更加美观。举两个例子吧。 ① 对于分栏布局，我们或许会用边框(border)进行分隔，就如鄙人博客的分栏：边框分栏张鑫旭-鑫空间-鑫生活此时最担心的问题就是高度不一…
A day without JavaScript 如果停止你浏览器里的 JavaScript 运行，网站们还可以正常操作吗？回到 “上古” 网络时期配合上现在的网络环境，JavaScript 的便利到底是让我们更方便了还是更复杂了？ —— 由kalasoo分享
【MongoDB常用语句】记录一下MongoDB常用语句，顺带与SQL做个简单的对比。全文=> 　　记录一下MongoDB常用语句，顺带与SQL做个简单的对比。　　1、查询(find) 　　（1）查询所有结果 select * from article db.article.find() 　　（2）指定返回哪些键 select title, author from article db.article.find({}, {“title”: 1, “author”: 1}) 　　…
JS的平凡之路–简易的图片拖拽排序由HTML5的拖放API，实现的简易图片拖放效果。一、HTML5拖放API的知识点首先我们得知道元素怎么才可以被拖放，需要设置它们的draggable属性，其中img和a标签的dragable属性默认是true，不需要我们手动设置
用 Vue 撸一个微博客户端 Pixel-Web 这是一个 Vue 微博客户端 Github项目地址：https://github.com/Werb/Pixel-Web 欢迎关注我的微博：wanbo- Intro 我是一个前端小白，突发奇想自学 Vue ，前前后后写了一个月时间使用
jquery 根据高度判断多行展开多行展开 introduce-more-box是根据高度决定是否追加展开箭头的div intro-more 这是阿里字体库的图标（可以忽略） {代码…}
HTML meta 详解简介 meta标签是HTML语言HEAD区的一个辅助性标签。 meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。 mata 标签包…
javascript对象详解：__proto__和prototype的区别和联系前言本篇文章用来记录下最近研究对象的一些心得，做一个记录与总结，以加深自己的印象，同时，希望也能给正在学习中的你一点启发。本文适合有一定JavaScript基础的童鞋阅读。原文戳这里引言在JavaScript中，万…
[vscode]快速更新package.json里的依赖版本vscode是个超级好用的开发工具，谁用谁知道。不少前端开发者可能有和我一样的依赖保绿强迫症，简单说，就是见不得下面这些图标：但是手动一个个依赖检查么？不现实，也太累了。用npm update？那说明你还是太年…
#移动前端开发#【移动web缓存介绍】H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时…请戳→ #前端开发博客#
为什么 HTML 会将 “chucknorris” 认成红色？在 Stackoverflow 上有个 5441 标星推荐的问题，很有意思。这个问题创建于 2011 年，几年来一直被人们讨论着。 —— 由凯凯刘分享
【前端必知的Emmet实用操作】全文=> 　　这是一篇介绍Emmet的文章，Emmet是专为我们前端开发人员设计的一个工具，可以大大提高您的HTML和CSS工开发效率。可以说是前端开发的神器之一　Emmet简介　　作为一个前端，你肯知道在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候，效率会特别低下，因为需…
《测试你的前端代码 – part4（集成测试）》
《测试你的前端代码 – part3（端到端测试）》
javascript 循环性能比较比较了几种 js 中循环遍历 array 的性能 —— 由hond分享
JavaScript 事件传递事件冒泡与事件捕获方式的比较。 —— 由Chaser分享