细说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: 定位
CSS最大的用处之一就是可以将内容和元素定位到任何我们想要的位置，使我们的设计具有结构，使内容更加易懂。 CSS有好几种不同的定位属性，每种都有自己的使用场景。在这节课中我们会通过不同的案例——可复用的布局和针对单元素的布局——来介绍每种方法。 定位的其中一种方法就是使用flo…
网友评论