前端使用 js 下载文件并自定义文件名

2022-8-13 Jon js+jquery+ajax

前端使用 js 下载文件并自定义文件名

阅读全文>>

标签: js download file

评论(10) 浏览(6631)

使用 canvas 画饼图动画 0%到100%

2021-8-30 Jon js+jquery+ajax

使用 canvas 画饼图动画 0%到100%

阅读全文>>

标签: canvas 饼图

评论(8) 浏览(4285)

支付宝小程序获取当前页面url及通过连接直接进入具体业务展示页

2021-5-24 Jon js+jquery+ajax

支付宝小程序获取当前页面url及通过连接直接进入具体业务展示页获取当前页面url onLoad(opt) { var pages = getCurrentPages() // 获取加载的页面 var currentPage = pages[pages.length-1] // 获取当前页面的对象 var url = currentPage.route // 当前页面url var options = opt // 如果要获取url中所带的参数可以查看options

阅读全文>>

标签: 支付宝小程序

评论(2) 浏览(5588)

原生 js 实现在浏览器中复制内容

2021-4-10 Jon js+jquery+ajax

浏览器中点击按钮去实现复制我们想要的内容，现在常见的方法主要是两种，一种是第三方库clipboard.js 但是引入一个库也是要考虑加载成本的，另一种就是今天要介绍的 document.execCommand()。

阅读全文>>

标签: 复制

评论(0) 浏览(4776)

js 汉字获取首字母，汉字转拼音

2021-2-9 Jon js+jquery+ajax

JS 地址 https://gitee.com/yinuocode/convert-pinyin 功能包括根据字符串返回所有字符串首字母根据字符串返回字符串第一个字符的首字母根据字符串返回所有字符串全拼 (字符串可以是汉字、数字、字母)

阅读全文>>

标签: js

评论(1) 浏览(6720)

js 设计模式面试题之停车场

2021-1-29 Jon js+jquery+ajax

某停车场，分3层，每层100车每个车位都能监控到车辆的驶入和离车辆进入前，显示每层的空余车位车辆进入时，摄像头可识别车牌号和时车辆出来时，出口显示器显示车牌号和停车时画出UML类图用ES6语法写出该示例

阅读全文>>

标签: js 面试题设计模式

评论(0) 浏览(4926)

js 设计模式面试题之打车

2021-1-28 Jon js+jquery+ajax

打车时，可以打专车或者快车。任何车都有车牌号和名称。不同车价格不同，快车每公里1元，专车每公里2元。行程开始时，显示车辆信息行程结束时，显示打车金额（假定行程就5公里）画出UML类图用ES6语法写出该示例

阅读全文>>

标签: 面试题设计模式

评论(1) 浏览(4040)

js 通过城市首字母查找对应城市功能

2020-11-11 Jon js+jquery+ajax

js 通过城市首字母查找对应城市功能点击右边字母右边滑动到对应城市，滚动左边城市右边字母自动选中直接上效果点击查看效果城市对应字母的 json 整理点击获取 json html 实现代码

阅读全文>>

标签: js

评论(0) 浏览(3844)

js 根据开始和结束日期计算时间差

2020-11-6 Jon js+jquery+ajax

js 根据开始和结束日期计算时间差支持传入格式 new Date() 形式字符串形式 '2020/11/30 '或 '2020-11-30' 字符串形式 '2020-11-20T12:00:29.609859+08:00' 数字格式的时间戳 1623736698905

阅读全文>>

标签: js date

评论(0) 浏览(3279)

js 达夫设备和其他 for 循环性能对比

2020-10-23 Jon js+jquery+ajax

for/for of循环对比结论：4000 一下 for of 快，大于 4000 for 更快达夫设备 vs for循环经过多次不同处理方式不同数据量的测试得出以下结论如果进行数据处理比如调用方法 push 两者性能差不多如果只是单纯循环速度，达夫设备完胜 for循环如果考虑代码可读性和简洁性，for 循环更胜一筹个人感觉 100万数据以内完全用不到达夫设备 for 循环就很快对于更大数据的循环，如果性能要求比较高，可以考虑达夫设备

阅读全文>>

标签: js

评论(0) 浏览(2765)

js 如何中断 forEach、map 循环

2020-9-10 Jon js+jquery+ajax

forEach 和 map 1. 区别 forEach 执行后返回 undefined map 执行后返回新数组 2. 共同点只能遍历数组并参数都一样不改变原函数（引用类型除外）无法中断循环；return 只是结束本地循环，进入下一次循环 break 或 continue 都将会报错使用抛出异常来中断 forEach/map 同样

阅读全文>>

标签: js

评论(0) 浏览(4232)

js 监听控制台是否打开

2020-7-25 Jon js+jquery+ajax

js 监听控制台是否打开

阅读全文>>

标签: js 监听控制台 console open

评论(0) 浏览(3738)

前端设计模式之观察者模式

2020-6-24 Jon js+jquery+ajax

前端开发中，观察者模式无处不在，可以说是使用非常频繁的设计模式之一了。基础的浏览器内部实现的事件监听，dom的监听，Promise，三大框架的生命周期函数，甚至三大框架中 angular 的 NgRx、react的 Redux 以及 vue 的 Vuex 数据管理模块都是观察者模式的演变。观察者模式属于行为型模式，1对多，由主体和观察者组成，主体负责发布事件，同时观察者通过订阅这些事件来观察该主体，n个观察者对象同时监听某一个主题对象，当主题对象状态变化时，会通知所有的观察者对象

阅读全文>>

标签: 设计模式观察者模式

评论(0) 浏览(2310)

js 中的同步任务、异步（微队列、宏队列）执行输出顺序

2020-6-2 Jon js+jquery+ajax

js 的执行顺序：js首先执行同步代码，然后执行微队列中的代码，最后执行宏队列中的代码。如果都是微任务或宏队列，谁先加入微队列或宏队列就先输出谁（谁在前面就先输出谁）1. js 中的宏队列 dom 事件回调 ajax 回调定时器回调 setTimeout 2. js 中的微队列 promise 回调...

阅读全文>>

标签: js 异步微队列宏队列 promise 面试题 MutationObserver asap

评论(0) 浏览(3832)