- 博客(25)
- 收藏
- 关注
RSS订阅原创 $notify实现倒计时效果
//倒计时countDown() { const TIME_COUNT = 10; if (!this.timer) { this.count = TIME_COUNT; this.timer = setInterval(() => { if (this.count > 0 && this.count <= TIME_COUNT) { this.count-
2021-06-04 10:13:02
615
原创 VUE中全局定义防抖节流；
//防抖节流 const throttle = function (func, delay) { //上一次函数执行时间 let prev = 0; //arguments return function () { let now = Date.now(); if (now - prev >= delay) { func.apply(this, arg
2021-05-06 17:21:32
255
原创 input上传文件格式限制
accept值“application/vnd.ms-excel ,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet”上传格式必须excel表格“application/zip”上传格式必须为压缩包
2021-03-26 11:04:44
729
原创 echarts中formatter自定义换行
formatter:function(params) { let newParamsName = ""; //汉字匹配正则 let reg = new RegExp("[\\u4E00-\\u9FFF]+","g"); let paramsNameNumber = params.length; let provideNumber = 2; //一.
2021-03-04 13:25:05
4526
1
原创 echarts外部触发echarts事件 VUE
//显示事件listMousEnter(event){ event.target.style.backgroundColor='#f00'; console.log(event.target.innerText.match("[\u4e00-\u9fa5]+")) //显示高亮 this.myChart.dispatchAction({ type: 'highlight', name: event.ta
2021-02-23 15:29:34
865
1
原创 解决Vue项目中VueX数据页面刷新数据丢失的问题
//将vuex中的数据存贮以防刷新丢失setStore (){ if (sessionStorage.getItem("store") ) { //replaceState(state: Object):替换 store 的根状态，仅用状态合并或时光旅行调试 //Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。 this.$store.replaceState(Object.assign({},this.$store.sta
2020-11-24 16:53:37
842
原创 CSS实现文字动画炫酷效果
span{//设置文字动画背景动图 background:url(https://www.17sucai.com/preview/776331/2019-07-28/asw/img/giphy.gif);//调节图片大小位置 background-position-x: 0%; background-position-y: 0%; background-size: auto; background-clip: border-box; background-size: contain; ba
2020-08-25 15:55:55
2268
原创 ES6入门基础知识总结
变量 var&let&constvar：可以重复声明，变量可以修改，可变量提升。let：不能重复声明，变量可以修改，块级作用域，不可变量提升。const：不能重复声明，变量不可以修改，块级作用域，不可变量提升。箭头函数 ()=>如果只有一个参数，()可以省略。如果只有一个return，{}可以省略。//完整写法let fun=function(a){ return a*2;}//箭头函数let fun=(a)=>{return a*2}let f
2020-07-29 16:47:55
1116
原创 indexedDB的使用
参考链接:参考链接1阮一峰indexDB事件详解<html><head> <meta charset="utf-8"> <link rel="icon" href="data:;base64,="></head><body style="margin: 0"><script> const dataName = 'addDatebase'; //1.打开并创建数据库
2020-07-27 19:34:10
175
原创 点击图片获取当前色值
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas 获取图像颜色</title> <style> body { tran
2020-07-23 18:30:19
254
原创 区分break语句,continue语句与Label语句!!!
break语句:跳出当前循环,当前循环结束后续的动作.continue语句:跳出当前循环中的本次循环,当前循环依旧会执行.label语句: 根据前缀是break还是continue有不同的执行方式label(自定义标签名):statement(声明)//举例1：break label var num = 0; //声明 outermost: for (var i=0; i < 10; i++) { for (var j=0; j < 10; j++) {
2020-07-13 10:57:24
194
原创 rem与px转换
//rem换算function fontSize(res){ let docEl = document.documentElement, clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; if (!clientWidth) return; //设计稿为1920 let fontSize = 100 * (clientWidth / 192
2020-07-07 13:41:50
312
2
原创 选择除指定div的任意区域触发事件JavaScript
$(document).click(function (e) { console.log(e); //获取点击对象 var target = $(e.target); //判断点击对象是否不属于指定区域 if (!target.is('.codeList *')) { //代码操作
2020-06-24 15:15:02
393
原创 构造函数与普通函数的区别详解
//1.构造函数也是一个普通函数,创建方式与普通函数一样,但是构造函数习惯上首字母大写.//普通函数function person(){ console.log(this==window) //true}//构造函数function Person(){ console.log(this); //构造函数内部的this指向函数本身}//2.调用方式不一样,作用不同.person(); //普通函数调用new Person(); //构造函数调用//3.t
2020-06-11 14:42:56
324
原创 Git的基本操作之文件上传与创建自己的分支
git文件上传解析在需要上传的文件夹内打开 cmd【git add .】添加到本地仓储【git commit -m “上传描述”】 提交到本地仓储并描述【git push origin zjj】推送到指定远程分支【git checkout master】切换分支【git pull】拉取当前分支数据【git checkout zjj】切换分支【git merge master】当前分支与该分支合并文件【git status】查询是否有重复项目git创建自己的分支在需要创建分支的文件
2020-05-15 10:23:09
266
原创 ajax一般请求
<script> function receive(a){ //var this=$(this); console.log(a); var res=$(a).attr("data-res"); //执行人id var id=$(a).attr("data-id"); //任务id var userInf=JSON.parse(localStorage....
2020-05-15 10:19:35
136
原创 click的绑定与解绑
$(function(){ $("#fzr").click(function(){ console.log("zhixing"); // alert("fzr+外") $(".searchBox").show(); $(".searchBox").on('click','.useritem',function(){ console....
2019-10-31 11:06:27
239
原创 input直接调用函数
<script> if(status==0){ superscript="images/0.jpg"; btn="<button type='button' class='btn btn-primary btn_style' style='background: #09AD56' data-res='"+responsible_id+"' data-id='"+id+"'...
2019-10-24 11:34:55
2884
原创 xmlhttp.status的值及解释
xmlhttp.status的值及解释：100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件206——服务器已经完成了部分用户的GET请求...
2019-10-16 09:47:16
160
原创 input判断并跳转
<script> //DOM对象调用需要写在head里面 //button判断跳转 function enter() { var color =$("#rule").css("backgroundColor"); if(color==="rgb(255, 255, 255)"){ ...
2019-04-29 10:55:07
601
原创 背景图片设置属性
background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。cover：当使用该属性时，图片将被缩放至恰好能覆盖div，并且图片被隐藏的部分最少，这种属性在大图背景中应用比较广泛。这点比较难理解，需要结合实践理解。co...
2019-04-27 11:31:47
1426
原创 JQ实现轮播图
<script> $(function(){ var t; var index= 0; t=setInterval(play,5000); //自动轮播 function play(){ // ...
2019-04-22 16:39:49
948
原创 兼容各种模式的图片旋转
<!DOCTYPE html><html lang="en"><head><script src="http://code.jquery.com/jquery-latest.js"></script><style> img { transform: rotate(30deg); ...
2019-04-09 13:20:26
269
原创 使用JQuery实现盒子自动循环切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*设置盒子大小背景色*/ .div { wi...
2019-04-02 14:11:49
942
原创 判断checkbox的状态后实现跳转或者显示提示弹框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://code.jquery.com/jquery-2.1.4.min.js">&l...
2019-03-29 16:55:20
1624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人