- 博客(24)
- 收藏
- 关注
原创 时间复杂度与空间复杂度
复杂度分析复杂度分析在我看来是数据结构与算法学习入门知识,尤为重要。为什么复杂度分析重要?数据结构与算法的出现本就是为了花更少的时间和空间(储存)来解决问题。复杂度分析就是为解决如何“花更少的时间和空间(储存)”的问题。现在各种编译工具,代码跑完就能显示用了多少时间,占了多少内存。但是这些数据都是在完成代码编写之后才能得到的,这是事后统计方法。事后统计法得到的结果会因计算机性能和测试数...
2022-04-11 16:18:00
62
原创 vue3中如何获取audio中duration数据
audio中的duration可以获取当前播放音频的总时长模版:<audio ref="audio" :src="`https://music.163.com/song/media/outer/url?id=${id}.mp3`" ></audio>开始使用的是通过获取dom节点,在使用nextTick等节点挂载完毕后获取dura...
2021-12-29 11:05:00
81
原创 JS实现特定字符串反转
Write a function that takes in a string of one or more words, and returns the same string, but with all five or more letter words reversed (Just like the name of this Kata). Strings passed in will c...
2021-12-15 13:46:00
65
原创 提供js实现类似Fibonacci数列
群里看见一个别人分享的面试题记录一下:写一个函数,两个参数,key和index。在数组中总有对应的一个key值,前key项都是1,key的后一个数据等于key加key的前一个数据。返回数字index位上的值通过for循环实现const arr = []const fn = (key, index) => { for (var i = 0; i < key; i++) ...
2021-12-13 22:06:00
54
原创 在vue3中使用router-link-active遇到的坑
在使用router-link-active 设置链接激活时CSS类名时,发现在例如 /member/order 和/member/order/:id 这两个都包含 /member/order的路由路径,其中后者无法和前者一样设置类名,也就是 router-link-active 加不上在vue2中可以实现,因为router-link-active 本就不是精确匹配,只要路由路径包含rou...
2021-12-11 23:09:00
58
原创 vue3中emits选项
今天在使用vue3中将一个组件渲染为了代码片段且定义了一个自定义事件,报了一个警告[Vue warn]: Extraneous non-emits event listeners (change) were passed to component but could not be automatically inherited because component renders fragmen...
2021-12-06 20:40:00
115
原创 Does my number look big in this?
Does my number look big in this?Description:ANarcissistic Numberis a positive number which is the sum of its own digits, each raised to the power of the number of digits in a given base. In this...
2021-12-06 14:23:00
33
原创 Promise(resolve,reject)的基本使用
什么是Promise?Promise是一个构造函数,其原型上有 then、catch方法,还有reslove,reject等静态方法。通过创建Promise实例,可以调用Promise.prototype上的then、catch方法。Promise的作用MDN对Promise的描述:Promise能够将异步操作最终成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同...
2021-11-29 20:43:00
88
原创 商品规格禁用效果的实现
在加入购物车或者购买商品时,需要进行商品规格的选择,不同规格的组合会影响 库存、价格 等,还会因库存数量的不同判断是否可以购买。实现类似的 规格组件 需要了解SKU和SPU两个概念。SKU:标准化产品单元,即属性值、特性相同的商品就可以称为一个SPU。SPU:库存量单位,即库存进出计量的单位, 可以是以件、盒、托盘等为单位。SKU是物理上不可分割的最小存货单元。在使用时要根据不同业态,不...
2021-11-21 21:14:00
76
原创 封装一个高复用的面包屑组件,适用于多级场景
在封装面包屑组件发现,简单封装的面包屑组件的时候如果最后一个选项后不需要箭头,还需要单独进行样式更改,并且如果需要在中间的某一个选项需要进行特殊样式,则更加复杂,这种只适用于两级场景,多级场景下就不能使用。因此选择封装一个高复用的面包屑组件,能适用于多级场景,用到了 render 选项和 h 函数。参考element的面包屑组件,不需要对不同要求再进行专门设计,这正是我需要的。通过b...
2021-10-23 20:31:00
28
原创 同步任务与异步任务执行顺序
JavaScript是单线程执行的,即 js 中任务是按顺序依次执行的,但若其中一个任务执行时间过长,后续任务会一直等待,造成程序假死。 为了解决这个问题,将任务分为同步任务和异步任务,其中异步任务又分为宏任务和微任务。同步任务与异步任务:同步任务:又叫做非耗时任务,指的是在主线程上排队执行的那些任务 只有前一个任务执行完毕,才能执行后一个任务异步任务:又叫做耗时任务,异步任...
2021-10-06 10:39:00
87
原创 vue2.x组件的生命周期详解
1.生命周期&生命周期函数生命周期:指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段。生命周期函数:由vue框架提供的内置函数,会伴随着组件的生命周期,自动按序执行。即:生命周期强调的是时间段,生命周期函数强调的是时间点组件生命周期函如下:1.beforeCreated()处于初始化事件和生命周期函数 之后, 初始化props、data、metho...
2021-09-14 23:47:00
49
原创 Vue组件间的数据传输
1.父组件向子组件传输数据:自定义属性1 //父组件2 <Son :msg="message" :user="userinfo"></Son>3 4 data(){5 return{6 message: 'hello vue.js',7 userinfo: { name: 'zs', age: 20 }8 ...
2021-09-07 23:03:00
30
原创 v-for为什么最好(一定)要加key
v-for指令基于一个数组来渲染一个列表,如下 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-...
2021-09-01 12:11:00
26
原创 mac上通过git推送时忽略node_modules文件夹
node_modules出现改动一般不需要通过git推送,如果不忽略node_modules每次安装新的包会出现几千条新变动,并没有必要推送1.通过终端进入项目根目录 创建 .gitignore 文件cd [项目目录]touch .gitignore2.通过vim或者直接打开 .gitignore 编辑node_modules/再通过 vscode 等编辑器推送时就会忽略 n...
2021-08-30 17:30:00
56
原创 npm install失败或者进度卡住解决办法 以及 nrm的使用
今天在使用npm install安装url-loader时,遇到下载进度条停止问题因为已经提前更换了 淘宝的镜像,应该不是网络问题,通过npm config set loglevel info 显示npm install下载安装详细日志,npm官网手册对该命令说明是经查看日志发现,存在404错误更换npm为国外官方源,重新下载问题解决。安装失败网络问题可能性大一点,包括下...
2021-08-30 10:42:00
256
原创 ES5新增方法--查找方法--forEach(),filter(),some()区别
1.forEach方法 迭代(遍历)数组var arr = [1, 2, 3]; var sum = 0; arr.forEach(function (value, index, array) { console.log('当前数组元素' + value); console.log('当前数组元素的索引号' + ...
2021-08-28 16:48:00
42
原创 借用父构造函数继承属性
在ES6前没有extends继承,通过构造函数+原型对象模拟实现继承,称作组合继承。function Father(uname, age) { //this 指向父构造函数的对象实例 this.uname = uname; this.age = age; } Father.prototyp...
2021-08-27 16:48:00
24
原创 构造函数的原型对象
面向对象是通过构造函数来实现的,但是如果把一个通用方法放到构造函数里面,会造成在实例化多个对象时会为这个复杂数据类型方法重复开辟内存空间,造成内存空间浪费构造函数存在 prototype 属性把可以共享的方法放到prototype中Star.prototype.sing = function () { console.log('唱歌'); }...
2021-08-22 15:00:00
20
原创 模仿ToDoList
1.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten...
2021-07-31 16:01:00
29
原创 Bootstrap的模态框无法弹出的问题
今天在使用Bootstrap官网所提供的模态框插件时候发现其中的 可选尺寸模态框 无法弹出在模态框前使用过其他 Bootstrap的js插件,可以正常使用,说明所需依赖js文件已经正常引用注意:jquery.min.js与bootstrap.min.js文件引入顺序不可颠倒,否则同样无法使用,遇到相同问题的可以先检查此处<link rel="stylesheet" href="c...
2021-07-28 17:25:00
169
原创 借jQuery对象拷贝学习深拷贝与浅拷贝
jQuery.extend([deep], target, object1, [objectN]) 即用一个或多个其他对象来扩展一个对象,返回被扩展的对象。deep:如果设为true,则递归合并。target:待修改对象。object1:待合并到第一个对象的对象。objectN:待合并到第一个对象的对象。其中[deep]可选,深/浅拷贝,true:深拷贝 false:浅拷贝(默认)浅...
2021-07-28 00:20:00
19
原创 jQuery实现购物车功能
1.HTML代码(品优购模版)<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>我的购物车-品优购</title> <meta name="description" content="品优购JD...
2021-07-26 21:08:00
24
原创 停止排队来阻止动画多次触发
动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。解决方法:停止排队 stop()eg:$(function () { $('.nav>li').hover(function () { // stop 方法必须写到动画的前面,因为stop结束的是上一次动画,若写到动画后会造成动画停止 $(this).children('ul').stop().slid...
2021-07-23 21:07:00
21
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人