20170820 前端开发日报

这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已;js的call,apply,bind的使用与区别;原生JS实现最简单的图片懒加载;20170819 前端开发周报;为什么我选择使用 VS Code进行前端开发?;ES6系列—迭代器(Iterator)与生成器(Generator);JavaScript文件的同步和异步加载;小型 web 页打包优化(下)

  1. 原生JS实现最简单的图片懒加载Demo地址:http://axuebin.com/lazyload 照片都是自己拍的哦~ 懒加载 什么是懒加载 懒加载其实就是延迟加载,是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有...
  2. 20170819 前端开发周报】转变思维,更好地理解js程序设计;小哥哥教你撸一个JS计算器;谈谈JS中的高级函数;JavaScript闭包,只学这篇就够了;如何用 js 获取虚拟键盘高度?;浏览器的 16ms ... @前端开发博客 ​​​
  3. 为什么我选择使用 VS Code进行前端开发?没错,我就是来给大家安利 VS Code 的。 对前端来说,这是一款性感无比的 IDE,哦不对应该是编辑器。我们团队有大部分人已经在用了,所以这周五在组内做了一个 VS Code 小分享,来发掘 VSC 一些提高开发效率的小...
  4. ES6系列---迭代器(Iterator)与生成器(Generator)循环语句的问题 {代码...} 在ES6之前,这种标准的for循环,通过变量来跟踪数组的索引。如果多个循环嵌套就需要追踪多个变量,代码复杂度会大大增加,也容易产生错用循环变量的bug。 迭代器的出现旨在消除这种复杂...
  5. JavaScript文件的同步和异步加载对于JS文件的引用,尽管当前有不少框架和工具(比如webpack,commonjs,requiresjs等)都做了很好的处理。但是抛开这些框架,了解原生的加载方式还是不无裨益。本文简述一些js文件的同步和异步加载方式。 同步加...
  6. 小型 Web 页打包优化(下) 之前我们推送了一篇小型Web项目打包优化文章,(链接),我们使用了一段时间, 在这过程中我们也一直在思考, 怎么能把结构做的更好。于是我们改造了一版, 把可以改进的地方和可能会出现的问题, 在这一版中进行了优化。小伙伴们, 有没有迫不及待? 那好, 我们废话少说, 进入正题^_^ 一、背景 之前, 转转...
  7. 前端小知识--TypeSript和JavaScript到底是什么关系?从 TypeScript 到 ES6 到 ES5 在我初学前端的很长一段时间,不愿意碰git,不愿意碰框架,总是嫌麻烦,连ES6也没有怎么去弄明白,真的很浅显,很长时间也都在学习一些很落后的知识,止步不前,我觉得很多人应该也...
  8. Vue-Layout:Vue 可视化布局、自动生成代码 基于UI组件的Vue可视化布局、生成.vue代码的工具。https://jaweii.github.io/Vue-Layout/dist/ 演示 使用 效果 上图的后台布局例子,你可以进入这个页面访问其布局:https://jaweii.github.io/Vue-Layout/dist/#/share/5993d3b05c497d0057c6f2da 也可以进入这个页面体验其布...
  9. CSS遮罩层:hover状态丢失及解决方案CSS遮罩层,顾名思义就是在div上,再“铺”一层半透明的div。在hover时,亦可进一步改变该遮罩层的色彩和透明度。我们可以通过css定位和背景色实现。 CSS遮罩层实现及hover状态丢失问题 CSS代码: {代码...} Html代...
  10. 用CSS让你的文字更有文艺范 透明文字,模糊文字,镂空文字,渐变文字,图片背景文字,用CSS让你的文字也有freestyle~ 前言 我们做页面涉及字体的时候,最多就是换个color换个font-family,总是觉得没体现出你内心的文艺范,这时是不是抱怨CSS并没有给文字设置什么样式,抱
  11. 一起用 JavaScript 來複習經典排序法吧 最近剛好上到 CS50 Week3 ,這一週的主題是:Algorithms,裡面介紹到了幾種經典的排序法,像是選擇排序、泡沫排序、插入排序以及合併排序。 我覺得身為一個軟體工程師,大概一輩子都脫離不了排序了,畢竟這是經典演算法之一嘛!與其每次要面試之前都凌亂的準備,不如現在就整理出一篇,紀錄一下各個排序法的心得,幫...
  12. 浅谈babel原理以及使用 最近项目中遇到再安卓5.0以下的兼容问题,最后查了资料发现没有引入babel-polyfill的原因导致。后来就详细了解并整理了一下babel相关的知识点。 Babel包的构成 核心包 babel-core :是babel转译器本身,提供转译的API,例如babel.transform等,webpack的babel-loader就是调用这些API完成转译的 babylo...
  13. JavaScript实现[网易云音乐Web站登录窗口]拖拽功能说明 你可能发现有很多网站他们的登录窗口或者说是登录框是可以拖动的, 更有甚者他们的站点提示框都可以拖动, 你也许可能会对这个功能的实现感兴趣, 那么这篇文章可能会对你有所帮助!具体的网站示例以 网易云音...
  14. 深入理解ES6之《字符串及正则》字符串中的字符有两种,一种是由一个编码单元16位表示的BMP字符,另一种是由两个编码单元32位表示的辅助平面字符在ES5中,所有字符串的操作都是基于16位编码单元 codePointAt codePointAt 接受编码单元的位置而非...
  15. JavaScript 异步编程:“回调地狱” 的一些解决方案 异步编程在JavaScript中非常重要。过多的异步编程也带了回调嵌套的问题,本文会提供一些解决“回调地狱”的方法。 上面就是典型的回调函数,不论是在浏览器中,还是在node中,JavaScript本身是单线程,因此,为了应对一些单线程带来的问题,异步编程成为了JavaScript中非常重要的一部分。 不论是浏览器中最为常见的ajax、...
  16. css加载动画 css加载动画
  17. 如何理解Vue的作用域插槽举个例子,比如我写了一个可以实现条纹相间的列表组件,发布后,使用者可以自定义每一行的内容或样式(普通的slot就可以完成这个工作)。而作用域插槽的关键之处就在于,父组件能接收来自子组件的slot传递过来的...
  18. React如何抓取数据 原文链接:How to fetch data in React作者:rwieruch 刚开始使用React做项目的新手并不需要抓取数据,通常他们制作一些类似计数器、Todo或井字棋应用。因为在刚开始学习React时候,抓取数据通常会增加复杂性。 然而,在某一 原文链接:How to fetch data in React作者:rwieruch 刚开始使用React做项目的新手并不需要抓取数据,通常他们制作一些类似计数器、Todo或井字棋应用。因为在刚开始学习React时候,抓取数据通常会增加复杂性。 然而,在某一
  19. 20170819 前端开发日报】JavaScript的值传递和引用传递;Vue Transition 实现类原生组件跳转过渡动画;NG Bootstrap ——基于 Angular 的 Bootstrap 界面库... @前端开发博客 ​​​
  20. axios-基于Promise的HTTP请求客户端 axios是一个基于Promise的HTTP请求客户端,可同时在浏览器和node.js中使用。而且现在vue2.0推荐使用axios来进行与服务端的数据交互。它支持Promise API,支持拦截请求和返回,支持取消请求、自动转换数据等等。 查看演示 下载源码 安装 使用npm: $ npm i axios 或者使用cdn链接: ...
  21. 《深入理解ES6》阅读笔记 --- babel 在2017年相信ES6已经得到了很大的普及,如果你写过React或者Vue,相信在多年之前就已经体验过ES6的魅力了。言归正传,《深入理解ES6》阅读笔记并不会照搬书上的内容,因为我觉得那很无趣,这些读书笔记会贯穿我自己所积累的知识和理解,而今天要给大家写一写
  22. Orleans 解决并发之痛(五):Web API 通过前面几篇文章的介绍,可能会疑问怎么在实际开发中调用Grain,之前Demo的Client都是基于控制台应用程序,实际开发下可能是基于Web Form、Web API、MVC……,由于一时短路了,没有联想到控制台应用程序的方式怎么切到其他方式调用。 这篇文章将会介绍基于Web API的方式调用Grain,但相比Web API,我可能更倾向于gR... 通过前面几篇文章的介绍,可能会疑问怎么在实际开发中调用Grain,之前Demo的Client都是基于控制台应用程序,实际开发下可能是基于Web Form、Web API、MVC……,由于一时短路了,没有联想到控制台应用程序的方式怎么切到其他方式调用。 这篇文章将会介绍基于Web API的方式调用Grain,但相比Web API,我可能更倾向于gR...
  23. Vuet 1.x升级指南 前言 在经过众人的支持,Vuet 1.x也发布一周多的时间了,在这个大版本中,Vuet得到了很大的瘦身,主要是去掉了manual规则,将模块的方法直接内置成模块的一部分,route规则和v-vuet-scroll指令将提取出来成为第三方的插件,在此基础上,使得
  24. 开源项目 React 是如何组织和管理代码的 如果你想给React贡献代码,那么这篇文档将会是一篇很好的教程。 我们并不会推荐任何在React中使用的这些约定惯例,因为许多都是因为历史原因产生的,而且会随着时间而发生变化。 模块加载系统 在Facebook内部我们使用一个叫"Haste"的模块加载系统,"Haste"和CommonJS很类似,使用require()来... 如果你想给React贡献代码,那么这篇文档将会是一篇很好的教程。 我们并不会推荐任何在React中使用的这些约定惯例,因为许多都是因为历史原因产生的,而且会随着时间而发生变化。 模块加载系统 在Facebook内部我们使用一个叫"Haste"的模块加载系统,"Haste"和CommonJS很类似,使用require()来...
  25. #IT职场#【2017 春招面试总结 - 前端向】详见: 来自互联网大厂的前端面试题梳理,测一测前端知识点你所掌握的程度。[喵喵] ​​​ 道阻且长啊TAT(前端面试总结) 前端 面试 笔试 面试 腾讯一面 1.浏览器工作原理 浏览器的主要组件包括: 用户界面- 包括地址栏、后退/前进按钮、书签目录 浏览器引擎- 用来查询及操作渲染引擎的接口 渲染引擎-...
    2017 春招面试总结 – 前端向
  26. 《深入理解 ES6》笔记 — 模块 什么是模块 自动运行在严格模式下并且没有办法退出运行的 JavaScript 代码。在模块的顶部, this 的值是 undefined;模块不支持 HTML 代码风格的代码注释。模块仅导入和导出你需要的绑定。 导出 用 export 导出 // 导出

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

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

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