编码规范 by @littleyu

编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。 ——HTML——语法 用两个空格来代替制表符(tab) – 这是唯一能保证在所有环境下获得一致展现的方法(不过现在的编辑器都可以改tab为两个空格)。 嵌套元素应当缩进一次(即两个空格)。 对于属性的定义,确保全部使用双引号,绝不要使用单引号。 不要在自闭合(self-closing)元素的尾部添...

Read More

JS三大经典-this 的值

1. 什么是 JS 原型链?2. this 的值到底是什么?3. JS 的 new 到底是干什么的?这是 JS 里的三个经典概念,自学者必须学会,否则无法通过面试。今天主要来说一说自己对JS this 的值的理解。你可能遇到过这样的 JS 面试题: 123456789var obj = { foo: function(){ con...

Read More

JS三大经典-原型链继承

1. 什么是 JS 原型链?2. this 的值到底是什么?3. JS 的 new 到底是干什么的?这是 JS 里的三个经典概念,自学者必须学会,否则无法通过面试。今天主要来说一说自己对JS原型链继承的理解。我们知道 JS 有对象,比如 var obj = { name: ‘obj’ } 我们可以对 obj 进行一些操作,包括 「读」属性 「...

Read More

跨域资源共享CORS详解

CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 一、简介CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。 整个...

Read More

自制node小工具,批量无损压缩图片

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849var fs = require('fs');var path = require('path');//解析需要遍历的文件夹,我这以E盘根目录...

Read More

node.js最简捷的压缩图片方式

近期在做项目时,发现前端通过base64上传的图片,通过node的fs模块处理之后图片变得异常的大。因此寻找node压缩图片的途径,也百度过很多方案,但是方法总是很繁琐,一个偶然的机会看到了TinyPNG提供的压缩图片的API。 因为本人之前在压缩网络图片上用的都是这款应用,无损压缩真的是非常好用,推荐!感谢史上最好用的图片压缩解决方案 tinify t...

Read More

实现一个上拉加载,下拉刷新

我们依旧从界面及逻辑两块进行分析1.界面上,只分成简单的两块,一块是上方的刷新文字,一块是下方的内容,然后将上方提示内容隐藏在屏幕之外,一般由两种方式,一种是上面遮一层,另一种是marginTop:负值将其弄出屏幕外,这里我采用的是第一种,代码也很简单,就随便贴一下 123456.header{ width: 100%; height:...

Read More

面向编程----造轮子

Tags组件(jsbin)HTML12345678910111213141516171819202122232425262728293031323334<!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-2.1.1.min.js&...

Read More

我用了两个月的时间才理解 let

当然不是说用完整的两个月时间来理解 let,而是零零碎碎地理解,同时我还要想着怎么写出一篇文章把这个事情说清楚。 在 let 刚出来的时候,我就「以为」我理解了 let。然鹅在过去的两个月里,我对 let 的理解发生了一波三折的变化。 我写这篇文章,是希望我的学习过程,能对你自学有帮助。 初识 let跟很多人一样,我第一次了解 let 的特性是从 MDN 的...

Read More

HTML关于em趣闻

em的计算标准并不是父元素的字体大小?首先我们先来看百度的搜索结果(错误言论!)… 网上以讹传讹这么多年了,一时难以消除,你一不小心记住了错误的知识就不好办了(在此之前本人也是一直误以为em是根据父元素的font-size计算出来的=。=)。 上面的例子很明显地说明 em 只跟当前元素的 font-size 有关。那么为什么网上的傻*说 ...

Read More