- 博客(43)
- 收藏
- 关注
RSS订阅原创 力扣——接雨水
然后定义两个双指针（一个stay指针指向当前柱子，一个move指针往后寻找符合条件的柱子），在move指针移动的过程中，将不符合条件的柱子高度累加到一个offset变量中，在move指针找到符合条件的柱子后，stay指针指向的柱子高度乘上两个指针的距离再减去offset即可得到一个符合条件的容量数据。使用双指针遍历的方法，在遍历的过程中，寻找大小不同的两根柱子（一个指针不动，另一个指针去找），计算这两根柱子接水容量，然后继续寻找下一组，最后全部相加即得到能给接的雨水量。
2024-03-31 14:14:08
527
原创 Typescript泛型
TypeScript在定义函数时，不决定函数的参数类型，而是让调用者以参数的形式告知，函数的参数应该是什么样的类型。return arg;尽管使用any类型可以让我们接受任何类型的arg参数，但也让我们丢失了函数返回时的类型信息。如果我们传入一个数字，我们唯一知道的信息是函数可以返回任何类型的值所以我们需要一种可以捕获参数类型的方式，然后再用它表示返回值的类型return arg;这个Type允许我们捕获调用者提供的类型，使得接下来可以使用这个类型，可以看到，返回值也使用了这个类型。这就是泛型。
2024-03-17 16:57:30
680
原创 Vuex getters源码分析
目录一.简介 二.源码Vuex允许我们在store中定义"getter"(可以认为是store的计算属性),就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算每个getter对应的匿名函数可以带四个参数，分别是当前模块的state、getter和根模块的state、getter,例如: 二.源码在创建Vuex.Store()初始化时执行installModule()安装根模块，与getter相关的如下:registerGetter用于
2024-03-11 21:50:24
379
原创 vue2 vue-router源码解析
首先我们先新建一个vueRouter文件夹 在这个文件夹下新建一个index.js文件 我们对外暴露一个名字为Router的class 然后在里面写一个install方法。它是一个包含路由配置的 JavaScript 对象或数组，每个路由配置项都定义了一个 URL 匹配规则和对应的组件。：Vue Router 支持动态路由和嵌套路由，允许在 URL 中包含动态参数，并且可以在组件中进行嵌套路由的声明。：Vue Router 提供了一组导航方法，用于在不同的 URL 之间进行导航。类，用于创建路由器实例。
2024-03-03 09:26:10
975
原创 Vue3知识点总结
2.setup不能是一个async函数，因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。1.若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。watchEffect：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象）computed注重的计算出来的值（回调函数的返回值），所以必须要写返回值。reactive定义的响应式数据是“深层次的”
2023-12-17 17:26:33
951
原创 Vue中路由的使用
一.简介Vue Router是Vue.js官方的路由管理器。它和 Vue.js 的核⼼深度集成，让构建单⻚⾯应⽤变得简单理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理前端路由：key是路径，value是组件二.使用方法。
2023-12-10 17:42:25
546
原创 防抖和节流的原理及应用场景
防抖：在规定时间内，多次触发只响应最后一次。（多次触发，只执行最后一次）节流：在规定时间内，多次触发只响应第一次。（规定时间内，只触发一次）
2023-11-19 16:50:18
85
原创 base64转file文件的两种方式
使用base64可以不发送请求将图片文件转换为base64格式的链接渲染到图片上,减少服务器访问次数,下面是base64加载图片的方式。项目中需要实现把图片的base64编码转成file文件的功能，然后再上传至服务器。(注:new File()方法不兼容ios系统)(注:此方法不存在浏览器兼容问题)
2023-11-12 09:25:57
4312
原创 js高级:原型与原型链
在js中,每一个函数类型的数据,都有一个叫做prototype的属性,这个属性指向的是一个对象,就是所谓的原型对象对于原型对象来说,它有一个construtor属性,指向它的构造函数1.对象的创建2.对象的组织结构3.对象访问成员的规定在js中万物都是对象,对象和对象之间并不是独立存在的,对象和对象之间有一定关系通过对象_proto_
2023-11-05 17:23:58
52
原创 图片懒加载
我们的图片要显示出来的话一般是借用img标签，然后把src属性写上图片的地址，才能把图片显示出来，那就想，我们先把图片不显示出来，就来写一个自定义属性字段，把这个属性字段的值写成图片地址，当图片在可视区域的范围的时候，就把自定义属性的值作为src的值。对于页面有很多静态资源的情况下（比如网商购物页面），为了节省用户流量和提高页面性能，可以在用户浏览到当前资源（当前窗口（可视区域）的大小）的时候，再对资源进行请求和加载。在我们滚动滚动轴的时候，当下一张图片的顶部马上要出现在视口的时候去加载下一张图片。
2023-10-15 17:45:05
47
原创 使用canvas完成图形验证码发送评论
将二十六个英文字母的大小写和数字0-9定义为一个字符串数组,通过for循环获取随机索引值,将索引值对应的字符使用canvas完成渲染。
2023-10-08 16:36:11
50
原创 JS自定义select下拉框
之前写项目一直只改变了select框的样式,option一直都是用的原生的,在网上查了一下发现option的样式除了颜色跟字体之外基本上都不可以修改,所以我用div ul li 模拟了select的功能。使用的时候引入一下css,js然后改一下name就可以了。
2023-09-22 16:20:54
416
1
原创 JavaScript隐式类型转换
例如String(),Number(),parsenInt(),toString()..等类似的方法，此类由我们手动转换类型的方式，称为。
2023-09-10 17:48:25
42
原创 WebScoket
WebScoket 是一种网络通信协议。RFC6455定义了它的通信标准。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
2023-08-20 14:44:42
164
1
原创 Node.js上传图片
表示单文件上传，并且字段名为 "picture"，后面上传图片的字段必须保持一致。在该配置中可以设置文件保存的地址、文件名称、限制上传的文件格式、文件大小。下载第三方插件Multer。
2023-07-30 16:36:54
76
1
原创 Node.js文件fs、url、qs模块操作
目录一.fs1.读取文件目录2.创建文件(覆盖写入)3.将数据追加到文件4.读取文件5.删除文件二.URLurl结构组成: 1.url字符串转对象2.url对象转字符串 三.qs (querystring)1.字符串转对象2.对象转字符串3.编码4.解码使用node.js的模块之前需要在使用的js中引入相应模块如:fs模块内的方法均有同步和异步操作,如读取文件夹的同步操作为,异步操作为同步读取: 其中path为文件夹路径,[ ]中的内容可以不写异步读取:其中path为文件夹路径,[ ]中的内容可以不写
2023-06-11 16:34:04
980
原创 Promise
执行 reject 时，Promise 状态从 pending 变为 rejected，会执行 catch 方法，catch 方法接收的也是一个函数，函数中携带一个参数，该参数为 reject(err) 返回的数据.Promise 的状态，只可能是其中一种状态，从进行中变为成功或失败状态之后，状态就固定了，不会再发生改变.一些游戏类的素材比较多的应用，打开网页时，预先加载需要用到的各类资源，所有的都加载完后，再进行页面的初始化.pending ：进行中，表示 Promise 还在执行阶段，没有执行完成。
2023-06-04 23:09:20
46
原创 thymeleaf
{}选择表达式选取值 若父标签没有选择对象，字标签使用*{}选择表达式或${}变量表达式效果是一样的， 同时父标签选择了对象，字标签仍可用${}变量表达式取值。当获取从后段传来的参数带有html标签时 th:text不会进行解析 th:utext进行解析。1.都可以对变量或表达式进行求值。thymeleaf采用form表单向后台提交数据。2.用“ + ”可进行文本连接。二.thymeleaf标准表达式。三.thymeleaf属性使用。
2023-05-28 08:00:00
409
1
原创 Grid布局
Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。采用网格布局的区域，称为"容器"（container）。容器内部采用网格定位的子元素，称为"项目"（item）注意:grid布局只对容器的顶层子元素(项目)生效.容器里面的水平区域称为"行"（row），垂直区域称为"列"（column）。
2023-05-07 17:29:13
49
原创 元素居中的方法
的百分比值是相对于自身去计算的，让居中元素在水平方向相对于自身宽度的50%向左偏移，在垂直方向向上偏移相对于自身高度的50%，就可以实现居中效果了.为宽高的负一半，让居中元素在水平方向相对于自身宽度的50%向左偏移，在垂直方向向上偏移相对于自身高度的50%，就可以实现居中效果了。会让它的子元素垂直居中对齐，就算子元素是块级元素也会垂直对齐，所以想要实现块级元素的垂直居中也可以使用这个方法。的值分别相对于父元素的宽高计算，此时居中元素的左上顶点会位于父元素的正中央。设置父元素相对定位，居中元素绝对定位，
2023-04-22 21:29:55
94
原创 JavaScript this指向
将函数作为参数传递时，会发生的隐式丢失，与包裹着 函数参数 的 外层函数 的 this 指向无关（比如外层函数的 this 指向 obj2对象，但是隐式丢失后，this 和 obj2 不会有关系，只跟 window/undefined 有关系）区别在于传参形式不同，apply接受两个参数，第一个参数是要指向的this对象，第二个参数是一个数组，数组里面的元素会被展开传入fn,作为fn的参数。严格模式下，函数内的 this 指向 undefined，全局中的 this 指向不会改变。
2023-04-16 11:05:10
124
原创 知识点总结
它的常用属性与 number类型一样，通过min属性和max属性，可以设置最小值与最大值，通过step属性指定每次滑动的步幅。需要注意的是，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。图像形式的提交按钮与普通的提交按钮在功能上基本相同，只是它用图像替代了默认的按钮，外观上更加美观。number类型的输入框可以对输入的数字进行限制，规定允许的最大值和最小值、合法的数字间隔或默认值等。HML中提供了多个可供选取日期和时间的输入类型，用于验证输入的日期、具体。
2023-04-02 11:23:47
51
原创 JavaScript定时器的两种类型,DOM与BOM的区别
按照指定的周期（以毫秒计）来调用函数。方法会不停地调用函数，直到调用。在指定的毫秒数后调用函数。
2023-03-12 11:22:58
149
1
原创 JavaScript正则表达式与数据类型转换
正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合返回true,否则返回false.如果搜索到指定内容,则会返回第一次出现的索引,如果没有则返回-1。.如果字符串是一个空串或者是一个全是空格的字符串,则转换为0。.如果字符串中有非数字的内容,则转换为NaN(非数)如果是纯数字的字符串,直接转换为数字。
2023-03-04 22:20:14
506
原创 开学第一周学习总结
noframes> 为那些不支持框架的浏览器显示文本，放置于frameset标签内。 标题元素。 为那些不支持脚本的浏览器显示文本。 表示不准确不相关，却不应当给予删除的内容。 组合文档中的行内元素。和都是行内元素，但是它们可以设置宽和高。 定义文档中的分区或节。 可覆盖默认的文本方向。
2023-02-19 10:04:40
89
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人