知识点总结
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
CSS---序号使用css设置,counter-reset、counter-increment、content配合实现备注文案的序号展示
其中注意如果是全数字的话,不会换行,需要自己修改使用哦!原创 2024-09-13 13:57:18 · 426 阅读 · 0 评论 -
vscode---snippets配置全局代码片段,快捷开发!
举例:比如跳转登录,需要调用app的客户端方法,api调用跳转;但是跳转登录逻辑每个页面都有可能使用!为了方便重复敲代码,可使用vscode的代码片段功能!代码片段的作用:在开发一个项目时,经常会遇到好多同一个代码逻辑,可配置固顶逻辑的代码块,避免重复敲同一代码;原创 2024-09-09 14:25:15 · 245 阅读 · 0 评论 -
Vue3---多种组件传值方式总结
在Vue 3项目中,Vuex是一个常用的状态管理库,它可以帮助你在多个组件之间共享状态。结合上述代码,您可以创建一个简单的Vue 3应用程序,其中包含一个用来发表消息的组件和另一个用来订阅消息的组件。状态会相应增加或减少,并且由于状态的响应式特性,所有使用了该状态的组件都会自动更新显示。如果需要,可以创建一个中间组件,但在这个示例中,我们将直接从父组件跳转到孙子组件。最重要的一点,想要ref传值赋值,一定要用方法的方式去调用,直接赋值无效!的示例,其中一个父组件提供数据,一个孙子组件通过注射获取这些数据。原创 2024-08-14 17:18:10 · 720 阅读 · 0 评论 -
Vue---11种组件传值方式总结,总有一款适合你
以上示例代码展示了Vue 2中不同组件间通信方法的实现方式。注意,对于Pinia和Vue 3+特有的通信方式,这里没有提供Vue 2的示例代码。原创 2022-08-08 17:49:20 · 2233 阅读 · 0 评论 -
Git---git本地配置commit_template提交模板,规范开发
Commit Template 是一个预定义的文本文件,其中包含了提交信息的基本结构和指南。当开发者在进行代码提交时,Git 会根据这个模板自动生成或提示提交信息的格式,从而确保每次提交的信息都是一致且符合规范的。原创 2024-07-15 17:07:12 · 1376 阅读 · 0 评论 -
性能优化--- iframe阻塞页面渲染的问题,如何优化?
提前加载iframe的内容,可以通过设置iframe元素的src属性为一个空白页面或一个预加载页面,当需要显示iframe时再修改src属性为真正需要加载的页面。将iframe的内容分成多个片段,可以将每个片段作为独立的iframe加载,这样即使其中一个片段加载慢或发生错误,不会影响其他片段的加载。中的内容在父页面的其他内容之前下载完成,这将导致父页面的其他内容被延迟显示,从而阻塞页面的加载。的内容同时加载可能会对用户的设备产生显著的性能影响,从而阻塞页面的加载。的内容完全加载,父页面的渲染才能继续。原创 2024-07-09 15:37:14 · 831 阅读 · 0 评论 -
兼容问题---ios底部的安全距离css设置
有一点要注意,在IOS11.2系统以前,可以使用constant()函数,但是在IOS11.2系统以后,这个函数就被废弃了,被env()函数替代了。2. 同时设置env和constant代码,同样env()和constant()需要同时存在,而且顺序不能换。1. 需要将viewport设置为cover,env和constant才能生效。这里不一定用padding-bottom可以是margin-bottom设置,具体看实际情况!采用viewport+env+constant方案。原创 2024-07-09 12:56:10 · 728 阅读 · 0 评论 -
CSDN C4模拟题
二进制:是指在数学和数字电路中以2为基数的记数系统,二进制只有0和1两个数字符号,其运算规律是逢2进1,例如101101。为了与其他进制区别,二进制数的后缀都用大写字母B,例如101101B八进制:一种以8为基数的计数法,采用0,1,2,3,4,5,6,7这八个数字符号,其运算规律是逢8进1,例如77。为了与其他进制区别,八进制数的后缀都用大写字母O(不是数字0),例如77O十进制:一种以10为基数的计数法,采用0,1,2,3,4,5,6,7,8,9这十个数字符号,其运算规律是逢10进1,例如88。原创 2023-11-26 10:00:16 · 1292 阅读 · 0 评论 -
CSS---关于font文本属性设置样式总结
用于指定文本中单词之间的间距,设置固定值为单词间距,如10px。会破坏单词的完整性,可能会影响阅读体验,要谨慎使用。用于设置字间距,设置固定值为字间距,如10px。用于设置文本的装饰线,是下表属性的简写。设置文本在水平或垂直方向的。原创 2023-11-16 13:36:27 · 3148 阅读 · 0 评论 -
textarea输入框输入,在ios输入空格后,此时后台正则如下,满足了???
您可以将这个编码与您的正则表达式中的空格字符比较,以确定是否有差异。可能是因为iOS输入空格时,它的Unicode编码与其他平台输入空格的Unicode编码不同。此外,您还可以尝试使用第三方库,例如jQuery Validation Plugin,它提供了丰富的验证规则和错误提示功能。问题:我前端使用textarea输入框输入,问题出现在ios输入空格后,此时后台正则如下,满足了,为什么?前端andriod输入空格是可以通过这个校验的,ios就会出现问题,不满足这个正则出现报错了?原创 2023-07-28 09:47:05 · 329 阅读 · 0 评论 -
如何在 iframe 中获取接口数据?
跨域访问iframe的限制:如果父页面和iframe页面不属于同一个域名,那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象,反过来也一样。如果子页面和父页面不属于同一个域名,那么可以使用window.postMessage来进行跨域通信,父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名,而且无法修改子页面的代码,那么可以使用后端代理来解决跨域问题,父页面通过发起后端请求来获取子页面的数据。原创 2023-07-12 17:22:11 · 3006 阅读 · 0 评论 -
Vue---开发过程中,组件引入后页面无渲染(一直找了好久,页面没报错,完全没头绪!)
事件的起因:在新年的某一天,一个新需求要开发。当我建完分支随便复制了一个通用的页面,路由页面的权限都配置好了,但是页面一直不渲染!整整纠结了半天时间,最后和同事一起去确认排除页面写法问题,最终解决了该次事故!!!前言目前百度搜索啥的,搜到的基本都是因为名称大小写或者起名字语义化问题引起的,对应的解决方案基本就是:修改导入变量名或首字母改为大写!!!但是本人遇到的不是那个问题,很奇葩很难发现的一个错误!内部错误,不显示在页面的报错!原创 2023-02-08 17:47:37 · 1112 阅读 · 2 评论 -
JavaScript---数据的检测类型有哪几种?
这是因为toString是Object的原型方法,而Array、function等类型作为Object的实例,都重写了toString方法。不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后,的toString方法(function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串...),而不会去调用Object上原型toString方法(返回对象的具体类型),所以采用obj.toString()不能得到其对象类型,只能将obj转换为字符串类型;原创 2023-02-02 14:48:10 · 224 阅读 · 0 评论 -
知识点---H5新增特性总结
0. 新增语义化标签 (header/footer/aside/main/article/section/nav)1. 新增选择器(querySelector、querySelectorAll)8. 缓存方式(sessionStorage/localStorage)2. 拖拽API(Drag and drop)3. 媒体标签 (audio/video)4. 画布(canvas)和svg矢量图。6. 多线程技术(web worker)7. 即时通讯(web socket)原创 2023-01-31 17:41:23 · 223 阅读 · 0 评论 -
JavaScript---常用的鼠标事件mouseover 和mouseenter的区别
当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素绑定的事件。2、mouseenter和mouseleave 事件不会冒泡,依旧是说鼠标移入、移出时,该元素的子元素或父元素不会触发该事件。1、mouseover和mouseout会有事件冒泡,也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。:与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,直到根节点。false:冒泡阶段。原创 2023-01-04 10:47:45 · 2249 阅读 · 0 评论 -
CSS---box-reflect镜像复制属性使用
兼容性如下图:(基本上chrome可以,其他的或多或少都不太支持)box-reflect:包括3个值。1. direction 属性取值包括 above 、 below 、 left 、 right2. offset定义反射偏移的距离3. mask-box-image定义遮罩图像举例说明:原创 2022-12-06 16:53:10 · 574 阅读 · 0 评论 -
CSS---足球场的实现,纪念2022世界杯(:root的使用)
首先这里说明下,该博文主要能看到使用的知识点: var()函数说明: box-reflect属性说明足球场——第一种采用 :root效果如下:效果图如下:原创 2022-12-06 14:49:00 · 309 阅读 · 0 评论 -
浏览器---reset.css浏览器默认样式表重置(user agent stylesheet)
当你在浏览器控制台查看对应元素的样式的时候,会发现一些样式标有(user agent stylesheet),同时不能修改,那就表明该样式是浏览器自身对元素的设置样式,即浏览器默认样式表;当然不同浏览器之间的默认样式会有出入,同时相同浏览器的不同版本之间也会有细微差别!一般推荐使用normalize.css,不会初始化掉基础的元素样式!这里附上PC和APP端的相应reset.css样式表。APP端初始化样式表。原创 2022-12-02 15:30:30 · 5876 阅读 · 2 评论 -
Git---当本地分支和远程分支都被删除时,如何处理?
记得每个功能开发完后,及时commit。只要在log上产生记录树,一切问题就不是什么大问题了这里造成这种情况的原因,可能有两种:1. 前期确定该分支不需要了,自己主动删除2. 被朋友或合伙人误删!!!当然,接下来才是重点!!!如何去恢复???首先这种情况是针对有过commit记录的相关分支,原理就是需要commit hash值来恢复滴!!!原创 2022-12-01 14:01:10 · 1928 阅读 · 3 评论 -
JavaScript---函数arguments参数直接获取的方式
平时如果写函数不确定入参数量的话,可以采用获取arguments对象来计算参数。Arguments对象如下:类数组经过Array.from变成真正的数组。将arguments类数组转化为真正的数组。看个人喜好,选择方便适合自己的写法!函数的参数获取:arguments。原创 2022-11-24 17:50:44 · 1035 阅读 · 0 评论 -
CSS3---理解CSS3 max/min-content及fit-content等width值
fill-available (默认值)原创 2022-11-15 17:16:15 · 1502 阅读 · 0 评论 -
CSS---border-image属性的使用心得
注意:IE和火狐都添加了fill,否则背景不会自动填充到元素的content。border-image:根据英译汉显而易见,就是边框背景的意思。一旦使用了单个属性,那么就不能添加前缀,否则不生效。不得不说的border-image坑。原创 2022-10-19 16:06:02 · 1029 阅读 · 0 评论 -
JavaScript---classList属性增、删、查元素类名,方便快捷
classList类名操作。增删改查判断等方法去处理类名变化!原创 2022-10-13 17:06:20 · 1017 阅读 · 0 评论 -
JavaScript---原生获取元素(节点)与JQ获取元素(节点)方式总结
1. 获取子节点的方式。2. 获取父节点的方式。3. 获取兄弟节点的方式。原创 2022-10-13 16:39:31 · 549 阅读 · 0 评论 -
JavaScript---图片轮播(loop)多个设备展示图片一致,而非重新开始,根据当前时间计算展示图片
简单说就是,根据当天的时间来动态切换图片src,不论设备多少,开机运行顺序。进去看到的保证都是在某个相同时间端内的图片是相同的,而非不同设备进去都是从0秒到duration秒采取切换图片!原创 2022-09-04 23:42:36 · 479 阅读 · 0 评论 -
JavaScript---说一说JS数据类型有哪些,区别是什么?
引用类型是储存在堆内存中,占据空间大。引用类型在栈中储存了指针,该指针向堆中该实体的起始地址,当解释器寻找引用值时,会检索其在栈中的地址,取得地址后从堆中获得实体。基本数据类型是直接储存在栈中的简单数据段,占据空间小,属于被频繁使用的数据。symbol、BigInt 是ES6之后的新类型。2. 所有类型分为两种:基本数据类型、引用类型。普通对象,数组,正则,日期,Math数学函数。...原创 2022-09-04 22:28:56 · 386 阅读 · 0 评论 -
Vue---.env文件配置环境变量的相关问题
一般会建立两个文件:.env.development和.env.production在该文件中注释采用 # xxx。原创 2022-08-04 10:29:01 · 324 阅读 · 0 评论 -
CSS---经常被忽略,但使用广泛的常用CSS样式片段总结
11、文字超出部分显示省略号单行文本的溢出显示省略号(一定要有宽度)多行文本溢出显示省略号2、中英文自动换行3、文字阴影text-shadow为网页字体添加阴影,通过对text-shadow属性设置相关的属性值。属性与值的说明如下4、设置placeholder的字体样式5、不固定高宽div垂直居中的方法6、解决IOS页面滑动卡顿7、设置滚动条样式8、实现隐藏滚动条同时又可以滚动9、css绘制三角形注如果想绘制右直角三角,则将左border设置为0;12、移动端软键盘变为搜索方式。...原创 2022-07-29 15:42:28 · 298 阅读 · 0 评论 -
Array---数组方法中使用forEach时如何中断循环!!!
如非必须使用forEach的话,其实使用完全可以实现满足条件就中断循环的目的。原创 2022-07-19 14:24:44 · 1012 阅读 · 0 评论 -
JavaScript---位运算符单竖杠(|)在JS的使用,与或(||)要作区分
一、单竖杠后面是0的话,可以当做取整的运算:二、根本作用是前后数字的二进制进行相加值原创 2022-07-13 17:29:48 · 1072 阅读 · 0 评论 -
JavaScript----upload/download-文件下载和上传的方法封装
采用原生写法下载,这里下载的支持多文件集合,即最后下载时为zip压缩包文件。 一、原生的xhr的方式去下载文件,具体写法如下,不懂的评论区直接问我! 二、采用ajax的方式去下载文件的写法AJAX直接调用上传:......原创 2022-07-07 17:16:47 · 1528 阅读 · 0 评论 -
Vue------vue3中ref函数的使用(ref获取元素undefined)
答:不一致可以的,但是最终return中的名字要和ref中的值一致!!!原创 2022-07-12 15:23:53 · 7996 阅读 · 4 评论 -
Vue---Vue2/Vue3生命周期总结
Vue2/Vue3生命周期总结!!!原创 2022-06-24 15:08:07 · 882 阅读 · 0 评论 -
CSS---标准盒模型和IE盒模型
W3C盒模型(content-box)------IE盒模型(border-box) box-sizing的默认属性是content-box!!!原创 2022-06-20 10:59:24 · 471 阅读 · 0 评论 -
JavaScript---setTimeOut的入参问题
setTimeOut例子 不建议使用字符串形式,传递字符串可能导致性能损失,因此建议使用函数形式原创 2022-06-13 11:32:08 · 235 阅读 · 0 评论 -
Vue------this.$router.back()、this.$router.go()的异同
返回上一个页面:1.$router.back()2.$router.go()区别点在于:go(-1): 原页面表单中的内容会丢失;this.$router.go(-1):后退+刷新;this.$router.go(0):刷新;this.$router.go(1) :前进 back(): 原页表表单中的内容会保留;在返回界面传递参数;this.$router.back():后退 ;this.$router.back(0) 刷新;this.$router.back(1):前进原创 2022-05-27 20:34:05 · 5217 阅读 · 3 评论 -
JavaScript---双叹号的使用
处理获取不到对象值时转为布尔值的情况var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false 由于对null与undefined用!操作符时都会产生true的结果,所以用两个感叹号的作用就在于,如果明确设置了o中flag的值(非 null/undefined/0""/等值),自然test就会取跟o.flag一样的值;如果没有设置,test就会默认为false,而不是 null或undefined。 ....原创 2022-07-12 15:28:11 · 349 阅读 · 0 评论 -
JavaScript---Event Loop(事件循环机制)
JS执行机制1. 从前到后,一步一步执行2. 如果某行报错,则停止执行后面的所有js3. 先执行同步代码,再执行异步代码(包含宏任务和微任务两类)Event Loop(事件循环)指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。关键点在于:JS是单线程执行因为JavaScript是单线程执行的,所有任务都需要排队,前一个任务执行完成,才能继续执行下一个任务,但是,如果前一个任务的执行时间过长,比如文件的读取操作.原创 2022-05-18 00:47:57 · 279 阅读 · 0 评论 -
JavaScript------你真的会用console来调试打印么?
展示罗列如下,具体实例下有详解 assert() 如果断言为false,则将一个错误消息写入控制台。如果断言是true,没有任何反应。 clear() 清空控制台.Google Chrome浏览器中,如果用户在设置中勾选了“Preserve log”选项,console.clear()将不会起作用。 count() 输出 count() 被调用的次数。此函数接受一个可选参数label。[lable]:1 ...原创 2022-04-21 18:50:31 · 3887 阅读 · 0 评论 -
JavaScript------JS相关难题,做对一半算你牛牪犇
1. parseInt 遇上 map[1,2,3].map(parseInt)// A. ["1", "2", "3"]// B. [1, 2, 3]// C. [0, 1, 2]// D. [1, NaN, NaN]答案是D。实际上返回的结果是 [1, NaN, NaN] ,因为 parseInt 函数只需要两个参数 parseInt(value, radix) ,而 map 的回调函数需要三个参数 callback(currentValue, index, array)。原创 2022-03-17 17:47:00 · 1525 阅读 · 0 评论