文科生的前端之路

摘要： 什么是JSONP 三句话总结： 1. 概念：JSONP(JSON with Padding)是JSON的一种“使用模式”。 2. 目的：用于解决主流浏览器的跨域数据访问的问题。 3. 原理：利用 ` javascript window.myFunction = function(res){ cons 阅读全文

摘要： css的缺陷 我们知道，css使用中一个比较令人烦恼的问题，就是css没有作用域可言，我们写了一个组件或者模块之后，往往希望它们可以四处复用，但是由于css没有作用域，我们给样式命名的时候都会非常小心，因为害怕命名重复导致组件的样式被覆盖。于是，每个新加入项目的开发者在开发类似已有的组件时，很可能就 阅读全文

摘要： 原文链接： "如何做一个App里的web调试小工具" 我们知道现在hybrid app非常流行，在这样的app里，h5页面是应用非常广泛的。相对于以往在pc端开发的网页，放在app里的网页由于无法直接使用桌面浏览器的开发者工具，导致我们在有时候在调试的时候不知道到底报了什么错。所以我们需要一个能够在 阅读全文

摘要： Class Class 只是一个语法糖,其功能用es5也能实现,但是比es5更符合类的期待 定义: constructor代表构造方法,而this指向new 生成的实例 定义类方法时,可以不使用function 注意:类的内部所有定义的方法，都是不可枚举的（non enumerable）。 //定义 阅读全文

摘要： Symbol 概念 Symbol:一种新的原始数据类型，表示独一无二的值。 注意:Symbol函数的参数只是表示对当前Symbol值的描述，因此相同参数的Symbol函数的返回值是不相等的。 // 没有参数的情况 var s1 = Symbol(); var s2 = Symbol(); s1 == 阅读全文

摘要： Promise Promise三种状态 pending、resolved、rejected 使用语法 var promis = new Promise(function(resolve,reject){ $.ajax({ url:'/api/something.json', method:'get' 阅读全文

摘要： Array 新增方法 1.Array.from() 将类数组(dom对象 或 arguments)或set\map对象转换为数组 2.Array.of() 将一组值转换为数组,例如Array.of(3,5,7,9) = [3,5,7,9] 3.Array.prototype.copyWithin() 阅读全文

摘要： let和const let和const不存在变量提升 变量一定要在声明后使用，否则报错。 var a = []; for (var i = 0; i 0xFFFF; } is32Bit("𠮷") // true is32Bit("a") // false 2.String.fromCodePoin 阅读全文

摘要： 什么是CORS？ 默认情况下，为预防某些而已行为，浏览器的XHR对象只能访问来源于同一个域中的资源。但是我们在日常实际开发中，常常会遇到跨域请求的需求，因此就出现了一种跨域请求的方案：CORS（Cross Origin Resource Sharing）跨域资源共享。 CORS背后的原理是： 使用自 阅读全文

摘要： 原文首发于个人博客： "还在手动给css加前缀？no！几种自动处理css前缀的方法简介" 我们知道在写css的时候由于要兼容不同厂商浏览器，一些比较新的属性需要给它们添加厂商前缀来兼容。移动端还好，基本只要兼容webkit内核的即可，pc端就虐心了，ff、ie、Opera……可以说五花八门，应有尽有 阅读全文