20170608 前端开发日报

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

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

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

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

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

发表评论

请登录后发表评论: