- 博客(36)
- 收藏
- 关注
RSS订阅原创 Vue中watch的高级用法
由于设置了immediate: true，当组件实例创建并开始挂载（即created钩子执行）时，watch中的handler函数会立刻执行一次，即使initialValue尚未发生变化。随后，每当initialValue发生变化时，handler函数都会再次被执行。当nestedObj内的任意层级属性发生变化，比如nestedObj.b.c = 3或者nestedObj.b.d.push(5)，都会触发handler函数。
2024-02-02 10:14:08
355
原创 Promise.all 和 Promise.allSettled的区别与应用
时，如果你希望在任何一个Promise被拒绝时立即中断执行并处理错误，你可以结合使用。，你可以在最后统一处理每个Promise的结果，无论成功与否。
2023-06-30 15:51:20
1765
原创 html父元素下的第二个子元素一行展示，超过展示...
一个父元素，父元素下有两个子元素，第一个子元素值为固定值，第二个子元素过长需要展示省略号，子元素宽度不能超过父元素。
2023-06-20 11:09:22
222
原创 vue中，ref属性使用详情介绍
在以下代码中，我们使用v-for指令循环渲染一个input元素数组，并为每个元素添加一个ref，然后点击按钮时，移除第二个input元素的ref。在父组件中将子组件引入，并在子组件标签上添加ref属性，然后就可以通过this.$refs.myChild获取子组件的引用，在父组件内部调用子组件的sayHello方法。在Vue中，ref是一个特殊的属性，用于获取组件实例或DOM元素的引用。在Vue组件中使用ref可以获取子组件的引用，从而可以在父组件内部调用子组件的方法或访问其数据。
2023-05-24 17:04:01
3097
原创 js数组去重与对象数组去重的方法
注意：以上方法都需要将对象转为字符串再进行比较。如果对象中包含函数等无法被序列化的属性，则可能会出现问题。2、使用 filter 和 findIndex。注意：以上方法只适用于基本类型元素的数组去重。2、使用 filter 方法。3、使用 reduce 方法。1、使用 Set 数据结构。4、使用 for 循环遍历。3、使用 reduce。
2023-05-22 15:43:51
57
原创 vue浅监听与深监听
export default { data() { return { stu: {} } }, watch: { stu() { // 浅监听 console.log("检测到stu参数的变化") }, stu: { // 深监听 handler() { // 监听到某一个数据变化之后的处理函数 console.log("检测到stu参数的变化") }, deep: true // 是否开启深监听 } }}...
2022-04-25 15:34:02
1432
原创 js 字符串中固定位置插入字符
场景：后端返回时间为20220329151231需要的格式为 2022-03-29 15:12:31// 20220329151231var newDate = '';if (date) { var arrDate = date.split(''); arrDate[4] = "-" + arrDate[4]; arrDate[6] = "-" + arrDate[6]; arrDate[8] = " " + arrDate[8]; arrDate[10] = ":" + arrDate[
2022-03-29 17:09:49
2611
原创 js 生成唯一id
/** * 生成唯一id * @return {string} */ function getUniqueId() { var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); //获取MsgId var uuid = 'xxxxxx'.replace(/x/g, function () { .
2022-01-18 17:37:26
801
原创 js 过滤非中文
/** * 过滤非中文 * @param value * @return {string} */ function txtFilter(value) { var str = ''; if (/[\\u4e00-\\u9fa5]|cardInfo/.test(value) || typeof value == 'object') { str = value; } retur.
2022-01-18 17:31:38
855
原创 js时间日期相关处理汇总
格式化日期时间字符串/*** 格式化日期时间字符串* * @method format* @param {Date}* dt 日期对象* @param {String}* fmt 格式化字符串，如：'yyyy-MM-dd hh:mm:ss'* @return {String} 格式化后的日期时间字符串*/function format(dt, fmt) { var z = { M : dt.getMonth() + 1,
2021-12-07 14:57:15
647
原创 获取URL地址后参数的值
/** * 获取URL地址栏参数值 * name 参数名 * url [optional,default=当前URL]URL地址 * @return {String} 参数值 */ getParameter: function(name, url) { if (!url) url = window.location.href; name = name.replace(/[\\[\\]]/g, "\\\\$&")
2021-12-06 16:34:07
176
原创 js同名相邻节点合并与链路精简
同名节点合并var arr = [ { name: "ivr", time: "2020-01-01 12:10:09" }, { name: "ngbusi", time: "2020-12-02 05:04:12" }, { name: "message", time: "2020-04-06 10:12:30" }, { name: "ngwb", time: "2020-02-12 06:05:12" }, { name: "ivr", time: "2020-01-01 12:11:2
2021-11-30 11:02:06
820
原创 js常用方法重写兼容，兼容低版本ie浏览器
if (!String.prototype.endsWith) { String.prototype.endsWith = function (str) { var reg = new RegExp(str + "$"); return reg.test(this); } } if(!String.prototype.trim){ String.prototype.trim=function (.
2021-09-24 14:39:37
649
原创 获取URL地址栏参数值
Util.browser = { /** * 获取URL地址栏参数值 * name 参数名 * url */ getParameter:function(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]
2021-09-24 14:27:10
249
原创 js对象数组，按对象数组里某个字段相同值分组
var arr = [{ "id": "1001", "name": "值1", "value": "111" }, { "id": "1001", "name": "值1", "value": "11111" }, { "id": "1002", "name": "值2", "value": "25462" }, { "id
2021-09-08 15:07:34
1079
原创 JS根据数组中对象的时间，根据时间相同分组
需求：根据后台返回来的数据按同一天的日期进行展示，后台返回的数据已经按日期排序，参考了http://blog.csdn.net/zfangls/article/details/79280083的文章后发现可用，非常感谢！主要知识点：数组的some()方法 var arr = [{ "id": "10", "tx_type": "0", "tx_number": "1", "tx_image_name": "
2021-08-23 17:56:23
1011
原创 js节流实现
var throttle = function (fn, interval) { var _self = fn; // 保存需要被延长执行的函数引用 var timer; var firstTime = true; // 是否是第一次调用 return function () { var args = arguments; var _this = this; if (firstTime) { // 如果第一次调用，不需要延迟执行 _self.apply(_this, args
2021-07-19 16:29:00
174
原创 js中数组去重和数组对象去重的方法
js中数组去重的方法一、利用ES6中的 Set 方法去重注：Set为ES6新增的一个对象，允许存储任何类型（原始值或引用值）的唯一值let arr = [1,0,0,2,9,8,3,1];function unique(arr) { return Array.from(new Set(arr))}console.log(unique(arr)); // [1,0,2,9,8,3] orconsole.log(...new Set(arr)); // [1,0,2,9,8,3]
2021-07-13 11:36:39
2834
原创 es5中for...in和es6中 for..of遍历的区别
//定义一个数组var arr=['A','B','C'];//定义一个对象var obj={name:'张三',age:20}// for..in 遍历数组 得到索引for(var x in arr ){console.log(x) //0 1 2}// for..in 遍历对象 得到键和值for(var x in obj){console.log(x) //name ageconsole.log(obj[x]) //张三 20}// for..of 遍历数组
2021-07-08 17:13:05
156
原创 js用户暴力点击按钮的节流
var throttle=function(fn,interval){ var _self=fn; //保存需要被延长执行的函数引用 var timer; var firstTime=true; //是否是第一次调用 return function (){ var args=arguments; var _this=this; if(firstTime){ //如果第一次调用，不需要延迟执行 _s
2021-07-05 14:58:18
703
原创 js返回一个月前的日期时间
function getLastMonth() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; //0-11表示1-12月 var day = now.getDate(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var dat
2021-06-28 10:03:19
774
原创 js日期与毫秒之间互相转换
一、(1)毫秒转日期字符串：1、2017-2-20格式new Date(1487590667000).toLocaleDateString().replace(/\//g, "-");// 2017-2-202、2017-02-20格式new Date(1487590667000).toJSON().replace(/T.*/, "");// 2017-02-20(2)毫秒转带时间的日期字符串：方法1：new Date(毫秒数).toJSON().replace(/T|Z|(.\D{3}
2021-06-24 09:34:21
3771
原创 js按时间排序
按时间正序排序:list.sort(function(a, b) { return b.time < a.time ? 1 : -1;})按时间倒序排序:list.sort(function(a, b) { return b.time > a.time ? 1 : -1;})
2021-06-22 15:55:38
178
原创 Git及TortoiseGit下载，git操作问题
git config --global user.name “用户名”git config --global user.email “用户邮箱”同时还可以设置让VSCode记住git账号和密码：git config --global credential.helper storegit config --list 查看所有git --version //查看git的版本信息git config --global user.name //获取当前登录的用户git config --global
2021-06-15 15:22:53
197
原创 js根据键值对的值去找对应的键
var obj = {a: 1, b: 2, c: 3, d: 4};var value = 2;for (var key in obj) { if (obj[key] == value) { console.log(key) // b }}
2021-05-14 11:39:54
2408
原创 VScode 常用插件合集
中文：vscode-language-pack-zh-hans格式化代码：beautifyprettier-vscode智能提示CSS类名以及id：vscode-html-css智能提示HTML标签，以及标签含义：html-snippetsjQuery代码智能提示：jquerysnippets编辑的HTML文件等用谷歌浏览器打开：open-in-browser自动提示文件路径，支持各种快速引入文件：path-intellisense彩虹括号：bracket-pair-colo
2021-05-11 15:28:19
1947
转载 物流进度条样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</.
2021-05-04 12:31:40
201
原创 CSDN技术
软件下载乐语软件园：下载地址（这个站资源已转入同名微信公众号了，有win和mac软件亲测仍可免费用）游戏下载3DMGame:下载地址（老牌游戏下载网站）梦七游戏网：下载地址（此站有很多游戏，很不错，但现在可能避风头，暂时关闭了）游戏下载百度网盘资源搜索：大力盘：下载地址蓝奏云资源搜索：：下载地址...
2021-02-09 21:06:50
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人