- 博客(24)
- 收藏
- 关注
RSS订阅原创 nprogress进度条
/中间写项目中所需要的一些代码，例如有些网页只有登录了才能进，在这里可以做出判断，判断完了满足要求后就可以放行 next()NProgress.configure({ showSpinner: false });// 导入 nprogress模块。// 导入样式，否则看不到效果。4.如果我们想改变进度条的颜色，可以进入App.vue里，在style中加上下面这样几行代码即可。//这里可以随便写颜色。
2023-02-20 15:14:56
1345
原创 vuex中 store.dispatch() 与 store.commit() 方法区别
store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给 vuex 的 mutation 改变 state。vuex中 store.dispatch() 与 store.commit() 方法区别。store.commit(‘mutations方法名’,值)store.dispatch(‘action方法名’,值)dispatch: 异步操作。commit: 同步操作。
2023-02-20 15:08:21
432
原创 判断对象为空的三种方法
判断{}为空：1，for…in… 遍历属性，为真则为“非空数组”；否则为“空数组”for (let key in obj) { // 如果不为空，则会执行到这一步，返回truereturn true}return false // 如果为空,返回false2,通过 JSON 自带的 stringify() 方法来判断:JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。if (JSON.stringify(data) === ‘{}’) {ret
2022-01-11 16:07:22
2717
原创 安全测试jquery.js版本漏洞
近期安全又在严查jquery版本及安全隐患的问题，请各项目组通过将上述脚本中的jquery源地址改为自己系统的地址后进行测试，如果出现弹窗请立即修复，并注意不要在jquery中留下版本信息。下面是给的jquery.js文件的具体信息<html><head>jQuery 11290</head><body><div data-val='#<img src="x" onerror="console.log(123!)">'>
2020-12-22 11:03:32
2737
1
原创 vue 前端参数用MD5加密
第一步：main.js文件中将md5转换成vue原型：import md5 from ‘js-md5’;Vue.prototype.$md5 = md5;第二步：在需要用到的文件中使用：this.$md5(‘holle’) // bcecb35d0a12baad472fbe0392bcc043
2020-09-27 17:02:51
326
原创 promise知识点以及使用场景，带上例子，更清晰
我们先来看一个例子，来了解一下promise使用场景 function funA(callback) { console.log("A"); setTimeout(() = > { callback() }, 100)}function funB() { console.log("B")}function funC(callback) { console.log("C") setTimeout(() = > { callback() }, 1000)}f
2020-09-18 15:29:48
953
原创 vue项目中使用watch以及属性详解
watch属性watch属性可以用来监听每一个属性的变化，watch这个对象里面都是函数，函数的名称是data中的属性名称，watch中的函数不需要调用，当属性发生改变那么就会触发watch函数，每个函数都会接受两个值，一个是新值，一个是旧值，我们可以在watch当中就行新旧值的判断来减少虚拟dom的渲染1，watch 使用方法1）通过通过watch监听data数据的变化，数据发生变化时，就会打印当前的值2）通过watch监听docData数据的变化，数据发生变化时，this.change_numb
2020-09-18 15:16:26
1075
原创 forEach()和map()的区别和理解
相同点：1， 都是循环遍历数组中的每一项2， 每次执行匿名函数都支持三个参数，参数分别为item（当前的每一项），index（索引值），arr（原数组），3， 匿名函数中的this都是指向window4， 只能遍历数组不同点1， map会分配内存空间存储新数组并返回，forEach不会返回数组2， forEach允许callback更改原始数组的元素，map返回新的数组1， forEach针对每个元素执行提供的函数，对数组的操作会改变原数组2， var arr1 = [0,2,
2020-09-18 15:12:22
617
原创 **VUE之computed一次问题和watch应用与区别**
VUE之computed一次问题和watch应用与区别Computed属性Computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理.需要注意的是有缓存问题，在系统运行时调用一次，只有当计算结果发生变化时才会被调用记录一次问题<div class="orgCode"> <span>任务类型:</span> {{taskTypeName}}</div
2020-09-18 15:08:51
223
原创 七个代码生成器 推荐收集
1.懒猴子CG我要将懒猴子CG排在第一位，因为它是真正意义上的代码生成器，是我所想的那样可以在工作中帮助我完成重复代码的编写，相信你也跟我一样。官网：http://cg.lazy-monkey.com描述：这应该是最适合个人使用的代码生成器了，因为可以通过自定义模版快速完成工作中重复的代码。只要你是个程序员，就可以使用这个网站帮你做点儿事情。网站还提供了一些常用模版可直接使用。当之无愧的“生...
2020-02-06 16:39:25
3444
1
原创 国外的一些人工智能大赛网站
应公司要求需要对国外的人工大赛做一下调研，写的不好，多多海涵，只是提供一个平台，想在参加大赛的，提升自己的可以了解一下。1.Kaggle(数据公司) 网址：https://www.kaggle.com简介： 1) 是一个全球最大的数据建模和数据分析竞赛平台， 2) 为开发商和数据科学家提供举办机器学习竞赛、托管数据库、编写和分享代码的平台。 3) 具备比赛多样、数据集全面、社群活跃...
2019-12-08 17:01:14
2017
原创 原生js实现3D图片小案例
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible...
2019-11-08 23:02:35
282
原创 用bootstrap来实现学校网页
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compat...
2019-11-08 20:09:19
3209
原创 jQuery图片懒加载
jQuery图片懒加载1，要引入两个jQuery文件，一个是 src="./jquery-1.11.0.min.js"，另一个是src="./jquery.lazyload.min.js"，顺序不能颠倒。2，要设置图片的宽高以及data-original，再给其设置一个类名3 effect: “fadeIn”,//图片显示时淡入效果 placeholder: “images/defaul...
2019-08-22 10:22:22
173
原创 冒泡排序
冒泡排序原理：依次比较相邻的两个值，如果后面的比前面的小，则将小的元素排到前面。依照这个规则进行多次并且递减的迭代，直到顺序正确。查阅说明时间复杂度指的是一个算法执行所耗费的时间空间复杂度指运行完一个程序所需内存的大小稳定指，如果a=b,a在b的前面，排序后a仍然在b的前面不稳定指，如果a=b，a在b的前面，排序后可能会交换位置时间复杂度，空间复杂度，稳定性平均时间复杂度O(nn)...
2019-08-21 19:33:07
116
原创 原生js写简易计算器
css部分 table{margin: 100px auto;height: 500px;} input{width: 100%;height: 100%;} td{color: #000;text-align: center;font-size: 40px;cursor: pointer;} input{font-size: 40px;}html部分<table width=...
2019-08-21 19:06:33
272
1
原创 Bootstrap 实例
Bootstrap 实例<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"><...
2019-08-11 13:21:58
1098
原创 思考题：var a = { n : 1} ；var b = a ；a.n = a = { m : 2} ；问 a和b 是什么？
思考题： var a = { n : 1} var b = a a.n = a = { m : 2} 问 a和b 是什么？
2019-08-06 13:06:30
530
原创 jquery实现图片轮播图插件
<div class="wrapper" id="wrap"> <img src="./img/1.png" alt=""> <img src="./img/2.png" alt=""> <img src="./img/3.png" alt=""> <img src="./img/4.png" alt=""> <img s...
2019-08-06 12:54:13
227
原创 原生 js 实现 简易 画板
<div class="container"> <canvas id="cavs" width="700" height="330"></canvas> <ul> <li><input type="color" id="colorChange"></li> <li><input ty...
2019-08-06 12:48:35
530
原创 原生js 实现别踩白块
别踩白块 *{ margin: 0; padding: 0; text-decoration: none;}h3{text-align: center;margin-top: 80px;position: relative;}.wrapper{width: 400px;height: 600px;position:relativ...
2019-08-06 12:31:28
236
原创 js 日常问题
（1） this的指向问题1 ， 函数预编译过程 this —> window2 , 全局作用域里 this —> window3 , call / apply 可以改变函数运行时this 的指向4 ， obj.func(); func()里面的this 指向obj（2）js 中的new()到底做了些什么？要创建某的新实例 ，必须要使用new 操作符。以这种方法调用...
2019-08-06 10:51:40
109
原创 js常见错误类型
js 错误类型A、Uncaught TypeError: Failed to execute ‘getComputedStyle’ on ‘Window’: parameter 1 is not of type ‘Element’.未捕获的类型错误：不能在“窗口”环境上调用执行“getComputedStyle”方法：因为参数1不是“元素”类型没有填入参数或者填入参数的第一个参数不是对应参数类...
2019-08-06 09:54:29
1597
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人