由变量提升谈谈 JavaScript Execution Context；ES6的7个实用技巧；js异步发展简史；自己动手写一个 SimpleVue；程序员装X必备—19个JS简写技巧，让你写代码速度翻倍；深入理解Promise运行原理；Parcel.js带来零配置JavaScript模块打包器；canvas烟花锦集
-
由变量提升谈谈 JavaScript Execution Context JavaScript不同于其他语言，存在变量提升，如下面代码例子： console.log(x) var x = 'hello world'; 这段代码不会报错，会输出 undefined。这就是所谓的变量提升，但具体细节JS引擎是怎么处理的，还需要理解JS的
-
ES6的7个实用技巧7 Hacks for ES6 Developers Hack #1 交换元素 利用数组解构来实现值的互换 {代码…} Hack #2 调试 我们经常使用console.log()来进行调试，试试console.table()也无妨。 {代码…} Hack #3 单条语句 ES6时代，操…
-
js异步发展简史 什么是异步？ 所谓异步，简单来说就是异步任务（不会马上就完成的任务）；但是js不会等待你这个任务完成，而是直接执行下边的任务；等到你上边的任务完成之后才会去执行相应的逻辑。比如js读取文件就是异步的过程。 异步编程的语法目标，就是怎样让它更像同步编程 1、回调函数 场景： 读取一个文件 let fs = r…
-
自己动手写一个 SimpleVue 最近看到一句话很有感触 —— 有人问 35 岁之后你还会在写代码吗？各种中年程序员的言论充斥的耳朵，好像中年就不该写代码了，但是我想说，若干年以后，有人问你闲来无事你会干什么，我想我会说，写代码，我想这个答案就够了，年龄不是你不爱的理由。 理论基础 双向绑定是 MVVM 框架最核心之处，那么双向绑定的核心是…
-
程序员装X必备—19个JS简写技巧，让你写代码速度翻倍 代码精炼是每个有追求的程序所向往的，本文总结了19个JavaScript的简写技术，其中包括三元操作符、短路求值简写方式、声明变量简写方法等等，希望对你有帮助。
-
深入理解Promise运行原理 本文大多数内容翻译自该篇文章 Promise可以认为是一种用来解决异步处理的代码规范。常见的异步处理是使用回调函数，回调函数有两种模式，同步的回调和异步的回调。一般回调函数指的是异步的回调。 同步回调 function add(a, b, callback) { callback(a + b) } console.log(‘before’); …
-
Parcel.js带来零配置JavaScript模块打包器 看新闻很累？看技术新闻更累？试试 下载InfoQ手机客户端 ，每天上下班路上听新闻，有趣还有料！ Parcel.js是一款新开源的JavaScript模块打包器，于2017年12月5日发布。Parcel的发布公告指出，速度和零配置是其与webpack、browserify、rollup等现有模块打包器的不同所在。据称，当使用其内置的缓存时，Parcel的速…
-
canvas烟花锦集canvas可以实现不同动画效果，本文主要记录几种不同节日烟花效果实现。 原文链接 实现一 效果地址 html {代码…} css {代码…} js {代码…} 实现二 效果地址 html {代码…} css {代码…} js {代码…} 实现…
-
Javascript系列——对象元素的数组去重实现概要 这是一篇记录文，记录数组操作对象去重的实现。 需求 有这样一个数组 {代码…} 实际上我们只需要 {代码…} 去重 简单数组的去重 {代码…} 以对象为元素的数组去重 和数组相关的算法多种多样，在你以为自…
-
基于 HTML5 的电力接线图 SCADA 应用在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年，早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案，在 HTML5 流行前 VML 和 SVG 算…
-
web路途-基础的JavaScript语法概要 一边学习前端，一边通过博客的形式自己总结一些东西，当然也希望帮助一些和我一样开始学前端的小伙伴。 如果出现错误，请在评论中指出，我也好自己纠正自己的错误 author： thomaszhou 目录 …
-
PhantomJS 之殇，chrome-headless 之生 技术雷达快讯：自2017年中以来，Chrome用户可以选择以headless模式运行浏览器。此功能非常适合运行前端浏览器测试，而无需在屏幕上显示操作过程。在此之前，这主要是PhantomJS的领地，但Headless Chrome正在迅速取代这个由JavaScript驱动的WebKit方法。Headless Chrome浏览器的测试运行速度要快得多，而且行为上更像…
-
ES6小点心第二弹——底部浮现弹窗 小点心，顾名思义，开箱即食，拿来即用。 献上第二个小点心：SlidePopup。 GitHub GitHub 上欢迎大家来找茬^_^ 前端朋友们，今天要介绍的这款小点心牛B了。相信是个前端都应该接触过这种效果，
-
vuex 基本入门和使用（三）-关于 mutation vuex 版本为^2.3.1，按照我自己的理解来整理vuex。 关于 mutation 这里应该很好理解。 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutatio
-
小猪的Python学习之旅 —— 5.使用Selenium抓取JavaScript动态生成数据的网页 引言 自从学习了爬虫之后，每天不写个小爬虫爬爬小姐姐，都觉得浑身难受： 小姐姐是挺好看的，只是身体日渐消瘦而已， 多喝营养快线 就好！ (快来学Python爬虫，一起爬可爱的小姐姐啊~) 抓多了发现有一些小网站很 狡猾 ，竟然搞起 反爬虫 来了，不直接 生成数据，而是通过 加载JS来生成…
-
一起学nodejs(写一个基于TCP/IP终端聊天系统) 源码地址 TCP/IP 协议回顾 TCP 面向连接的传输协议 可以这么理解,面向连接的意思是先连接了才能通信
-
神奇的 Workbox 3.0：让你的 Web 站点轻松做到离线可访问 workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Submit 2017 上首次隆重面世。而在 workbox 背后则是 Service Worker 和 Cache API 等技术和标准在驱动。在 Workebox 之前，GoogleChrome 团队较早时间推出过 sw-precache 和 sw-toolbox 库…
-
Node.js design pattern : Reactor (Event Loop) Nodejs是非阻塞的，源于它是基于事件循环的设计模式，该模式也称为Reactor模式。 Nodejs同时也是单线程的，这里的单线程指的是开发人员编写的代码运行在单线程上，而Nodejs的内部一些实现代码却是多线程的，如对于I/O 的处理（读取文件、网络请求等
-
JavaScript系列——数组元素左右移动N位算法实现引言 在自己刚刚毕业不久的时候，去了一家公司面试，面试官现场考了我这道题，我记忆深刻，当时没有想到思路，毫无疑问被面试官当成菜鸟了。最近刚好在研究数组的各种算法实现，就想到这道题，可以拿来实现一下，…
-
Airbnb JavaScript Style 阅读注解Airbnb JavaScript Style 阅读注解 提供一种合理的javascript的规范，对原文主要内容进行翻译，同时对部分内容进行注释 注意：本文假定你正在使用 Babel，并且要求你使用 babel-preset-airbnb或者其替代品。同时…
-
Webpack Loader源码导读之less-loader 原文地址：hiihl.com/articles/20… 本篇是Webpack Loader源码导读系列中关于less-loader的解读，主要阐述loader的工作，less编译部份的内容未来将单独讲解。 源码结构 源码 v4.0.5，src目录如下： src
-
PHP配合SheetJS/js-xlsx导出Excel大量数据 PHP配合SheetJS/js-xlsx导出Excel大量数据 作者: Jack 时间: January 17, 2018 分类: 开发
-
【前端Talkking】CSS3系列-css3之线性渐变初探【前端Talkking】CSS3系列-css3之线性渐变初探 1.写在前面 入行前端一年多的时间，想提高自己的css技术水平，于是在网上看了些关于css的书籍，想买几本比较好的css书籍啃啃，找来找去，终于找到了《CSS揭秘》这本…
-
Electron-vue开发实战1——Main进程和Renderer进程的简单开发 前段时间，我用 electron-vue 开发了一款跨平台（目前支持Mac和Windows）的免费开源的图床上传应用—— PicGo ，在开发过程中踩了不少的坑，不仅来自应用的业务逻辑本身，也来自electron本身。在开发这个应用过程中，我学了不少的东西。因为我也是从0开始学习electron，所以很多经历应该也能给初学、想学electron开发的同…
-
前端 WebView 指南之 iOS 交互篇 前文我们介绍了 Android 的 WebView 交互方式，iOS 从原理上来说和 Android 还是非常类似的。在 iOS 中 WebView 需要分为UIWebView 和 iOS8 中新增的 WKWebView 两种类型。其中 WKWebView 相较于 UIWebView 优势在于能够直接使用系统 Safari 渲染引擎去渲染页面，支持更多的 HTML5 特性，渲染性能也会更好点。由于对…
-
webpack模块化实现探究 前言 我们都知道，浏览器是无法识别commonjs规范的模块和es6 module的。将这些规范的模块转化为浏览器认识的语句就是webpack做的最基本事情，webpack 本身维护了一套模块系统，这套模块系统兼容了所有前端历史进程下的模块规范，包括 amd
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
