浏览器前端

细说Web API中的Blob

在通常的Web开发中，不多会用到Blob，但Blob能够知足一些场景下的特殊需求。Blob，Binary Large Object的缩写，表明二进制类型的大对象。Blob的概念在一些数据库中有使用到，例如，MYSQL中的BLOB类型就表示二进制数据的容器。在Web中，Blob类…

JS HTTP 请求终极解决方案 - fly.js

接下来会出几篇文章深刻的介绍fly.js的高级玩法。这是首篇，一个总体的介绍，若是您有兴趣能够去 fly官网了解更多。 提供统一的 Promise API。 支持浏览器环境，轻量且很是轻量 。 支持 Node 环境。 支持请求／响应拦截器。 自动转换 JSON 数据。 支持切换…

带你理解 JS 容易出错的坑和细节

当执行 JS 代码时，会生成执行环境，只要代码不是写在函数中的，就是在全局执行环境中，函数中的代码会产生函数执行环境，只此两种执行环境。 想必以上的输出你们确定都已经明白了，这是由于函数和变量提高的缘由。一般提高的解释是说将声明的代码移动到了顶部，这其实没有什么错误，便于你们理…

Three.js 初探 - 微场景制做

最近在捣鼓 Three.js 相关, 以为作一个微场景是一个很不错的选择，结果作下来发现效果还能够。 首先你要清楚本身想实现的效果, 就须要一张效果图, 而后才能根据效果图来建模。 我在网上找到一张本身喜欢的风格的建筑图作参考，明确本身大概要实现的效果，但结果不必定要如出一辙。…

傻傻分不清的__proto__与prototype

从__proto__和prototype这两个比较难分辨的属性入手理解继承和原型链。

简单实现 3D 相册

以前写过《CSS3 动画简单入门》，文章内容只是简单介绍 CSS3 动画属性的使用，并无一个综合的案例演示，所以本章做为前者的内容补充。
下面简单介绍本章须要实现的 3D 效果： 当加载页面后，图片展现“摊牌”的效果，当鼠标点击页面左滑动或者右滑动时，图片会跟随左旋转或右旋转…

两句话理解js中的this

前言: 一直都搞不清javascript中this的指向,你不知道的javascript(上卷)这本书中有3章都是在讲解this,去年第一次看完仍是以为似懂非懂的,一深刻的问仍是不清楚,如今在看一遍,真心以为这本书里讲的是真好,想深刻了解一下的,这本书是一个不错的选择.

打造本身的JavaScript武器库

做为战斗在业务一线的前端，要想少加班，就要想办法提升工做效率。这里提一个小点，咱们在业务开发过程当中，常常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数，这些工具类函数，基本上在每一个项目都会用到，为避免不一样项目屡次复制粘贴的麻烦，咱们能够统一封装，发布…

也许 Vue+CSS3 作交互特效更简单

作项目就不免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所固然就使用了vue+css3开发，过程当中发现使用vue+css3开发特效，和javascript/jquery+css3的思惟方式不同，可是比javascript/jquery+css…

Q：你了解异步编程、进程、单线程、多线程吗？

同步：一个进程在执行某个请求的时候，若该请求须要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去。 异步：进程不须要一直等下去，而是继续执行下面的操做，无论其余进程的状态。当有消息返回时系统会通知进程进行处理，这样能够提升执行的效率。 进程：狭…

CSS定位属性详解

在介绍postion以前，有必要先了解下文档流。 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）独占一行，内联元素（inline），不独占一行。 通常使用margin是用来隔开元素与元素的间距；padd…

用户界面设计中的视觉差别

咱们的眼睛很奇怪，由于它常常对咱们说谎。但若是你了解人类视觉感知的这种特性，你就能设计出更友好的用户界面。若是你是一个字体设计者，经过利用人眼的视觉特性，你就能设计出“看上去”更加和谐的字体。若是你是设计用户和机器交流方式的界面设计师，了解这种视觉特性，对你的工做也会十分有用。…

利用 javascript 实现富文本编辑器

不打算考虑兼容性，因此没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不一样浏览器和设备之间的bug。

web调试优化-chrome开发者工具不彻底指南

chrome，对于web开发者而言，都是很熟悉的一个浏览器，不管是从事的是前端，后端或者是测试！简单、快捷和功能强大使它受到了许多开发者的青睐！在浏览器排行上，chrome最多人使用，并且占了浏览器份额的半壁江山。可见其欢迎程度。做为一个前端开发者，我也是注重chrome的使用…

vue快速入门的三个小实例

用vue作项目也有一段时间了。可是关于vue入门基础的文章，我尚未写过，那么今天就写vue入门的三个小实例，这三个小实例是我刚接触vue的时候的练手做品，难度从很简单到简单，都是入门级的。但愿能帮到你们更好的学习和了解vue，也是让本身可以复习一下vue。若是发现文章写得有什…

Angular 5 开发一个有道翻译

最近轮子造的比较多，意在给初学者一个参考例子，目前反馈来看，若是技术栈不符，不多有人会点进来读，之后能够考虑转换博文类型了。 给你们的常规印象就是，大版本跳跃会带来 breaking change，由于 angular 从 1.x 到 2.x 简直是两个框架，不对，就是两个框架…

JavaScript原型详解

1，前言 下面是2008年Github建立以来，各类编程语言的排名状况 排名其中JavaScript自2013年以后就盘踞第一名，成为github上被使用最多的语言，早期，JS的使用还主要集中于浏览器中，可是随着node.js进军服务器开发和React Native逐渐向移动端…

这一次，完全弄懂 JavaScript 执行机制

本文的目的就是要保证你完全弄懂javascript的执行机制，若是读完本文还不懂，能够揍我。 不论你是javascript新手仍是老鸟，不管是面试求职，仍是平常开发工做，咱们常常会遇到这样的状况：给定的几行代码，咱们须要知道其输出内容和顺序。由于javascript是一门单线程…

浏览器的渲染：过程与原理

内容说明本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解，而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是由于前端优化是一个很是庞大且零散的知识集合，一篇文章若是要写优化的具体方法恐怕只能作一些有限的列举。然而…

Chrome控制台实用指南

前言 原文地址:Chrome控制台使用指南 博客地址:Damonare的我的博客 Chrome浏览器我想是每个前端er必用工具之一吧，一部分缘由是它速度快，体积不大，支持的新特性也比其它浏览器多，还有一部分我想就是由于它的控制台功能强大了吧，说它是神器一点也不过度，很方便。但…

14招搞定JavaScript调试

不少时候，你们可能只是依靠console.log来调试JavaScript代码，这样作的局限性不言而喻，这篇博客将教你几招实用的调试技巧。

[[译]HTML&CSS Lesson5: 定位](https://juejin.im/entry/59e48...

CSS最大的用处之一就是能够将内容和元素定位到任何咱们想要的位置，使咱们的设计具备结构，使内容更加易懂。 CSS有好几种不一样的定位属性，每种都有本身的使用场景。在这节课中咱们会经过不一样的案例——可复用的布局和针对单元素的布局——来介绍每种方法。 定位的其中一种方法就是使用flo…