知识点总结
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
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 · 1248 阅读 · 0 评论 -
CSS---关于font文本属性设置样式总结
用于指定文本中单词之间的间距,设置固定值为单词间距,如10px。会破坏单词的完整性,可能会影响阅读体验,要谨慎使用。用于设置字间距,设置固定值为字间距,如10px。用于设置文本的装饰线,是下表属性的简写。设置文本在水平或垂直方向的。原创 2023-11-16 13:36:27 · 1323 阅读 · 0 评论 -
textarea输入框输入,在ios输入空格后,此时后台正则如下,满足了???
您可以将这个编码与您的正则表达式中的空格字符比较,以确定是否有差异。可能是因为iOS输入空格时,它的Unicode编码与其他平台输入空格的Unicode编码不同。此外,您还可以尝试使用第三方库,例如jQuery Validation Plugin,它提供了丰富的验证规则和错误提示功能。问题:我前端使用textarea输入框输入,问题出现在ios输入空格后,此时后台正则如下,满足了,为什么?前端andriod输入空格是可以通过这个校验的,ios就会出现问题,不满足这个正则出现报错了?原创 2023-07-28 09:47:05 · 299 阅读 · 0 评论 -
如何在 iframe 中获取接口数据?
跨域访问iframe的限制:如果父页面和iframe页面不属于同一个域名,那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象,反过来也一样。如果子页面和父页面不属于同一个域名,那么可以使用window.postMessage来进行跨域通信,父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名,而且无法修改子页面的代码,那么可以使用后端代理来解决跨域问题,父页面通过发起后端请求来获取子页面的数据。原创 2023-07-12 17:22:11 · 2394 阅读 · 0 评论 -
Vue---开发过程中,组件引入后页面无渲染(一直找了好久,页面没报错,完全没头绪!)
事件的起因:在新年的某一天,一个新需求要开发。当我建完分支随便复制了一个通用的页面,路由页面的权限都配置好了,但是页面一直不渲染!整整纠结了半天时间,最后和同事一起去确认排除页面写法问题,最终解决了该次事故!!!前言目前百度搜索啥的,搜到的基本都是因为名称大小写或者起名字语义化问题引起的,对应的解决方案基本就是:修改导入变量名或首字母改为大写!!!但是本人遇到的不是那个问题,很奇葩很难发现的一个错误!内部错误,不显示在页面的报错!原创 2023-02-08 17:47:37 · 979 阅读 · 2 评论 -
JavaScript---数据的检测类型有哪几种?
这是因为toString是Object的原型方法,而Array、function等类型作为Object的实例,都重写了toString方法。不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后,的toString方法(function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串...),而不会去调用Object上原型toString方法(返回对象的具体类型),所以采用obj.toString()不能得到其对象类型,只能将obj转换为字符串类型;原创 2023-02-02 14:48:10 · 178 阅读 · 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 · 182 阅读 · 0 评论 -
JavaScript---常用的鼠标事件mouseover 和mouseenter的区别
当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素绑定的事件。2、mouseenter和mouseleave 事件不会冒泡,依旧是说鼠标移入、移出时,该元素的子元素或父元素不会触发该事件。1、mouseover和mouseout会有事件冒泡,也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。:与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,直到根节点。false:冒泡阶段。原创 2023-01-04 10:47:45 · 2071 阅读 · 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 · 461 阅读 · 0 评论 -
CSS---足球场的实现,纪念2022世界杯(:root的使用)
首先这里说明下,该博文主要能看到使用的知识点: var()函数说明: box-reflect属性说明足球场——第一种采用 :root效果如下:效果图如下:原创 2022-12-06 14:49:00 · 276 阅读 · 0 评论 -
浏览器---reset.css浏览器默认样式表重置(user agent stylesheet)
当你在浏览器控制台查看对应元素的样式的时候,会发现一些样式标有(user agent stylesheet),同时不能修改,那就表明该样式是浏览器自身对元素的设置样式,即浏览器默认样式表;当然不同浏览器之间的默认样式会有出入,同时相同浏览器的不同版本之间也会有细微差别!一般推荐使用normalize.css,不会初始化掉基础的元素样式!这里附上PC和APP端的相应reset.css样式表。APP端初始化样式表。原创 2022-12-02 15:30:30 · 5637 阅读 · 2 评论 -
Git---当本地分支和远程分支都被删除时,如何处理?
记得每个功能开发完后,及时commit。只要在log上产生记录树,一切问题就不是什么大问题了这里造成这种情况的原因,可能有两种:1. 前期确定该分支不需要了,自己主动删除2. 被朋友或合伙人误删!!!当然,接下来才是重点!!!如何去恢复???首先这种情况是针对有过commit记录的相关分支,原理就是需要commit hash值来恢复滴!!!原创 2022-12-01 14:01:10 · 1818 阅读 · 3 评论 -
JavaScript---函数arguments参数直接获取的方式
平时如果写函数不确定入参数量的话,可以采用获取arguments对象来计算参数。Arguments对象如下:类数组经过Array.from变成真正的数组。将arguments类数组转化为真正的数组。看个人喜好,选择方便适合自己的写法!函数的参数获取:arguments。原创 2022-11-24 17:50:44 · 962 阅读 · 0 评论 -
CSS3---理解CSS3 max/min-content及fit-content等width值
fill-available (默认值)原创 2022-11-15 17:16:15 · 1308 阅读 · 0 评论 -
CSS---border-image属性的使用心得
注意:IE和火狐都添加了fill,否则背景不会自动填充到元素的content。border-image:根据英译汉显而易见,就是边框背景的意思。一旦使用了单个属性,那么就不能添加前缀,否则不生效。不得不说的border-image坑。原创 2022-10-19 16:06:02 · 885 阅读 · 0 评论 -
JavaScript---classList属性增、删、查元素类名,方便快捷
classList类名操作。增删改查判断等方法去处理类名变化!原创 2022-10-13 17:06:20 · 804 阅读 · 0 评论 -
JavaScript---原生获取元素(节点)与JQ获取元素(节点)方式总结
1. 获取子节点的方式。2. 获取父节点的方式。3. 获取兄弟节点的方式。原创 2022-10-13 16:39:31 · 523 阅读 · 0 评论 -
JavaScript---图片轮播(loop)多个设备展示图片一致,而非重新开始,根据当前时间计算展示图片
简单说就是,根据当天的时间来动态切换图片src,不论设备多少,开机运行顺序。进去看到的保证都是在某个相同时间端内的图片是相同的,而非不同设备进去都是从0秒到duration秒采取切换图片!原创 2022-09-04 23:42:36 · 422 阅读 · 0 评论 -
JavaScript---说一说JS数据类型有哪些,区别是什么?
引用类型是储存在堆内存中,占据空间大。引用类型在栈中储存了指针,该指针向堆中该实体的起始地址,当解释器寻找引用值时,会检索其在栈中的地址,取得地址后从堆中获得实体。基本数据类型是直接储存在栈中的简单数据段,占据空间小,属于被频繁使用的数据。symbol、BigInt 是ES6之后的新类型。2. 所有类型分为两种:基本数据类型、引用类型。普通对象,数组,正则,日期,Math数学函数。...原创 2022-09-04 22:28:56 · 359 阅读 · 0 评论 -
Vue---.env文件配置环境变量的相关问题
一般会建立两个文件:.env.development和.env.production在该文件中注释采用 # xxx。原创 2022-08-04 10:29:01 · 279 阅读 · 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 · 256 阅读 · 0 评论 -
Array---数组方法中使用forEach时如何中断循环!!!
如非必须使用forEach的话,其实使用完全可以实现满足条件就中断循环的目的。原创 2022-07-19 14:24:44 · 914 阅读 · 0 评论 -
JavaScript---位运算符单竖杠(|)在JS的使用,与或(||)要作区分
一、单竖杠后面是0的话,可以当做取整的运算:二、根本作用是前后数字的二进制进行相加值原创 2022-07-13 17:29:48 · 1013 阅读 · 0 评论 -
JavaScript----upload/download-文件下载和上传的方法封装
采用原生写法下载,这里下载的支持多文件集合,即最后下载时为zip压缩包文件。 一、原生的xhr的方式去下载文件,具体写法如下,不懂的评论区直接问我! 二、采用ajax的方式去下载文件的写法AJAX直接调用上传:......原创 2022-07-07 17:16:47 · 1354 阅读 · 0 评论 -
Vue------vue3中ref函数的使用(ref获取元素undefined)
答:不一致可以的,但是最终return中的名字要和ref中的值一致!!!原创 2022-07-12 15:23:53 · 7321 阅读 · 4 评论 -
Vue---Vue2/Vue3生命周期总结
Vue2/Vue3生命周期总结!!!原创 2022-06-24 15:08:07 · 833 阅读 · 0 评论 -
CSS---标准盒模型和IE盒模型
W3C盒模型(content-box)------IE盒模型(border-box) box-sizing的默认属性是content-box!!!原创 2022-06-20 10:59:24 · 443 阅读 · 0 评论 -
JavaScript---setTimeOut的入参问题
setTimeOut例子 不建议使用字符串形式,传递字符串可能导致性能损失,因此建议使用函数形式原创 2022-06-13 11:32:08 · 224 阅读 · 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 · 4899 阅读 · 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 · 277 阅读 · 0 评论 -
JavaScript------Event Loop(事件循环机制)
JS执行机制1. 从前到后,一步一步执行2. 如果某行报错,则停止执行后面的所有js3. 先执行同步代码,再执行异步代码(包含宏任务和微任务两类)Event Loop(事件循环)指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。关键点在于:JS是单线程执行因为JavaScript是单线程执行的,所有任务都需要排队,前一个任务执行完成,才能继续执行下一个任务,但是,如果前一个任务的执行时间过长,比如文件的读取操作.原创 2022-05-18 00:47:57 · 262 阅读 · 0 评论 -
JavaScript------你真的会用console来调试打印么?
展示罗列如下,具体实例下有详解 assert() 如果断言为false,则将一个错误消息写入控制台。如果断言是true,没有任何反应。 clear() 清空控制台.Google Chrome浏览器中,如果用户在设置中勾选了“Preserve log”选项,console.clear()将不会起作用。 count() 输出 count() 被调用的次数。此函数接受一个可选参数label。[lable]:1 ...原创 2022-04-21 18:50:31 · 3718 阅读 · 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 · 1505 阅读 · 0 评论 -
CSS------CSS样式集合地,总结小片段有用就拿走
1. 推荐的字体font-family:font-family: Arial, Simhei, "黑体", sans-serif !important;原创 2022-03-17 14:01:01 · 102 阅读 · 0 评论 -
HTML------a标签target_blank使用rel=noopener的场景
相关属性列举:noopener Instructs the browser to open the link without granting the new browsing context access to the document that opened it — by not setting theWindow.openerproperty on the opened window (it returnsnull). This is especi...原创 2022-03-14 10:23:05 · 455 阅读 · 0 评论 -
npm------npm命令下载electron,修改镜像源
如上图:一直卡死在这个位置解决方案:添加运行即可// 配置文件位置:C:\Users\用户名\.npmrcelectron_mirror=https://npm.taobao.org/mirrors/electron/本人的npm相关全局镜像配置如下:electron_mirror=https://npm.taobao.org/mirrors/electron/sass_binary_site=https://npm.taobao.org/mirrors/node-sas...原创 2022-03-01 16:51:14 · 1144 阅读 · 0 评论 -
Vue-------$nextTick()的使用场景(粉丝福利)
先看官方的文档说明:声明周期钩子函数Created和Mounted:需要注意的是,在created和mounted 阶段,如果需要操作渲染后的Dom视图,也要使用nextTick方法。mounted// 该钩子在服务器端渲染期间不被调用。类型:Function详细:实例被挂载后调用,这时 el 被新创建的 vm.$el 替换了。如果根实例挂载到了一个文档内的元素上,当 mounted 被调用时 vm.$el 也在文档内。实例:mounted: function ()原创 2022-02-24 11:04:02 · 1289 阅读 · 1 评论 -
Vue------router传参params方式传值一直为空的解决方案
直奔主题:代码如下这里是其他情况的入口,感兴趣的同学或码友可以一起浏览一下https://liyangtao.blog.csdn.net/article/details/115008014关键点:name名为组件创建时的name,要完全一致!!!采用params的方式去传参! { // LyInusreAddInfo.vue 投保信息房屋添加页 path: "/lyhousenew/lyinsureinfo/add", name: "LyInusreAdd.原创 2022-02-21 14:14:33 · 6035 阅读 · 0 评论 -
javascript------H5调用手机相机录像拍照并回显(input操作)
下面代码直接复制,去本地操作看结果!!!文件下载链接:https://download.csdn.net/download/COCOLI_BK/81145436<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m...原创 2022-02-17 16:54:16 · 1826 阅读 · 0 评论 -
Javascript------近期面试相关推荐
1. H5跳转小程序的方式简单说明下,H5原生跳小程序是不存在的,一般要在小程序中使用组件web-view标签在属性src后面添加对应H5页面的路径,作为内嵌式的H5网页;同时H5网页需要引入对应的微信的sdk(jsweixin.js),下面的Js代码使用wx.miniProgram.对应的小城需的方法名来调用小程序的API(wx.miniProgram.navigateTo({url:'/pages/index?a=1&b=2'}))https://jingyan.baidu.co原创 2022-01-12 00:06:39 · 117 阅读 · 0 评论