20170706 前端开发日报

浅谈JavaScript中的闭包;JavaScript の 整理下Git;我所知道的JS调试;前端面试之htm5新特性;随方逐圆 — 全面理解 CSS 媒体查询;vue-manager:基于 iView / ECharts 的 Vue 管理平台;回归基础:在JavaScript中回调函数是什么?;为什么 Reddit 选择了 TypeScript?

  1. 浅谈JavaScript中的闭包一、闭包是什么? 《JavaScript高级程序设计》中写道:“闭包是指有权访问另一个函数作用域中的变量的函数”,如果用下定义的观点看,这句话就是说“闭包是函数”,我带着怀疑的心态又去网上找了找,发现什么说法都有…
  2. JavaScript の 整理下Git## 基础分支 master 主分支develop 开发分支 临时分支(用完删除) feature 功能分支release 预发布分支fixbug 修补分支说明:临时分支命名形式feature-x,release-0.0,fixbug-x 基本命令 0.检出仓库 {代码…} 1.添…
  3. 我所知道的JS调试 无调试不JS,任何语言的调试技巧和工具都是基本功,来检验检验自己的基本功吧 —— 由小兀666分享
  4. 前端面试之htm5新特性 今天来谈谈前端面试中基本上每次一面都会被问到的一个问题,那就是html5的新特性了。这个是学习前端必须掌握的基础知识。 —— 由hieeyh分享
  5. 随方逐圆 — 全面理解 CSS 媒体查询 在媒体查询出现之前,针对不同尺寸设备的设计常常依靠JS或PHP等依靠userAgent来勉强实现,而现在自适应的响应式设计成为了家常便饭 —— 由江米小枣tonylua分享
  6. vue-manager:基于 iView / ECharts 的 Vue 管理平台 这是一个以Vue2.0为框架,结合 iView 和 ECharts 的后台组件, 可以说是在 iView 基础上的进一步组件化。 默认的主题沿用vue的官方主题绿, logo的设计也是用 vue的官方logo 简单变形得到 M 的形状。 希望可以帮助使用者快速搭建基于Vue2.0的管理后台。 安装 安装 Node / npm(cnpm) …
  7. 回归基础:在JavaScript中回调函数是什么? 当我们刚开始学习JavaScript的时候,很快就会碰到回调函数。这对初学者来说,回调函数既陌生又神秘。然而掌握它的原理,是掌握(JavaScript)这门语言的关键之一。在这篇文章中,通过简单易懂的例子,希望能让你掌握回调函数的基础。 —— 由sea_ljf分享
  8. 为什么 Reddit 选择了 TypeScript? 在今年开年的时候,Reddit 的 CEO – Steve 决定要重新设计 reddit(终于要重新设计了)。之后他们开始考虑各种各样的问题,不过首先要回答的就是「该用什么语言」? 当然了,最终你选择的语言最后都会被编译成 JavaScript,但如果开发过程中选对了语言对开发效率的提升还是很大的。下面就是我们当时的一些选择: …
  9. 重新介绍 JavaScript(JS全面系列教程) JavaScript 堪称世界上被人误解最深的编程语言。虽然常被嘲为“玩具语言”,但在它看似简洁的外衣下,还隐藏着强大的语言特性。 Js 目前广泛应用于众多知名应用中,对于网页和移动开发者来说,深入理解 Js尤为重要! —— 由ihoey分享
  10. 【工具】git笔记(一)介绍 git是一款代码版本控制软件,目前已被广泛的使用。因此优雅的使用git已经成了开发者的必备技能。区别于SVN,git的特点是去中心化。 命令 日志 {代码…} 状态 {代码…} 增加文件到缓存区 {代码…} 提交更…
  11. 影响前端性能的本源——Reflow和Repaint 在移动端的web开发工作中,经常遭遇到的问题就是客户反映,打开速度慢,这个说专业点就是性能变差。当接到这种投诉的时候自己心中也是一脸懵逼,在开发环境中测试的好好,怎么正式运行之后就慢了。心里虽然在考虑现象的真实原因,但在嘴上估计很多人第一时间就回答给客户是网速的问题而非自己程序的问题。 —— 由tkoctkoc…
  12. Javascript『模块化』(二)- 现代标准 上一篇文章我们介绍了JS基本的作用域分隔的办法,它们有一个问题,就是命名空间还是在全局作用域里。这篇文章我们来说说Modern Javascript开发中常用到的 CommonJS ,AMD,UMD,Native JS 等模块化规范,这些规范都是成熟的规范,可以解决之前的问题。 —— 由woodytang分享
  13. Javascript『模块化』(一)- 基础实现 JS是一个强大灵活的语言,但也是一种蛋疼的语言,最关键的是web开发方面你没得选,再多的无奈和不爽,也得学下去。 今天来讲JS的模块化,模块化的概念多得不得了,而且是学习高级js编程的前置条件,初学者很容易卡在这里,网上系统讲这个问题的文章我搜了一下确实不多。 —— 由woodytang分享
  14. HTML5 简介(三):利用 History API 无刷新更改地址栏,包含具体应用 HTML5 新增的历史记录 API 可以实现无刷新更改地址栏链接,配合 AJAX 可以做到无刷新跳转。 —— 由Liuy分享
  15. ECMAScript简史 和 JavaScript的未来(译)本文翻译自 Nicolas Bevacqua 的书籍 《Practical Modern JavaScript》,这是该书的第一章。翻译时我收获很大,希望阅读时你也能有所收获。 本章主要讲述了以下内容: JS语言的发展简史; 规范的stage0,stage1,sta…
  16. (cljs/run-at (JSVM. :browser) “简单类型可不简单啊~”) 每逢学习一个新的语言时总要先了解这门语言支持的数据类型,因为数据类型决定这门语言所针对的问题域,像Bash那样内置只支持字符串的脚步明显就是用于文本处理啦。而数据类型又分为标量类型(Scalar)、结构类型(Struct)和集合类型(Collection),标题中的简单类型实质就是指标量类型。  cljs中内置的标量类型比js的丰富得…
  17. JavaScript 正则表达式–从入门到精分 全面了解JS正则表达式 —— 由江米小枣tonylua分享
  18. vuedraggable实际开发中的细节问题原文地址 前言 公司项目中原本使用vue+jQuryUI实现拖拽的效果。原本实现方式也只是要它的拖拽动态效果,阻止默认的改变dom。通过事件对象获取targetElement和toElement,就手动判断接下来的数据操作逻辑。但jQuer…
  19. 快速入门 – Vue2 Tutorials (一)Vue 的官方文档 对 Vue 介绍非常详细,但官方文档使用在 HTML 中引入 vue 的方式进行讲解,而实际项目中一般使用脚手架如 vue-cli 初始化项目。以至于刚看完文档时,却依旧不能立即立即 vue-cli 创建的项目代码。…
  20. webpack 图片的路径与打包1. HTML文件中img标签的src属性引用或者内嵌样式引用 {代码…} 2. CSS文件中的背景图等设置 .photo { {代码…} } 3. JavaScript文件中动态添加或者改变的图片引用 {代码…} url-loader 在 webpack.config.js …
  21. 用 Vue 构建「你的名字」里的笔记应用 MyDiary 一个使用了vue全家桶的笔记应用,部署完毕可用于个人日记哦~ —— 由ssshooter分享
  22. 我可能学到了“假”的CSS:伪类伪元素 CSS的选择器除了根据id、class、属性等从DOM中获取元素的以外,还有很重要的一类,用来获取元素的特别内容或特别状态,这就是 伪元素(Pseudo-elements) 和 伪类(Pseudo-classes) —— 由江米小枣tonylua分享
  23. jQuery使用最广泛的javascript函数库 【目录】 一、选择网页元素 二、改变结果集 三、链式操作 四、元素的操作:取值和赋值 五、元素的操作:移动 六、元素的操作:复制、删除和创建 七、工具方法 八、事件操作 九、特殊效果 【正文】 一、选择网页元素 jQuery
  24. 简单易用的开源 JavaScript 动画图标库 — Titanic 如果你用过 Font Awesome 等图标,你可能会觉得它们很好看,用起来很很方便。但是,在用户点击这些图标的时候,它们是不会有反应的。如果有这些图标会动的话,那就更加好。 Titanic 提供一系列的动画图标,以及以 JavaScript 的调用图标动画的方法。 如果你想要看 Hello, World 的版本的话,你可以到我的 Codepen 里面…
  25. 《Python vs Ruby: 谁是最好的 web 开发语言?》Python和Ruby都是目前用来开发websites、web-based apps和web services的流行编程语言之一。那么要采用哪种语言来进行编程就需要好好考虑了,因为每种语言都是自己的优点和缺点。而且这些优缺点都会影响我们的决定。开源中国 译) ​​​

    谁是最好的 web 开发语言
  26. 编写高质量JavaScript的要点】本文分享了编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多。 @前端开发博客 ​​​
  27. 基于 issues 的博客工具 Mirror 更新,使用 GitHub GraphQL API 新版本 Mirror 重写了全部功能,把所有请求过的数据都进行缓存,减少 API 访问次数。得益于 GraphQL API,只请求需要的数据,没有额外数据请求产生,加快访问速度,同时新版本封装了路由,API,以及模板,代码结构清晰,方便后续开发 —— 由AM0200分享
  28. #JavaScript#【支持多种格式视频播放JavaScript代码】/***视频播放*参数说明u – 媒体URLw – 媒体宽度widthh – 媒体高度height*/ //播放Mediaplayer格式的视频,包括.avi .mpg .mpeg .wmv .wma .asf .mid .mp3等function p…请戳→ #前端开发博客# ​​​

    支持多种格式视频播放JavaScript代码

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流