js
关注
分享
扫一扫
学习使我快乐——玉祥
java，Android开发....略知一二
展开
-
nodejs制作一个简单线程池
ThreadPool 类。原创 2024-02-01 18:10:20 · 1236 阅读 · 0 评论 -
js获取上传视频的封面第一帧
代码如下：粘贴到这个在线编辑器里，可以测试效果。原创 2023-07-30 20:08:24 · 334 阅读 · 0 评论 -
解决：移动端H5的＜video＞初始化拿不到总时长
在的初始化后，会调用如下事件。解决方案：添加自动播放属性：然后这个方法里，用js在0.01秒后主动关闭播放，接着在0.1秒之后获取视频总长度即可（这里用0.01秒有几率失败）。这样连视频的预览图都省了，哈哈哈😁😁😁😁😁。。。。原创 2023-07-30 18:30:19 · 995 阅读 · 0 评论 -
正则表达式如何只获取通配符的内容？
看图找规律吧看图找规律吧正则表达式网站：原创 2022-12-23 11:08:16 · 164 阅读 · 0 评论 -
解决：＜textarea＞中tab键不追加表格符，而是切换焦点？
给你的文本框添加上tab键的按键监听。原创 2022-12-21 14:21:27 · 282 阅读 · 0 评论 -
RAP2接口文档注释纵向粘贴
【代码】RAP2接口文档注释纵向粘贴。原创 2022-12-20 19:42:47 · 263 阅读 · 0 评论 -
canvas画布合成
i++){}原创 2022-12-11 13:49:25 · 1704 阅读 · 0 评论 -
js监听复制事件，并修改内容
【代码】js监听复制事件，并修改内容。原创 2022-12-08 15:18:26 · 2043 阅读 · 0 评论 -
初识docker
docker命令集合原创 2022-12-03 20:32:45 · 753 阅读 · 0 评论 -
js预览上传的文本文件
留笔记，省的再找原创 2022-12-03 20:20:25 · 584 阅读 · 0 评论 -
js下载文件
【代码】js下载文件。原创 2022-11-23 15:11:19 · 114 阅读 · 0 评论 -
js将指定的网页元素转换为图片
比如我js生成了一个svg二维码，想要下载，但它不是图片，这时候就需要将元素转为图片了。原创 2022-11-16 15:26:21 · 2557 阅读 · 0 评论 -
js生成二维码的插件
引入js文件，测试下面这个代码，应该是管用的。原创 2022-11-16 15:22:02 · 620 阅读 · 1 评论 -
原来做div元素拖拽的时候，移动事件是要绑在document上，而不是div
之前总是把移动事件绑定在div上，结果鼠标移动太快，div跟不上，事件就获取不到了，div就卡住了。现在将移动事件和取消事件绑定在document上，即使鼠标移出浏览器，div也能跟着移动。代码可以粘到下面在线编辑器试试。原创 2022-11-09 15:20:05 · 292 阅读 · 0 评论 -
js读取剪切板字符串，图片，文本文件
一直想研究一些剪切板怎么操作使用，始终没有找到简单的js插件，今天正好有时间，研究下。原创 2022-10-25 16:28:10 · 697 阅读 · 0 评论 -
js预览本地图片
幸运的是，事件中的图片数据已经被转换成可直接识别的内容，直接赋值给即可展示。一个方法就可以了，主要是如何从事件中读取文件数据，放到展示。本地图片在上传服务器前，如何预览效果？原创 2022-10-25 13:32:33 · 619 阅读 · 0 评论 -
js函数 3位1逗
入参 number 只针对整数 （不能带小数，小数自行处理）原创 2022-09-12 10:36:06 · 155 阅读 · 0 评论 -
js获取元素自身的html代码
先获取对象，然后使用outerHTML属性。原创 2022-07-21 10:31:33 · 963 阅读 · 0 评论 -
js创建pdf文件
js原创 2022-06-29 19:38:56 · 479 阅读 · 0 评论 -
解决：Vue3去掉了this.$on、this.$emit功能
vue2中，可以实例化一个额外的Vue实例，在这个额外的实例上，搭配this.$on、this.$emit自定义监听事件，用于非父子组件之间的监听事件。随心所欲今天这样操作的时候发现报错，于是发现Vue3中已经去掉了this.$on、this.$emit这些功能。心态爆炸尝试多次无果，于是决心探究原理，自己实现一套这个操作。还是很简单的新增一个index.js文件,代码如下：export default{ map:{}, $emit(name,params)原创 2022-04-05 00:16:45 · 7531 阅读 · 4 评论 -
解决VUE3使用Ant-Design的图标组件＜a-icon＞使用报错，自己做个＜b-icon＞
浏览器控制台报错：不识别a-icon网上推荐使用循环遍历每一个组件，进行注册在main.js写这个循环，多少有点奇怪并且我在下方这行代码就已经报错了，不太懂这个语法。const icons: any = Icons;一筹莫展之际，我决定自己写一个a-icon组件。<template> <span ref="icon" v-html="code" style="width:25px;height:25px;overflow:hidden;">.原创 2022-04-04 20:24:40 · 7194 阅读 · 1 评论 -
Vue3中使用ant-design-vue注意事项
引用ant-design-vue报错npm i --save ant-design-vue@next或者yarn add ant-design-vue@next单纯的写一个yarn add ant-design-vue，可能导致后续使用时项目报错。图标引用无效，不识别a-icon原创 2022-04-04 16:12:20 · 1311 阅读 · 0 评论 -
js模拟各种按键操作
找了一个晚上，终于找到了精华： document.onkeydown=function(ev){ var event=ev ||event if(event.keyCode==13){ alert("按了enter键") } }; var e = new KeyboardEvent('keydown',{'keyCode':13,'which':13}); document.dispatchEvent(e原创 2022-03-24 00:55:54 · 13407 阅读 · 20 评论 -
Vue元素滚动监听事件（滚动到底部）
元素绑定滚动事件，及回调函数<div @scroll="loadImg(event)">................</div>js方法 methods: { loadImg(event){ let el=event.target; if(el.scrollTop+el.clientHeight>=el.scrollHeight){原创 2022-03-22 12:46:33 · 3267 阅读 · 2 评论 -
node.js历史版本安装包
https://registry.npmmirror.com/binary.html?path=node/原创 2022-03-11 14:09:00 · 910 阅读 · 0 评论 -
ant-design-vue自定义主题
首先看官方文档的解释：Ant Design Vue定制主题根据需要，我这里是vue3的版本1、修改vue.config.js，新加入如下代码块module.exports = { ........ ........ ........ css: { loaderOptions: { less: { lessOptions: { // I...原创 2022-02-27 16:51:36 · 2637 阅读 · 1 评论 -
this.getOptions is not a function
vue项目引入less功能时，报如下错误this.getOptions is not a function大概是less版本太高了，卸载重装7.x版本试试// 卸载npm uninstall --save less-loader// 安装npm install -D less-loader@7.x...原创 2022-02-27 00:04:05 · 173 阅读 · 0 评论 -
代码高亮js插件——highlight.js
官网：https://highlightjs.org/在页面中引入内容<link rel="stylesheet" href="//unpkg.com/@highlightjs/cdn-assets@11.4.0/styles/default.min.css"> <script src="//unpkg.com/@highlightjs/cdn-assets@11.4.0/highlight.min.js"></script>或者下载到本地再引用。原创 2022-02-20 14:09:26 · 887 阅读 · 0 评论 -
js解析建表SQL
如下一个建表sql CREATE TABLE `blog_info` ( `blogId` int(11) NOT NULL AUTO_INCREMENT COMMENT '文章编号', `updateTime` varchar(100) DEFAULT NULL COMMENT '更新时间', `inputUserId` varchar(100) DEFAULT NULL COMMENT '录入人', PRIMARY KEY (`blogId`) ) ENGINE.原创 2022-02-12 16:24:11 · 1524 阅读 · 0 评论 -
解决vue报错：Avoided redundant navigation to current location：/xxxx
在router文件夹的index.js加入如下代码：import VueRouter from 'vue-router';const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}重启后发现不报错了...原创 2022-01-29 15:55:40 · 1190 阅读 · 0 评论 -
解决：js使用get异步请求被CORS策略阻止:没有‘Access- control - allow - origin ‘头是在请求的资源。
Access to XMLHttpRequest at 'https://*****.com/' from origin 'http://localhost:80' has been blocked by CORS policy:No 'Access-Control-Allow-Origin' header is present on the requested resource.解决这个东西的前提是浏览器可以直接访问url，但是js的get请求会报错。今天发现了一种sao操作：用...原创 2021-12-26 23:00:54 · 2368 阅读 · 0 评论 -
js时间戳（timestamp）与时间字符串相互转换
获取当前时间戳ts（13位）let ts=new Date().getTime();将时间戳ts转换为日期var date = new Date(ts);//date就是对应的日期对象，可以取年份，日期等等各种参数函数function ts_to_time(timestamp) { var date = new Date(timestamp); Y = date.getFullYear() + '-'; M = (date.g原创 2021-11-19 14:13:05 · 7190 阅读 · 0 评论 -
js md5加密
引入md5.js文件npm install --save js-md5import md5 from 'js-md5';使用 let value=md5('123456');或者引入js文件<script src="md5.js"></script>没有的话可以百度下载，或者最下方给出了源码页面<!DOCTYPE html><html><head> <meta charset="U..原创 2021-11-19 13:48:38 · 5836 阅读 · 0 评论 -
Vue自定义监听事件
父子通信，兄弟通信，操作往往显得很繁琐，如果是两个爷孙之间，或者姑侄之间呢。。。。。因此需要有一种简单的方式来进行通信，公共参数也可以用来传数据，但不能触发调用远处的方法。$emitmain.js............var Event = new Vue();Vue.prototype.$event=Event;new Vue({ render: h => h(App),}).$mount('#app')设置监听...原创 2021-11-15 11:49:16 · 2609 阅读 · 0 评论 -
wangEditor使用总结
安装npm 安装npm i wangeditor --saveCDN 链接https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.jsimport E from 'wangeditor'const editor = new E('#div1')// 或者 const editor = new E( document.getElementById('div1') )editor.create()设置高度...原创 2021-11-13 01:00:45 · 3644 阅读 · 1 评论 -
js执行＜textarea＞写的文本代码
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body><textarea id="js" style="width: 500px;height: 300px;"></textarea><button onclick="initJS(docum.原创 2021-10-24 12:12:06 · 791 阅读 · 0 评论 -
layui.laytpl( )函数
这是一个轻量级的模板渲染函数。设置模板模板内容用一个<script></script>包围起来，取内容通过给<script>设置id以及innerHTML属性获取。如：<script id="demo"> {{ d.title }}</script>一般用d或者data来指代模板传入的数据包。渲染模板如何渲染模板内容呢？1、设置传入数据源。var data = { title: '前端攻城师'...原创 2021-10-12 15:25:30 · 2821 阅读 · 0 评论 -
Vue路由动态跳转、重定向
console.log(this.$route.path);if(this.$route.path==="/"){ this.$router.push({ path: '/library'});}原创 2021-09-22 00:49:09 · 746 阅读 · 0 评论 -
Vue安装插件记录
安装路由routernpm install vue-routerVue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。安装axiosnpm install axiosVue 要实现异步加载需要使用到 vue-resource 库。安装vue-resourcenpm install vue-resource安装jQuerynpm install jquery安装Ant Design of Vuenpm install ant-design-vu原创 2021-09-21 15:47:30 · 161 阅读 · 0 评论 -
Ant Design of Vue动态生成菜单项
有这样一种情况，需要<a-sub-menu>和<a-menu-item>共存混在一起按给出规定顺序排列。给出如下数据，将其展示在菜单上。son为空说明当前是一个普通菜单项，不为空，则是一个菜单组。menus: [ {id: "001", name: "001", son: []}, {id: "002", name: "002", son: []}, {id: "003", name: "003", son:..原创 2021-09-12 15:08:10 · 1510 阅读 · 0 评论