2019年12月_ZzTiAmo_CSDN博客

ZzTiAmo

码龄6年

个人简介：那日见你，我一生已尽

IP 属地：上海市

查看详细资料

个人成就

获得10次点赞
内容获得3次评论
获得80次收藏
代码片获得129次分享

TA的专栏

搜TA的内容

nprogress进度条

/中间写项目中所需要的一些代码，例如有些网页只有登录了才能进，在这里可以做出判断，判断完了满足要求后就可以放行 next()NProgress.configure({ showSpinner: false });// 导入 nprogress模块。// 导入样式，否则看不到效果。4.如果我们想改变进度条的颜色，可以进入App.vue里，在style中加上下面这样几行代码即可。//这里可以随便写颜色。

发布博客 2023.02.20 ·

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 ·

判断对象为空的三种方法

判断{}为空：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 ·

js控制android原生返回按钮

发布动态 2021.07.19

在vue web移动端中使用滑动事件

发布动态 2021.07.18

Vue移动端触滑事件

发布动态 2021.07.18

安全测试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 ·

vue 前端参数用MD5加密

第一步：main.js文件中将md5转换成vue原型：import md5 from ‘js-md5’;Vue.prototype.$md5 = md5;第二步：在需要用到的文件中使用：this.$md5(‘holle’) // bcecb35d0a12baad472fbe0392bcc043

发布博客 2020.09.27 ·

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 ·

vue项目中使用watch以及属性详解

watch属性watch属性可以用来监听每一个属性的变化，watch这个对象里面都是函数，函数的名称是data中的属性名称，watch中的函数不需要调用，当属性发生改变那么就会触发watch函数，每个函数都会接受两个值，一个是新值，一个是旧值，我们可以在watch当中就行新旧值的判断来减少虚拟dom的渲染1，watch 使用方法1）通过通过watch监听data数据的变化，数据发生变化时，就会打印当前的值2）通过watch监听docData数据的变化，数据发生变化时，this.change_numb

发布博客 2020.09.18 ·

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 ·

VUE之computed一次问题和watch应用与区别

VUE之computed一次问题和watch应用与区别Computed属性Computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理.需要注意的是有缓存问题，在系统运行时调用一次，只有当计算结果发生变化时才会被调用记录一次问题<div class="orgCode"> <span>任务类型:</span> {{taskTypeName}}</div

发布博客 2020.09.18 ·

七个代码生成器推荐收集

1.懒猴子CG我要将懒猴子CG排在第一位，因为它是真正意义上的代码生成器，是我所想的那样可以在工作中帮助我完成重复代码的编写，相信你也跟我一样。官网：http://cg.lazy-monkey.com描述：这应该是最适合个人使用的代码生成器了，因为可以通过自定义模版快速完成工作中重复的代码。只要你是个程序员，就可以使用这个网站帮你做点儿事情。网站还提供了一些常用模版可直接使用。当之无愧的“生...

发布博客 2020.02.06 ·

国外的一些人工智能大赛网站

应公司要求需要对国外的人工大赛做一下调研，写的不好，多多海涵，只是提供一个平台，想在参加大赛的，提升自己的可以了解一下。1.Kaggle(数据公司) 网址：https://www.kaggle.com简介： 1) 是一个全球最大的数据建模和数据分析竞赛平台， 2) 为开发商和数据科学家提供举办机器学习竞赛、托管数据库、编写和分享代码的平台。 3) 具备比赛多样、数据集全面、社群活跃...

发布博客 2019.12.08 ·

原生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 ·

用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 ·

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 ·

冒泡排序

冒泡排序原理：依次比较相邻的两个值，如果后面的比前面的小，则将小的元素排到前面。依照这个规则进行多次并且递减的迭代，直到顺序正确。查阅说明时间复杂度指的是一个算法执行所耗费的时间空间复杂度指运行完一个程序所需内存的大小稳定指，如果a=b,a在b的前面，排序后a仍然在b的前面不稳定指，如果a=b，a在b的前面，排序后可能会交换位置时间复杂度，空间复杂度，稳定性平均时间复杂度O(nn)...

发布博客 2019.08.21 ·

原生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 ·

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 ·