- 博客(35)
- 收藏
- 关注
原创 vue2通过$refs调用子组件方法
父组件更新筛选项时,需要重置子组件相关参数。使用$refs时使用的写法,发生以下报错:但是该方法在调用elementui 组件时不会报错。</
2024-04-20 15:15:11
333
原创 我的创作纪念日
创作和工作我认为是分不开的,不同的是创作需要将自己看的笔记写的更清楚更完善,减少“没头没尾”的内容输出,记录bug时写明前因后果解决办法思路逻辑。时间方面嘛,学习就是要付出时间的,工作摸鱼是时间用来学习,或者日常刷剧看短视频的时间用来记录,对自己的成长来说也是有益的,只看有没有想做这件事。方案本身没有优劣,只有适用不适用,最适用项目的就是最优的。因为是外行转来的,对专业上一直不自信,csdn又是我日常遇到问题经常“取经”的地方,因此对创作没什么信心,认为发表出来的内容一定需要是有用的、正确的、毋庸置疑的。
2023-12-28 10:45:32
851
原创 lodash源码分析每日一练 - 数组 - intersection / intersectionBy / intersectionWith
每一步都是曼妙的风景~使用:创建唯一值的数组,这个数组包含所有给定数组都包含的元素,使用SameValueZero进行相等性比较。(注:可以理解为给定数组的交集)
2023-12-27 15:13:48
907
原创 lodash源码分析每日一练 - 数组 - flatten / flattenDeep / flattenDepth
总的来说还是循环+递归调用的方式,实现深层拍平。取值然后push到新数组即可。
2023-12-22 19:46:54
690
原创 mac创建vue脚手架项目遇到Syntax Error: Error: EACCES: permission denied, mkdir ...问题及解决方案
新的未安装环境的mac本使用vue-cli创建vue项目时遇到一点问题,现做个记录。
2023-12-11 16:34:05
1092
原创 从输入url到浏览器显示页面发生了什么?
输入url协议、端口、域名、文件路径1.检查输入的内容是不是一个合法的URL链接还是一个待搜素的关键词2.如果是合法的URL链接,判断输入的URL是不是一个完整的URL,如果不是,浏览器就会自己猜测,然后补全这个URL.3.如果是一个待搜索的关键词,浏览器就会根据用户设置的默认搜索引擎来进行搜索.域名查询(DNS解析)本地hosts文件 - 本地DNS服务器 - 根DNS服务器 - 顶级DNS服务器(.com域服务器)- 权威DNS服务器(www.baidu.com 域服务器)建
2023-10-18 18:44:34
43
原创 js梳理笔记(四) - ES6新的集合类型之 Map
ECMAScript6 之前,在JavaScript中实现“键/值”式存储可以使用Object来方便高效地完成,也就是使用对象属性作为键,再使用属性来引用值。但这种实现方式并非没有问题,为此TC39委员会专门为“键/值”存储定义了一个规范。作为ECMAScript6 的新增特性,Map 是一种新的集合类型,为这门语言带来了真正的键/值存储机制。Map的大多数特性都可以通过Object类型实现,但二者之间还是存在一些细微的差异。具体实践中使用哪一个,还是值得细细甄别。set():添加键/值对。
2023-10-18 12:19:41
64
原创 css渐变和动画
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定义 3D转换,使用 16 个值的 4x4 矩阵。transform:3D 变形可以近似理解为沿着 Z 轴移动元素,使得元素更加靠近或者远离你,从而使元素看起来变得更大或更小。scaleZ(z) 通过设置 Z 轴的值来定义 3D 缩放转换。rotate3d(x,y,z,angle) 定义 3D 旋转。scaleX(x) 通过设置 X 轴的值来定义缩放转换。scale3d(x,y,z) 定义 3D 缩放转换。
2023-10-17 17:22:07
35
原创 js梳理笔记(二) - 数组之创建数组
第一章: 字符串操作方法第二章: 数组之创建数组如果知道数组中元素的数量,可以传入一个数值然后length属性会被自动创建并等于这个数值。也可以给构造函数传入要保存的元素。只传一个值,如果这个值是数字,则创建指定长度的数组,否则创建只包含一个该值的数组。使用Array 构造函数时,也可以省略 new 操作符,结果是一样的。二、数组字面量法数组字面量是在中括号中包含以逗号分隔的元素列表。三、from() 和 of()Array 构造函数还有两个ES6新增的用于创建数组
2023-10-16 20:31:42
78
1
原创 ES6(一) const、箭头函数、class相关
constclass;第二类即只有语法知识的用法上的不同,放在另一篇中讲述(模板字符串、数组(foreach、map、some、every、reduce……)、filter、find、proxy、set、map等内容)。// 数据劫持// 数据取用可以重新定义并指定返回的内容// 可以重新set属性及属性值,扩充或删减val内容1. 如何在js中建立一个只读变量// set 方法不执行赋值,那么永远无法完成修改');2. js如何实现一个私有属性 - 闭包。
2023-08-12 01:12:13
217
1
原创 手写call、apply、bind
在以上例子中,我们能确定两点:1. call改变了this的指向,指向到foo;2.bar 函数执行了;apply 和 call 执行思路一致,但是入参不一样。apply 入参是数组。在使用一个指定的this和若干个指定的参数值的前提下调用某个函数或方法。bind() 传参一致,但是返回的是待执行的函数。那call() 函数执行的原理是什么呢?
2023-08-07 15:28:28
114
1
原创 实现函数的防抖和节流
1、函数可以使事件被触发n秒后再进行处理2、n秒内事件再次被触发则重新计时场景:一些点击请求上节流值得是规定的一个时间,触发一次之后,如果在规定的时间内重复被触发了,只有一次生效场景:使用在scroll函数的事件监听上。
2023-08-03 17:26:17
138
原创 HTTP状态码
404:服务端找不到对应资源 同时,当服务端拒绝查询资源且不愿意说明理由的时候。2.0 中一方面复用TCP的连接,同时在连接中,同时发送多个请求或者回应。307当前的重定向会严格按照浏览器的诉求,不会从post变成get。304:浏览器缓存相关 - 未满足服务端查询需求,但是走缓存条件。302:临时重定向 - 临时活动,只在当下临时跳转活动页面。303将当前的post请求改变为get请求进行重定向。1.1中 头信息 是文本, 数据体 是文本/二进制。301:永久重定向 - 域名换了、资源地址换了。
2023-08-03 16:31:12
81
原创 js如何进行类型区分判断
js的数据类型有哪些?symbol是什么?bigInt了解嘛?本章总结js的数据类型及新增的类型及他们的区别和区分判断的几种方式。
2023-08-02 11:36:43
42
1
原创 css布局
Flex 全称 Flexible box 布局模型,通常称为 flexbox 或 flex,也称为弹性盒子或弹性布局。一种比较高效率的css3 布局方案。事实上它是一种新类型的盒子模型,也有书上称作弹性伸缩盒布局。旨在提供一个更加有效的方式来布置,对齐和分布在容器之间的各项内容,即使它们的大小是未知或者动态变化的。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度,以填满可用空间 (主要是为了容纳所有类型的显示设备和屏幕尺寸)的能力。应用恰当的弹性布局对用户十分友好。
2023-07-21 19:24:34
45
1
原创 html5新增表单属性
会以一个滑块的形式表现包含一定范围内数字值的输入域,max 为最大值,min 为最小值,value 为默认值,如果没有设置 max 和 min,默认值是 1-100。根据你的设置提供选择数字的功能,其中 min 为最小值,max 为最大值,value 为默认值,step 为点击箭头时数字的变化量。(6)color:color 类型会提供颜色拾取器,供用户选择颜色,并将用户选择的颜色填充到此元素中。(5)search:用于搜索域,若加上 result="s"属性,则会在搜索框前面加一个搜索图标。
2023-07-19 17:46:34
181
1
原创 css浮动
元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。方法三:使用::after 伪元素 给盒子添加最后一个子元素,并给 ::after设置 {content:“”;clear:both;BFC规范(Box-Formatting Context 块级格式化上下文)是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然。垂直显示的盒子,不要设置浮动、只有并排显示的盒子才要设置浮动。浮动使用的要点:要浮动,并排的盒子都实现浮动。
2023-07-17 17:56:52
47
1
原创 css字体样式
竖直方向的margin有塌陷的现象:小的margin会塌陷到大的margin中,从而margin不叠加,只以大值为准。文本转换属性是用来指定在一个文本中的大写和小写字母。CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边距,边框,填充,和实际内容。Padding(内边距) - 清除内容周围的区域。Border(边框) -边框周围的填充和内容。边框是受到盒子的背景颜色影响。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Content(内容) - 盒子的内容,显示文本和图像。
2023-07-14 18:08:32
140
1
原创 CSS入门
CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中多个样式定义可层叠为一个。
2023-07-13 17:44:53
113
1
原创 HTML表(列表、表格、表单)
标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始列表标题自定义列表自定义列表自定义列表自定义列表自定义列表
2023-07-12 18:25:59
106
2
原创 typescript详解
ts基础内容。他是JavaScript的一个超集,在原有的语法基础上,添加了可选的静态类型和基于类的面向对象编程。以上就是今天要讲的内容,本文仅仅简单介绍了ts的原理和基本使用。
2023-04-17 08:30:00
339
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人