浏览器的内核分成两个部分，一个渲染引擎，另一个是JS引擎。不同的浏览器的渲染引擎不同（不同的浏览的内核不同）。 浏览器工作的流程： 1）浏览器解析内容： HTML/SVG/XHTML，解析这三种文件会生成一个DOM Tree（DOM 树） CSS,解析CSS，产生了CSS规则树 JavaScript脚本，主要是通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。 2）解析结束后，浏览器引擎则通过DOM Tree 和CSS Rule Tree来构建Rendering Tree。 …
行为设计模式用于不同对象之间职责划分、算法抽象，包含：模板方法模式、观察者模式、状态模式、策略模式、职责链模式、命令模式、访问者模式、中介模式、备忘录模式、迭代器模式、解释器模式。 模板方法模式（Template Method） 在父类中定义操作算法骨架，把一些实现步骤延迟到子类中，让子类可以不修改父类的算法结构的同时能重新定义算法中某个实现步骤。 模板方法模式就是把很多个模型抽象化归一，从中抽象提取一个最基本的模板（该模板可以作为实体对象也可以作为抽象对象），其他模块只需继承该模板，拓展一些方法即可。 比如一个网…
1、使用Object.keys()遍历 const str={"name":"duxin","num":"253","index":"958"} Object.keys(str).forEach((key)=>{console.log(key)}) 2、for..in遍历 for(let i in str){ console.log(i+"===="+str[i]) } 3、Object.getOwnPropertyNames(obj) Object.getOwnPropertyNames(str).forE…
var GPS = { PI : 3.14159265358979324, x_pi : 3.14159265358979324 * 3000.0 / 180.0, delta : function (lat, lon) { // Krasovsky 1940 // // a = 6378245.0, 1/f = 298.3 // b = a * (1 - f) // ee = (a^2 - b^2) / a^2; var a = 6378245.0; // a: 卫星椭球坐标投影到平面地图坐标系的投影因子。 va…
加载优化 1、合并CSS、JavaScript 2、合并小图片 3、缓存一切可以缓存的资源 4、使用长Cache，在服务器端设置缓存。 5、使用外联式引用CSS、JavaScript 6、压缩HTML、CSS、JavaScript 7、启动GZip，在服务器端设置 8、启动首页加载 9、使用按需要加载 10、使用滚屏加载 11、通过Media Query加载 12、增加Loading进度条 13、减少Cookie 14、避免重定向 15、异步加载第三方资源 图片优化 1、使用智图压缩图片 2、CSS3、SVG、Ic…
export const formatNumber = function (n) { n = n.toString(); return n[1] ? n : '0' + n } /** * 时间戳和日期转换(年月日+时间) * @param times */ export const formatDate = function (times) { console.log(times) var now = new Date(times) console.log(now) var year = now.getFullY…
typeof 检测一个变量的基本数据类型。 instanceof，person instanceof Array,person是否为数组类型。 作用域：保证执行环境有权访问所有的变量和函数。 基本数据类型：unedefined、null、Boolean，number和string 引用类型：Object、Array 数组 检测数组： Array.isArray(arr) 数组转化为字符串，arr.toString() join(),接受一个参数，使用不同的分隔符来构建字符串 push()：在数组尾部添加元素并且返回…
封装一个计算时间差的函数【times】，设置两个时间点starttime和endtime（times方法的两个参数）。 1、starttime，起止时间（时间戳）； 2、endtime，终止时间（时间戳）； const times = function (startTIme,endTIme) { const sond = endTIme - startTIme; if (sond >=24*60*60*30*12) { returnparseInt((sond / (24*60*60*30*12)).toSt…
