读心悦

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

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

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

2021年1月6日 0条评论 71点热度 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年1月6日 0条评论 68点热度 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日 0条评论 141点热度 2人点赞 读心悦 阅读全文
Javascript

JavaScript中的三角函数应用公式

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

2020年11月3日 0条评论 142点热度 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年9月1日 0条评论 221点热度 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年8月31日 0条评论 208点热度 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年8月26日 0条评论 165点热度 0人点赞 读心悦 阅读全文
Javascript

JavaScript笔记

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

2020年7月20日 0条评论 615点热度 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年7月15日 0条评论 221点热度 0人点赞 读心悦 阅读全文
Javascript

JavaScript千位逗号分割

const formatNumber = function (s, type) { if (/[^0-9\.]/.test(s)) return "0"; if (s == null || s == "") return "0"; s = s.toString().replace(/^(\d*)$/, "$1."); s = (s + "00").replace(/(\d*\.\d\d)\d*/, "$1"); s = s.replace(".", ","); var re = /(\d)(\d{3},)/; wh…

2020年7月15日 0条评论 281点热度 0人点赞 读心悦 阅读全文
Javascript

js复制粘贴功能

  使用: Copy(txt)

2020年7月15日 0条评论 262点热度 0人点赞 读心悦 阅读全文
Javascript

Echarts隐藏YX轴、刻度、网格线和数据

xAxis: { data: xData, "splitLine": { "show": false }, "axisLine": { //y轴 "show": false }, "axisTick": { //y轴刻度线 "show": false }, "splitLine": { //网格线 "show": false } }, yAxis: { //隐藏Y轴数据 axisLabel: { formatter: function () { return ""; } }, dispaly: "none", "a…

2020年6月19日 0条评论 321点热度 0人点赞 读心悦 阅读全文
12

读心悦

韦永愿的个人博客

标签聚合
闲谈 随笔 Echarts redux vue Nginx JavaScript mysql git 小程序 CSS flutter 阅读 悦读 taro react canvas hook node
分类
  • flutter (11)
  • html/css (23)
  • Javascript (32)
  • Mysql (2)
  • node (2)
  • React (29)
  • vue (1)
  • 小程序 (43)
  • 悦读 (8)
  • 未分类 (2)
  • 读心里话 (12)
最新 热点 随机
最新 热点 随机
JavaScript的深浅拷贝【笔记】 最近的一些心里事儿 JavaScript的Object数据类型转换 JavaScript中 + 隐式类型转换 JavaScript的== 的隐式类型转换 JavaScript数据强制类型转换
微信小程序设置体验版本和线上版本的访问地址JavaScript颜色的工具函数redux简单的笔记JavaScript的数据类型如果有来生JavaScript数据强制类型转换
微信小程序云调用手机号码 付出不亚于任何人的努力 react creatHistory 返回上一页 微信小程序设置体验版本和线上版本的访问地址 flutter时间戳转换【源码】 css,filter滤镜笔记

COPYRIGHT © 2020 读心悦

黔ICP备20005501号

黔公网安备52011502001078号