读心悦

  • 读心随笔
  • 读心里话
  • 计算机
Javascript
Javascript

浏览器渲染原理

浏览器的内核分成两个部分,一个渲染引擎,另一个是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。 …

2021年01月06日 0条评论 30点热度 0人点赞 阅读全文
Javascript

JavaScript设计模式-行为设计模式

行为设计模式用于不同对象之间职责划分、算法抽象,包含:模板方法模式、观察者模式、状态模式、策略模式、职责链模式、命令模式、访问者模式、中介模式、备忘录模式、迭代器模式、解释器模式。 模板方法模式(Template Method) 在父类中定义操作算法骨架,把一些实现步骤延迟到子类中,让子类可以不修改父类的算法结构的同时能重新定义算法中某个实现步骤。 模板方法模式就是把很多个模型抽象化归一,从中抽象提取一个最基本的模板(该模板可以作为实体对象也可以作为抽象对象),其他模块只需继承该模板,拓展一些方法即可。 比如一个网…

2021年01月06日 0条评论 23点热度 0人点赞 阅读全文
Javascript

遍历对象

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…

2021年01月06日 0条评论 21点热度 0人点赞 阅读全文
Javascript

不同平台的GPS位置转换【JavaScript】

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…

2020年11月24日 1条评论 75点热度 2人点赞 阅读全文
Javascript

JavaScript中的三角函数应用公式

1、角度和弧度转换 2、图形跟随鼠标转动 3、创建波动 4、创建圆形 5、创建椭圆 6、两点之间的距离: 正在更新中...

2020年11月03日 0条评论 56点热度 0人点赞 阅读全文
html/css

移动端H5前端性能优化指南

加载优化 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…

2020年09月01日 0条评论 164点热度 0人点赞 阅读全文
html/css

web性能优化笔记

提高网站性能: 减少传输数据【这样会减少站点在设备上加载的时间】 1、压缩网站资源【css、JavaScript和HTML】,优化网站图像,压缩服务器文本资源 缩小或者压缩,就是删除文本中的空白和非必要字符串【可读性很差,但是在服务器上就不需要考虑代码的可读性了】 安装文本压缩包:npm install -g minifier html-minify 压缩css:minify -o styles.min.css styles.css 压缩JavaScript,方法一样 在服务器安装compression模块 &nb…

2020年08月31日 0条评论 161点热度 0人点赞 阅读全文
Javascript

JavaScript时间处理方法总汇【在react中引用】

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…

2020年08月26日 0条评论 123点热度 0人点赞 阅读全文
Javascript

JavaScript笔记

typeof 检测一个变量的基本数据类型。 instanceof,person instanceof Array,person是否为数组类型。 作用域:保证执行环境有权访问所有的变量和函数。 基本数据类型:unedefined、null、Boolean,number和string 引用类型:Object、Array 数组 检测数组: Array.isArray(arr) 数组转化为字符串,arr.toString() join(),接受一个参数,使用不同的分隔符来构建字符串 push():在数组尾部添加元素并且返回…

2020年07月20日 2条评论 543点热度 1人点赞 阅读全文
Javascript

JavaScript计算时间差

封装一个计算时间差的函数【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…

2020年07月15日 0条评论 182点热度 0人点赞 阅读全文
123

读心悦

自己从事开发也有一段时间了,总有一些迷茫,对未来有一点恐惧,不知道以后会不会继续从事开发的岗位。无论未来做出怎样的选择,这个网站就记录一下从事开发这段时间的一些笔记、阅读笔记吧,好歹也给自己留个纪念吧,你说呢! 写点代码,读点书,读点心,读点自己!

标签聚合
Nginx vue mysql flutter redux 悦读 闲谈 node CSS taro Echarts react 小程序 canvas JavaScript 随笔 阅读 git hook
分类
  • flutter (11)
  • html/css (23)
  • Javascript (23)
  • Mysql (2)
  • node (2)
  • React (27)
  • vue (1)
  • 小程序 (41)
  • 悦读 (8)
  • 未分类 (2)
  • 读心里话 (10)

COPYRIGHT © 2020 读心悦

黔ICP备20005501号

黔公网安备52011502001078号