- 博客(149)
- 资源 (29)
- 收藏
- 关注
RSS订阅原创 vue3.2+vite+elementPlus，build引入CDN依赖包，提升打包速率，vite-plugin-cdn-import
注意使用vite-plugin-cdn-import插件 不能按需引入element、直接在main.ts中使用全局引入的方式，打包后会自动按照cdn引入。如果不引入vue-demi，可以理解为vue和vue-demi 是互相引用的关系。依赖引用并非全部可用,有的js会不兼容, 自行尝试通过可用后在进行引用操作!根据需要自行切换相关CDN。jsdelivr网站。
2023-06-29 14:59:43
3936
1
原创 vue3.0 keep-alive缓存使用 组件属性 :include=“[‘LoginName‘,‘sfd‘]“ 包括 :exclude=““ 不包括 :max=““
注释没使用之前，1.onMounted 执行一次，onUnmounted切换时执行keep-alive缓存组件属性 :include=“[‘LoginName’,‘sfd’]” 包括 :exclude=“” 不包括 :max=“”1.keep-alive 自带方法 onActivated 、onDeactivated，离开是执行代码视图如下；1.app.vue<template> <div> <button @click="switchC
2022-05-04 21:46:32
820
1
原创 vue3.0 teleport传送组件，使用
可以把标签，直接暴露在指定路径下<template> <div class="content"> <!-- 只有v-if="false" 比teleport层级高 ,v-show='false'层级低--> <teleport to="body"> <div class="loading"> loading..... </div>
2022-05-04 21:34:41
662
原创 echarts，map中国地图点击各省，跳转展示，从省返回到中国地图【china.js】
echarts，map中国地图点击各省，跳转展示，从省返回到中国地图【china.js】
2022-04-18 15:09:52
4703
3
原创 js默认已有标签，不会重复添加 文章标签：【回车添加下一个标签】
js默认已有标签，不会重复添加 文章标签：【回车添加下一个标签】，类似CSDN分类专栏
2022-04-15 17:12:45
954
原创 js字符串换行，每十个字符换行（考虑中英文情况，2种方案，正则与常规方法）
js字符串换行，每十个字符换行（考虑中英文情况，2中方案，正则与常规方法）
2022-04-15 15:07:10
10030
原创 html，js div开启contenteditable=“true“属性可编辑时，按回车键会出现div，如何禁止生成
方案一：让改元素以下只显示文本就不会显示其他标签了.read-write-plaintext-only { //纯文本 -webkit-user-modify: read-write-plaintext-only;}方案二：通过jquery的事件，手动生成标签$('#chat_editor[contenteditable]').keydown(function(e) { if (e.keyCode === 13) { document.execCommand('in
2021-08-30 14:44:20
1220
原创 Echarts legend名称过长时，formatter，省略号或自定义换行显示
formatter: function (params) {//超过十个字符就换行展示// return (name.length > 10 ? (name.slice(0,10)+"...") : name ); var newParamsName = "";// 最终拼接成的字符串 var paramsNameNumber = params.length;
2021-07-07 14:32:29
2230
原创 浏览器 excel本地预览，支持合并单元格预览
效果图说明：支持合并单元格预览1.index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{ border-collapse: collapse; } th,td{ border: solid 1
2020-12-31 16:44:33
453
原创 node+redis+阿里云短信验证码，注册手机验证码完整功能代码
功能部分登陆：注册：手机验证码，密码加密存储修改密码：修改时间存储删除用户：1.功能效果图2.数据库存储3.redis desktop manager可视化管理工具，验证码存储4.代码部分目录一、详细代码1.indeAjax.html前台页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con
2020-12-15 11:08:50
1065
原创 node注册用户，阿里云手机短信验证码，免费试用套餐
一、阿里云短信验证码部分1.注册阿里云账号2.阿里云-》国内短信服务添加，添加签名、模版管理【规范填写】；这里需要等待审核，所有提前申请3.参考阿里云接口文档https://help.aliyun.com/document_detail/112185.html?spm=a2c4g.11174283.6.658.492f2c42rAKjUz4.请参考以下步骤，使用依赖包工具安装Node.js SDK。执行以下命令，安装阿里云SDK核心库。npm install @alicloud/pop-c
2020-12-15 10:24:45
529
原创 node中redis如何使用，存储与获取key，value
前两篇已经介绍，redis安装，使用一、redis存储部分1.keys.js存储redis信息module.exports = { redis:{ url:'127.0.0.1', port:6379, password:'123456' }};2.redis.js方法const redis = require('redis');const config = require('./keys').redisconst client = redis
2020-12-15 10:20:15
2051
原创 Redis设置密码两种方法，临时性与永久性
设置密码有两种方式。1. 命令行设置密码。运行cmd切换到redis根目录，先启动服务端redis-server.exe另开一个cmd切换到redis根目录，启动客户端redis-cli.exe -h 127.0.0.1 -p 6379客户端使用config get requirepass命令查看密码config get requirepass1)"requirepass"2)"" //默认空客户端使用config set requirepass yourpassword命令
2020-12-14 17:27:08
7177
原创 redis下载与安装
一、redis安装与配置1.redis下载下载地址：https://github.com/tporadowski/redis/releases。Redis 支持 32 位和 64 位。这个需要根据你系统平台的实际情况选择，这里我们下载 Redis-x64-xxx.zip压缩包到 C 盘，解压后，将文件夹重新命名为 redis。打开文件夹，内容如下：2.打开一个 cmd 窗口 使用 cd 命令切换目录到C:\Program Files\Redis 运行：redis-server.exe red
2020-12-14 17:10:02
504
原创 node.js获取当前时间并格式化require(‘moment‘)
1.安装moment包$ npm install --save moment2.等待安装，如果很慢就用下面命令代替$ npm install --registry=https://registry.npm.taobao.org --save moment3.再查看package.json⽂件，看看⽬录下的⽂件，看看哪⾥有变化。下⾯开始引⽤这个包，在项⽬根⽬录下建⽴⼀下js⽂件：const moment = require(‘moment’);console.log(mom
2020-12-01 16:27:15
1718
原创 node mysql连接池问题connection.release()、connection.destroy()、pool.end()
在开发项目时，建立一个数据库连接所消耗的性能成本是比较高的，如果为每一个接收到的客户端请求都建立一个或者多个数据库连接，将会严重降低应用程序的性能，因此，通常需要为多个数据库连接创建并维护一个连接池，当连接不再需要使用时，这些连接可以缓存在连接池中，当接收到下一个客户端请求时，可以从连接池中取出连接并重新利用，而不需要再重新建立数据库连接在mysql模块中，使用createPool方法创建连接池，在建立了连接池之后，可以直接使用连接池对象的getConnection方法从连接池中获取一个连接，如果连接池中
2020-12-01 16:23:28
5221
原创 浅谈JS 中深拷贝的几种实现方法
1、使用递归的方式实现深拷贝//使用递归的方式实现数组、对象的深拷贝function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空，并且是对象或者是 if (obj && typeof obj === "object") { for (key in obj) {
2020-11-05 10:33:26
357
原创 实现禁止复制网页内容汇总javascript、css
javascript实现禁止复制网页内容汇总.方法一：// 禁用右键菜单、复制、选择$(document).bind("contextmenu copy selectstart", function() { return false;});方法二：// 禁用Ctrl+C和Ctrl+V（所有浏览器均支持）$(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 65 || e.keyCode ==
2020-09-03 16:52:18
357
原创 js 阻止事件冒泡和默认行为 if(event.target == this)、stopPropagation、preventDefault、return false
js 阻止事件冒泡和默认行为 if(event.target == this)、stopPropagation、preventDefault、return false一、.点击，阻止冒泡事件、阻止默认行为if(event.target == this){}//阻止冒泡，阻止后代对你的影响【最优】event.stopPropagation();//阻止冒泡，阻止你对长辈元素的影响，但不能阻止后代元素对你的影响event.preventDefault()；//阻止默认行为，eg:阻止a标签连接跳转r
2020-09-03 16:48:09
631
原创 浏览器，编码、解码：escape(),encodeURI(),encodeURIComponent()
简单明了总结encodeURI()【常用，整个url】encodeURIComponent() 【常用，部分url】三种情况介绍一、escape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。比如"春节"的返回结果是%u6625%u8282，，escape()不对"+"编码 主要用于汉字编码，现在已经不提倡使用。二、encodeURI()是Javascri...
2019-12-13 14:36:12
420
原创 js中window点location点href跳转页面与window点open打开新窗口与的方法
1.超链接<a href="http://www.jb51.net" title="脚本之家">Welcome</a>等效于js代码window.location.href="http://www.jb51.net"; //在同当前窗口中打开窗口 2.超链接<a href="http://www.jb51.net" title="脚本之家" t...
2019-10-24 16:53:28
10755
1
原创 echarts 简单词云制作，自定义图案词云echarts-wordcloud.js
第一种、简单一、html<div id='patent-hot-word1'></div><script src="public/echarts/echarts.js"></script><script src="public/echarts/echarts-wordcloud.js"></script>二、js...
2019-07-19 15:57:47
30639
2
原创 echarts，world.js绘制世界地图，数据显示颜色区域，tooltip提示框通过formatter分别显示多个数值
示意图一、引入<div id="main" style="width: 1200px;height:600px;border:1px solid #ccc"></div> <script src="echarts.min.js"></script> <script src="world.js"></script> ...
2019-07-19 15:38:32
15195
10
转载 echarts中如何使用timeline组件
1.吃碗面这里关于echarts3 官网的示例我不得不吐槽一下，逼格真高!一小部分示例动不动数据就是国家统计局搞出来的，你脸真大。当然他们做的示例的确是很好，这一点毫无疑问。当我看了echarts3关于timeline的使用，我就觉得我有必要写一篇Echarts中timeline组件的使用。这玩意东西时间久了，真心容易忘，就当是做个备忘吧。这里还是要再说两句，百度的echarts 官方文档写很...
2019-07-17 14:47:54
4048
原创 echarts点击缩略图，隐藏图标效果实现legend-selected
legend：{selected: {// ‘降水量’ : false},}option = { legend: { orient: 'horizontal', // 'vertical' x: 'right', // 'center' | 'left' | {number}, y: 'top', // 'center' | 'b...
2019-07-11 10:07:16
2827
原创 JQ 实现Promise，ajax Promise-then-当一个函数返回结果在往下执行
ajax1(number).then(function (appNumData) { console.log(appNumData);//ajax1请求返回后的值 ajax2(appNumData);//执行}；function ajax1(data1) { var def= $.Deferred();//1.定义 var url = window.location.ori...
2019-07-08 13:58:29
2084
1
原创 node.js，删除非空目录（删除文件目录过多的文件）
第二种// 删除非空目录var fs = require(‘fs’);//使用同步的方式实现function deldir§ {var list = fs.readdirSync§;list.forEach(function (v, i) {var fn = p + ‘/’ + v;var stats = fs.statSync(fn);console.log(fn);if (...
2019-06-22 19:24:59
2498
原创 js，e.pageX、pageY模态框拖动
手写模态框拖动功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tk-modal{ position: absolute...
2019-05-15 17:34:15
779
原创 js翻页、kkpager.js翻页
一、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*分页样式*/.pager-nav{ text-align: c...
2019-05-14 17:07:29
449
原创 js下载文件，FileSaver.js导出txt、excel文件
新开发了一个“证书到期报警”功能，要实现一个功能是：后台将证书已字符串形式传给我，实现导出Txt文件。我选用了FileSaver.js插件，实现导出txt文件下载地址：https://github.com/eligrey/FileSaver.js/用法：第一步：引用第二步： 导出生成文本function downloadText(data) {var blob = new Blo...
2019-05-14 14:07:29
8977
2
原创 前端-分页翻页中页码处理html、vue通用，单页请求ajax
一、html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">.navigation-div{ overflow: auto; ...
2019-04-10 14:20:24
1294
原创 2019.3.4前端常见面试题
1.1输出结果1.var a=1;function test(){ alert(a) var a=10; alert(a)}test();undefined，102.var a=1;function test(){ alert(a) let a=10; alert(a)}test();VM259:3 Uncaught ReferenceError: a is n...
2019-03-04 22:17:59
357
原创 videojs转canvas暂停、播放、切换视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #video{
2018-12-26 14:41:47
5042
6
原创 cavans实现静态滚动弹幕
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 弹幕文字 --
2018-12-26 10:34:25
544
转载 原生JS-获取transform值 x y z及rotate旋转角度
CSS3的时代经常会操作transform动画属性，所以也会有想获取transform属性的时候，不过当你去取值时就懵逼了，得出来的是matrix矩阵数值，而且有一点让你恼火，当你操作过z，矩阵的长度与排序就不一样了，你无法固定的取值，（貌似用jQ的一个方法是能固定取到），为了能正常取到这些值，从网上找了一些纯js版的修修改改总算搞定了。function getTranslate(node,st...
2018-12-14 19:10:59
10188
原创 js 获得当前时间，时间与时间戳的转换
一、属性11.6获得当前时间，倒计时js中获取时间new date()的用法var myDate = new Date();//获取系统当前时间myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.g...
2018-11-06 14:59:45
15696
原创 canvas上传图片base64-有裁剪功能-Jcrop.js
图片实例 1.初始样子 2.点击上传图片-弹出框 3.可以设置是否-上传图片大小，limitImg = true 4.可以设置是否-有裁剪图片大小条件，limitImg = true，可手动更改 5.裁剪过大图片，可以进行比例缩小，到你需要的尺寸。（eg:实际裁剪过大，自动生成1400px,可配置） 6.点击裁剪成功后canvas画图 var ctx = canv...
2018-09-06 11:23:58
620
echarts，map中国地图点击各省，跳转展示，从省返回到中国地图【china.js】 3.各省地图，代码打包
2022-04-18
FileSaver数据txt和excel保存到本地.zip
2019-05-14
图片上传裁剪croppie【完整版】
2018-11-06
canvas上传图片base64-有裁剪功能-Jcrop.js
2018-09-06
本地缓存JSCSS.zip
2018-02-27
慕课JAVA入门(三)学生选课全部代码
2018-02-19
最全的JDK1.6&1.8chm&apihtml;
2018-02-16
Java入门第三季Collection 接口 & List 接口简介,学生选课(增、删、改、查)
2018-02-14
最新Sortable – 简单灵活的 JavaScript 拖放排序插件
2017-11-23
最新SSM个人搭建
2017-11-14
最新Node.js+MongoDB+AngularJS Web.pdf
2017-11-11
好用的SSM框架
2017-11-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人