js
寒墨茗殇
人生若只如初见,何事秋风悲画扇
展开
-
判断浏览器返回页面,app内嵌h5离开返回页面
BFCache是一种浏览器优化,可实现即时前进和后退载入页面。它改善了用户的浏览体验,尤其是那些网络或设备速度较慢的用户。原创 2023-12-13 11:07:36 · 639 阅读 · 0 评论 -
SheetJS实现js获取、导出表格数据
XLSX.utils.sheet_add_aoa(worksheet, Array[][]):将二维数组中的数据添加到已有的worksheet中。XLSX.utils.sheet_add_json(worksheet, Object):将js对象中的数据添加到已有的worksheet中。// XLSX.utils.json_to_sheet(SheetObject.Sheet1):再次转换为工作表。XLSX.utils.sheet_to_json(worksheet): 将表格数据转化为json格式。原创 2023-03-06 11:05:49 · 1845 阅读 · 0 评论 -
图片base64,file,blob格式的相互转换,以及gif转base64
图片base64,file,blob格式的相互转换,以及gif转base64原创 2022-12-02 12:00:00 · 2361 阅读 · 0 评论 -
javascript常用方法①
javascript常用方法①原创 2022-10-24 14:02:06 · 172 阅读 · 0 评论 -
【javascript】原生js对Dom节点的操作方法总结(二)
【javascript】原生js对Dom节点的操作方法总结(二)原创 2022-10-08 09:18:18 · 187 阅读 · 0 评论 -
【javascript】原生js对Dom节点的操作方法总结(一)
原生js对Dom节点的操作方法总结,getComputedStyle,节点位置,getBoundingClientRect,滚动监听,getAttribute,setAttribute,DOM节点创建节点、添加节点、删除节点、复制节点、替换节点,判断节点类型,获取元素(document.getElementById等),节点关系及获取方式innerHTML 、 innerText、outerhtml的区别原创 2022-09-28 10:03:05 · 2646 阅读 · 0 评论 -
Swiper匀速滚动,Swiper双向控制,Swiper控制多个
Swiper双向控制,Swiper控制多个原创 2022-09-26 10:14:05 · 1455 阅读 · 0 评论 -
electron -autoUpdater 更新
electron -autoUpdater 更新原创 2022-08-09 15:22:34 · 1118 阅读 · 0 评论 -
监听浏览器刷新事件,拦截浏览器返回,js监听移动端浏览器页面显示、隐藏
注: onbrforeunload和onunload都会在刷新和关闭页面是触发,但是onbeforeunload在onunload之前执行,并且它还可以阻止onunload的执行。那么在页面刷新时执行顺序就是onbeforeunload、onunload、onload。原创 2022-08-08 13:24:38 · 9968 阅读 · 0 评论 -
Elementui,通过Dialog,实现全局动态confirm自定义弹窗,不需要各页面单独引入组件(可显示页面、html、代码高亮显示、普通文字)
Elementui,通过el-dialog,实现confirm 弹窗原创 2022-06-23 15:34:22 · 10042 阅读 · 0 评论 -
iframe跨域传值
前端iframe跨域传值、postMessage跨域原创 2022-06-21 09:40:36 · 1059 阅读 · 0 评论 -
clipboard.js复制图文信息【vue页面可以使用,放到public下】
clipboard.js复制图文信息【vue页面可以使用,放到public下】原创 2022-06-14 17:29:22 · 222 阅读 · 0 评论 -
vue打包时,将打包文件放到上级目录
vue打包时,将打包文件放到上级目录原创 2022-06-08 10:32:52 · 480 阅读 · 0 评论 -
文本输入,js防注入,识别网址,清除富文本html,修改富文本图片样式
文本输入,js防注入,识别网址原创 2022-06-06 15:48:31 · 418 阅读 · 0 评论 -
uglifyjs-webpack-plugin 清除项目console,设置配置文件,vue打包css,js加版本号
清除项目console,配置使用 .env 文件控制项目环境,vue 解决每次发版后要清理浏览器缓存(css,js加版本号);standard-version和commitizen混合配置可以实现动化 项目版本控制原创 2022-06-01 10:12:48 · 1907 阅读 · 0 评论 -
纯js 实现图片压缩,并返回file图片信息
压缩方法: /* *file:文件的file *obj配置 {quality:0.2}压缩比例 *callback 回调 */ compressImg(file, obj, callback) { let _this = this; var ready = new FileReader(); /*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属.原创 2022-05-26 11:41:39 · 925 阅读 · 0 评论 -
vue实现列表倒计时
代码:<template><div> <div v-for="(item,index) in listDao" :key="index"> {{getDaoTime(index,'time','time_dao')}} </div></div></template>export default { data() { return { listDao:[..原创 2022-05-18 10:30:38 · 1502 阅读 · 0 评论 -
vue 全局动态修改title、keywords、description;vue常用挂载的方法,自定义指令;
const install=(Vue,router)=>{ // 跨页面传值 //this.$HWBUS.$on('fn',res=>{ // console.log(res) // })//监听 // this.$HWBUS.$emit('fn',999)//传值 Vue.prototype.$HWBUS=new Vue() // 打印操作 // html:需要打印页面的html代码,样式必须行内 // ..原创 2022-04-15 13:54:44 · 5133 阅读 · 0 评论 -
js在线预览office文件的示例代码
方法一:用微软的office online进行在线预览https://view.officeapps.live.com/op/view.aspx?src=文件地址只能查看'doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'类型方法二:用docx云服务的在线预览,用法跟微软差不多,可以实现图片http://view.xdocin.com/xdoc?_xdoc=文件地址具体文档window.open("", "newwin",`http..原创 2022-04-15 13:29:04 · 2479 阅读 · 0 评论 -
vueX 自动匹配modules,vueX插件vuex-persistedstate自动存储本地,vue 自动引入所有路由,vue批量引入组件
vueX按模块写,需要手动引入模块,可以通过代码自动引入,方便快捷代码:// 自动匹配modules目录下的js文件作为store的modules,所以新增store模块的时候必须添加在modules目录下const moduleFiles = require.context('./modules', true, /\.js$/);const modules = moduleFiles.keys().reduce((modules, modulePath) => { const..原创 2022-04-11 09:52:28 · 1683 阅读 · 0 评论 -
js 实现VUE响应式监听数据
Proxy//datalet state ={ province:'', city:'', area:'',}//watch方法let watcher = {}for(let key in state){ watcher[key]=(res)=>{ watcher[key+'_callback']=res }}const postParams = new Proxy(state,{ //获取值 g.原创 2022-03-25 11:42:31 · 1583 阅读 · 0 评论 -
JQ 使用弹窗打开项目的页面
先引入JQ <script src="/static/pc/js/jquery.1.8.2.js"></script>封装方法:function OPENPAGE(config){ let iframe_id='xxx_'+parseInt(Math.random()*100000) $('body').append(`<div class="iframeDiv d-f a-i-c j-c-c" id='iframe_${iframe..原创 2022-03-23 19:12:22 · 1451 阅读 · 0 评论 -
css实现图片翻转动画
主要是将两张图片重叠放在一起,然后实现翻转使用backface-visibility:hidden 属性,让正面图的背面不显示效果:html:<view class="icon_img">//正面图 <image class="zhengImg rotateAmview" src="http://cdn.za3.cn/official_img/index/home_bg.png"></image>//背面图 <vie...原创 2022-03-21 17:49:06 · 4128 阅读 · 3 评论 -
js 监听css3动画的执行,animation动画暂停
uniapp里:CSS 动画播放时,会发生以下三个事件:animationstart -CSS 动画开始后触发animationiteration -CSS 动画重复播放时触发animationend -CSS 动画完成后触发 @animationstart='animationstart' @animationiteration='animationiteration' @animationend ='animationend'其他方式:var c...原创 2022-03-21 14:53:37 · 4142 阅读 · 0 评论 -
获取url参数
使用:getQueryVariable('type')//获取单个的参数getQueryVariable()//获取所有参数functiong getQueryVariable(variable){ var vars=[] if( window.location.hash!=''){ var query0 = window.location.hash.split('?')[1]; if(query0)vars = query0.split("&");.原创 2022-03-16 14:11:28 · 155 阅读 · 0 评论 -
h5中js实现点击复制文案
copyToClipboard=(value, cb)=>{ const textarea = document.createElement("textarea"); textarea.value = value; document.body.appendChild(textarea); textarea.select(); document.execCommand("copy"); document.body.removeCh.原创 2022-01-29 10:09:28 · 959 阅读 · 0 评论 -
限制bootstrap-datetimepicker的input输入框只能选择,不允许输入
1.通过keydown事件,将input的键盘输入事件阻止,使它无法输入2.通过mousedown事件监听鼠标事件, 当鼠标点击为右键时: 通过contextmenu事件阻止右键默认菜单,阻止复制$(".datetimepicker").on('keydown', function (e) { e.stopPropagation(); return false;}).on('mousedown',function (even) { if(even.which...原创 2021-02-27 18:23:09 · 2501 阅读 · 1 评论 -
表单格式化插件jquery.serializeJSON,以及自定义 serializeJSONOBJ 函数
jquery.serializejson.js:下载地址 :https://pan.baidu.com/s/1mz3kHIdcW_pFkAzQxYE1YQ 提取码:oyyq ,下载引用query.serializejson.js即可;下面是自己封装的获取from参数并转换为json对象:<body> <form id='zhi'> &...原创 2019-04-12 15:55:28 · 352 阅读 · 0 评论 -
js计算两个时间相差的年、月、日、时、分、秒。
/* 时间格式:2016-8-31 10:35:00 或 2016/8/31 10:35:00 */var dateObj=dayCha('2016-8-31 10:35:00','2019-8-31')//执行方法,参数为时间,第二个时间未填默认为当前时间。var dateStr=dateObj.day+'天'+dateObj.hour+'时'+dateObj...原创 2019-02-21 10:38:33 · 7736 阅读 · 0 评论 -
网页版日历控件(原生js实现)
下载地址:https://download.csdn.net/download/qq_40591925/10837009部分JS:var xuanYear=null; var xuanMonth=null;; var xuanDate=null;; var todayXiang=null; var xuandayXiang=null; var B...原创 2018-12-08 15:15:47 · 1986 阅读 · 0 评论