![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
javaScript相关
小志哥斯拉
将前端技术进行到底
展开
-
js获取一段时间内的工时,排除去周末、非工作时间
js获取一段时间内的工时,排除去周末、非工作时间需求:每天8小时, 上午8:00~12:00, 下午13:00~17:00 (排除周六、周日)。转载 2023-10-26 16:23:15 · 405 阅读 · 0 评论 -
echarts自动轮播tooltip
1. 将自动轮播的工具函数封装到 utils/echart-tooltip-carousel.js。2.在vue3中使用的示例。原创 2023-08-10 08:30:00 · 623 阅读 · 2 评论 -
quill 富文本编辑器 @提及
3. 在vue2中使用的示例,已省去无关代码。(示例来自自行封装的Quill.vue通用组件)无论哪个示例,记得引入css样式。在源码的 dist/quill.mention.css。使用插件quill-mention实现在quill 富文本编辑器使用@或#提及用户。原创 2023-08-09 17:20:37 · 970 阅读 · 0 评论 -
Promise.all()统一处理未知数量的Promise实例(遍历生成)
Promise.all()统一处理未知数量的Promise实例(遍历生成)原创 2022-11-24 17:00:39 · 522 阅读 · 0 评论 -
js实现表格按行滚动
3、滚动控制:为了实现按行滚动,需要拿到div表格的每一行的高度,然后定时、逐行执行滚动(即对tbody滚动高度值定时进行累加,每次累加表格行的高度,然后tbody的style属性的top取滚动高度值的负值)。1、表格模仿table的结构,使用div元素构建,其中在tbody外包了一层div(tbody-container),以便对超出tbody-container的内容进行隐藏。最近又有同样的需求,不过是vue项目,所以又做了一个基于 js实现的表格按行滚动,原理相同。优化了表格内容见底后即滚回顶部。原创 2022-09-02 11:12:18 · 2844 阅读 · 0 评论 -
Vue 高德地图 输入提示和POI搜索插件结合使用 拾取对应地点坐标
7、效果:在搜索框输入地点名称,产生输入提示,点击某个提示选项后,进行POI搜索,地图会自行标记出搜索地点。点击地图任意位置,或者POI搜索结果的marker,都会拿到相对应的坐标。4、JSAPI 的加载:这里使用官方文档推荐的方式,使用 JSAPI Loader ,并按 NPM 方式使用 Loader。1、准备好高德地图的key和安全密钥jscode,key的平台类型是Web 端 ( JSAPI )。如上述代码,在配置文件中设置安全密钥,这样只要外部引用key就会执行 设置安全密钥 的代码。...原创 2022-08-26 11:24:51 · 4507 阅读 · 12 评论 -
xlsx将html table导出为excel表格
示例中已省略部分无关的代码。一、安装xlsx$ npm install xlsx --save二、导出excel方法将导出excel方法写在混入中,在每个需要的页面混入。isShowTableColumn 控制不需要打印的列 (XLSX会根据拿到的table的dom来转换成excel,将isShowTableColumn设为false,临时将不需要展示的列从dom中删除),打印前将isShowTableColumn设为false,等dom更新后(Vue.nextTick方法)再调用XLS原创 2022-04-26 12:27:02 · 1155 阅读 · 0 评论 -
js 列表结构数据转成树形结构数据
// 列表结构转树形结构exports.toTree = (data) => { // 删除 所有 children,以防止多次调用 data.forEach(function (item) { delete item.children }) // 将数据存储为 以 id 为 KEY 的 map 索引数据列 let map = {} data.forEach(function (item) { map[item.id] = item }) let .转载 2022-01-01 18:17:46 · 436 阅读 · 0 评论 -
实现web页面元素的拖拽和缩放
通过js监听鼠标事件,实现web页面元素的拖拽和缩放,完整代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } #box { width: 100%; height:原创 2021-09-20 09:20:24 · 759 阅读 · 0 评论 -
js 实现时间戳转为时间字符串,时间字符串转为时间戳
js实现时间戳转为规定格式的时间字符串 //格式化时间戳 function getMyDate (timestamp, formats) { // formats格式包括 // 1. Y-m-d // 2. Y-m-d H:i:s // 3. Y年m月d日 // 4. Y年m月d日 H时i分 formats = formats || 'Y-m-d'; var zero = function (value) { if (value转载 2021-11-11 08:30:09 · 1546 阅读 · 1 评论 -
js 全屏与取消全屏
html部分,设置了一个全屏和取消全屏的点击图标。<div class="fullscreen"> <svg class="full" style="display:block;" xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="20" height="20" t="1621386271091" p-id="1252" version="1.1">原创 2021-11-11 08:47:28 · 420 阅读 · 0 评论 -
js 防抖函数
//防抖动函数//func需要防抖的函数 delay毫秒function debounce(func, delay) { let timer = null return function (...args) { if (timer) clearTimeout(timer) timer = setTimeout(() => { func.apply(this, args) }, delay) }}...原创 2021-12-10 10:53:25 · 315 阅读 · 0 评论