自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

唐策的博客

先技术,再思想。实践出真知。

  • 博客(139)
  • 资源 (28)
  • 收藏
  • 关注

原创 浏览器 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 27

原创 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 99

原创 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 34

原创 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 168

原创 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 85

原创 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 18

原创 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 58

原创 node mysql连接池问题connection.release()、connection.destroy()、pool.end()

在开发项目时,建立一个数据库连接所消耗的性能成本是比较高的,如果为每一个接收到的客户端请求都建立一个或者多个数据库连接,将会严重降低应用程序的性能,因此,通常需要为多个数据库连接创建并维护一个连接池,当连接不再需要使用时,这些连接可以缓存在连接池中,当接收到下一个客户端请求时,可以从连接池中取出连接并重新利用,而不需要再重新建立数据库连接在mysql模块中,使用createPool方法创建连接池,在建立了连接池之后,可以直接使用连接池对象的getConnection方法从连接池中获取一个连接,如果连接池中

2020-12-01 16:23:28 314

原创 浅谈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 99

原创 实现禁止复制网页内容汇总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 65

原创 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 83

原创 浏览器,编码、解码:escape(),encodeURI(),encodeURIComponent()

简单明了总结encodeURI()【常用,整个url】encodeURIComponent() 【常用,部分url】三种情况介绍一、escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。比如"春节"的返回结果是%u6625%u8282,,escape()不对"+"编码 主要用于汉字编码,现在已经不提倡使用。二、encodeURI()是Javascri...

2019-12-13 14:36:12 119

原创 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 6261

原创 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 10051 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 3374 5

转载 echarts中如何使用timeline组件

1.吃碗面这里关于echarts3 官网的示例我不得不吐槽一下,逼格真高!一小部分示例动不动数据就是国家统计局搞出来的,你脸真大。当然他们做的示例的确是很好,这一点毫无疑问。当我看了echarts3关于timeline的使用,我就觉得我有必要写一篇Echarts中timeline组件的使用。这玩意东西时间久了,真心容易忘,就当是做个备忘吧。这里还是要再说两句,百度的echarts 官方文档写很...

2019-07-17 14:47:54 716

原创 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 1112

原创 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 1312

原创 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 1449

原创 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 334

原创 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 258

原创 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 6114 1

原创 前端-分页翻页中页码处理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 733

原创 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 180

原创 videojs转canvas暂停、播放、切换视频

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style type="text/css"&gt; #video{

2018-12-26 14:41:47 3763 5

原创 cavans实现静态滚动弹幕

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;!-- 弹幕文字 --

2018-12-26 10:34:25 350

转载 原生JS-获取transform值 x y z及rotate旋转角度

CSS3的时代经常会操作transform动画属性,所以也会有想获取transform属性的时候,不过当你去取值时就懵逼了,得出来的是matrix矩阵数值,而且有一点让你恼火,当你操作过z,矩阵的长度与排序就不一样了,你无法固定的取值,(貌似用jQ的一个方法是能固定取到),为了能正常取到这些值,从网上找了一些纯js版的修修改改总算搞定了。function getTranslate(node,st...

2018-12-14 19:10:59 6664

原创 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 13492

原创 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 369

原创 上传图片获取宽高

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;获取上传图片的宽高&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;for

2018-09-06 11:04:56 1199

原创 图片随手机水平移动-陀螺仪。360度设置条件

说明: 图片随手机水平移动-陀螺仪。360度设置条件 1.初始位置为中心,左右各转90度,图片显示完整。 2.可以设置图片初始位置距离中心的距离(初始显示图片的主要位置部分) var changeDeg90 = wrap_translateX / full_bgimgW; //初始,距离中心偏移度数&amp;lt;!doctype html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;...

2018-09-06 10:54:38 1759

原创 移动端双指缩放事件(原生),e.originalEvent.touches

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;双指缩放事件&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;div class=

2018-09-06 10:47:53 11009

原创 码云,正式支持 Pages 功能,可以部署静态页面

使用前须知 1、Pages 默认的根文件是 index.html 2、静态网页的样式可以自己写,也可以拿一些静态模版来修改,Pages服务本身不提供任何形式的模版,但我们后续会陆续增加例子,供大家参考使用。 3、如果你想以根目录的形式访问自己的静态网站,只需要建立一个与自己个性地址同名的项目即可,如http://git.oschina.net/ipvb 这个用户,想要创建一个自己的站点,...

2018-08-21 15:41:37 8615

原创 git连接码云,实现项目代码上传

一、git安装 1、首先在官方网站下载git工具,或者根据以下链接进行下载:http://download.csdn.net/detail/qq_27501889/9788879(此链接版本为git-2.11版本) 2、找到Git-2.11.exe文件,双击安装3、点击next继续下一步4、更改安装路径,点击next下一步5、勾选Additonai icons,创建桌面图标,不想创...

2018-08-21 15:02:30 306

原创 video视频转画布,通过getContext('2d').drawImage(v, 0, 0, 270, 135)方法

video视频转画布,通过getContext(‘2d’).drawImage(v, 0, 0, 270, 135)方法&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&g

2018-08-08 15:10:05 2578

原创 video视频转成canvas(兼容至IE8+,全原生JS)

video视频转成canvas(兼容至IE8+,全原生JS)&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Do

2018-08-08 15:05:16 3871

原创 video原生js,切换清晰度、广告时间、跳过广告

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;H5视频标签&lt;/title&gt; &lt;style type="text/css"&gt; .hide{ display:

2018-08-07 17:46:39 3557 1

原创 video视频播放,play()、pause()、duration时长、onended播放结束

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;button cla

2018-08-07 17:32:15 11857

原创 CSS实现,头部高度固定,主体高度铺满剩余高度;主体左侧固定宽度,右侧铺满剩余宽度

原理: 如题:顶部底部固定高度,中间部分铺满屏幕剩余高度,中间盒子里又左盒子固定宽度,右盒子自适应宽度且距左盒子总是20px主要解决方法是中间盒子的top:40px;bottom:40px;设置。原理是在position是absolute时同时设置top和bottom或者同时设置left和right,高度或宽度会被拉伸到指定位置&lt;!DOCTYPE html&gt;&lt;ht...

2018-07-12 22:40:42 2097

原创 获取滚动到顶部距离scrollTop、$('#a')[0].scrollIntoView(),兼容各浏览器的方法,包括移动端PC端

1、各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop; Safari: safari 比较特别,有自己获取scrollTop的函数 ...

2018-07-03 15:22:44 14380 1

echarts-大部分插件地图.zip

1.echarts-大部分插件地图 2.world.js世界地图js 3.各种theme,可以自由切换 4.包括词云

2019-07-19

本地缓存JSCSS.zip

将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间,下面的代码可以实现此功能: Web使用localStorage缓存Js和css文件

2018-02-27

最新Node.js+MongoDB+AngularJS Web.pdf

Node.js+MongoDB+AngularJS Web开发.zip 《Node.js + Mongodb + AngularJS web开发》--源代码(2015.09.04) 1.Node.js学习必备; 2.MongoDB学习必备; 3.Mongoose学习必备; 4.Express框架学习必备

2017-11-11

最新Sortable – 简单灵活的 JavaScript 拖放排序插件

( Sortable – 简单灵活的 JavaScript 拖放排序插件, ( Sortable – 简单灵活的 JavaScript 拖放排序插件 亲测很好用,修改简单

2017-11-23

excel本地预览.rar

1.js,浏览器 excel本地预览,支持合并单元格预览

2020-12-31

FileSaver数据txt和excel保存到本地.zip

1.FileSaver.js数据保存txt FileSaver.js数据保存excel FileSaver.js数据保存doc

2019-05-14

好用的SSM框架

Spring+SpringMVC+MyBatis,详细的Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而,Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益。 简单来说,Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。

2017-11-06

图片上传裁剪croppie【完整版】

【真心不错,可以直接应用到项目里面:】 略: 图片上传裁剪croppie【完整版】 图片上传裁剪croppie【完整版】 图片上传裁剪croppie【完整版】

2018-11-06

下拉选择勾选CheckboxSelect.zip

1.下拉选择CheckboxSelect 2.全选单双多选 3.获取参数 4.功能很齐全

2019-07-19

require.js插件-text.js使用

require.js插件 require.js还提供一系列插件,实现一些特定的功能。 text.js插件的使用

2018-03-01

最新SSM个人搭建

2017.11.14个人写的ssm框架SSM框架——详细整合教程(Spring+SpringMVC+MyBatis), 1.分享给大多数爱好者 2.资源分最低(共同进步) 3.保证可以运行

2017-11-14

live2dDemo-master.zip

多个动画大全都包含在里面, ive2dDemo-master, 动画制作、, 看板娘模型、

2019-05-17

jQuery .prop()属性全选反选

两大部分,对JQ . prop()属性的完美解释,及对jquery.tableCheckbox.jsd 解释

2017-07-05

稳定的arcgis_js_4v_api

稳定的arcgis_js_v_api

2017-08-21

canvas上传图片base64-有裁剪功能-Jcrop.js

1.canvas上传图片base64-有裁剪功能-Jcrop.js 2.3.可以设置是否-上传图片大小,limitImg = true 3.4.可以设置是否-有裁剪图片大小条件,limitImg = true,可手动更改 可预览图片地址 https://blog.csdn.net/qq_29132907/article/details/82458365

2018-09-06

web页面 慕课【仿】

样式逼真

2016-12-09

Java入门第三季Collection 接口 & List 接口简介,学生选课(增、删、改、查)

Java入门第三季Collection 接口 & List 接口简介,学生选课(增、删、改、查)

2018-02-14

慕课JAVA入门(三)学生选课全部代码

4-1java中的集合框架 4-2 Collection接口和List接口 4-8学生选课-课程删除 4-9学生选课-应用泛型管理课程 4-10学生选课-应用泛型管理课程2 4-11学生选课-通过Set集合管理 5-1Map&HashMap;简介 5-2学生选课-使用Map添加学生 5-3学生选课-删除Map中的学生 5-4学生选课-修改Map中的学生 6-1学生选课-判断List中课程是否存在 6-2学生选课-判断Set中课程是否存在 6-3学生选课-获取List中课程的位置 6-4学生选课-判断Map中是否包含指定的key和value 6-5应用Collections.sort()实现List排序 6-6学生选课-尝试对学生序列排序 6-7Comparable&Comparator;简介

2018-02-19

jq-Sortable.js最强大的购物车拖拽demo

jq-Sortable.js最强大的购物车拖拽demo

2017-01-09

上传裁剪图片croppie

上传裁剪图片croppie

2018-11-06

最好的创意的轻量级HTML模板

不下载绝对后悔一生,创意的轻量级HTML模板,好资源愿与大家一起分享。

2017-03-17

仿豆丁网百度文库+后台代码

仿豆丁网百度文库+后台代码

2017-03-17

My97DatePicker日历控件

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 1、下载My97DatePicker组件包

2018-01-17

2017DHTML 手册离线[最新]

2017DHTML 手册离线[最新]

2017-07-07

最新版w3cschool菜鸟教程离线

w3cschool菜鸟教程离线

2017-07-05

稳定的arcgis_js_313v_api

稳定的arcgis_js_313v_api

2017-08-21

kkpager和自定义翻页.zip

kkpager和自定义翻页

2019-05-14

最全的JDK1.6&1.8chm&apihtml;

1. JDK1.6.CHM 2. 1.8.chm 3. ap.ihtml 包含3个文档 JDK1.8 API 中文 百度翻译版 java帮助文档 JDK API java 帮助文档 百度翻译 JDK1.8 API 中文 百度翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用百度翻译,非人工翻译。准确性不能保证,请与英文版配合使用

2018-02-16

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除