面试总结
文章平均质量分 51
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
Vue3---多种组件传值方式总结
在Vue 3项目中,Vuex是一个常用的状态管理库,它可以帮助你在多个组件之间共享状态。结合上述代码,您可以创建一个简单的Vue 3应用程序,其中包含一个用来发表消息的组件和另一个用来订阅消息的组件。状态会相应增加或减少,并且由于状态的响应式特性,所有使用了该状态的组件都会自动更新显示。如果需要,可以创建一个中间组件,但在这个示例中,我们将直接从父组件跳转到孙子组件。最重要的一点,想要ref传值赋值,一定要用方法的方式去调用,直接赋值无效!的示例,其中一个父组件提供数据,一个孙子组件通过注射获取这些数据。原创 2024-08-14 17:18:10 · 720 阅读 · 0 评论 -
JavaScript---如何完美的判断返回对象是否有值
判断一个对象是否为空时,使用方法最为完美。原创 2023-12-15 10:50:14 · 1730 阅读 · 0 评论 -
vue---Vue 不能检测数组和对象的变化,采用set方法解决(即修改的数据非响应式)以及异步更新队列
对象的处理:(对于已经创建的实例,Vue 不允许动态添加根级别的响应式 property)Vue 无法检测 property (属性)的添加或移除。由于vue会在初始化实例时对property执行getter/setter执行转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。解决方式: 全局: Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式 property 局部: this.$set.原创 2020-10-16 15:44:46 · 1266 阅读 · 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---移动端点击click穿透,fastclick解决方案
1. 引入fastclick插件监听全局click事件,移动端click点击事件穿透的问题。(一般不采用,这种比较绝对~)如何使用插件FastClick。原创 2023-01-16 17:10:18 · 1784 阅读 · 0 评论 -
Vue---vue动态组件与异步组件的使用
在大型应用中,我们可能需要将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块。只有在这个组件需要被渲染的时候才会触发该工厂函数,且会把结果缓存起来供未来重渲染。允许你以一个工厂函数的方式定义你的组件,这个工厂函数会异步解析你的组件定义。,当在这些组件之间切换的时候,你有时会想保持这些组件的状态。以避免反复重渲染导致的性能问题。...原创 2022-08-12 17:39:56 · 290 阅读 · 0 评论 -
Vue---组件传值总结(父子、子父、非父子三种传值方式)
前置说明:借鉴来源1.单向数据流:只能父组件向子组件传递信息,子组件不能向父组件传递信息2.在组件中使用从props传来的数据可以直接用this.xxx来获取3.数据验证:在HTML中绝对不允许使用驼峰,因为HTML会把大写全部转化为小写。在props中可以用驼峰或短横线,在template和data、this.xxx中只能使用驼峰,这是因为在vue中短横线会被误认为减号,会报错。即............原创 2019-12-18 15:55:43 · 757 阅读 · 0 评论 -
CSS---px、em、rem、vw、百分比的区别
代码】CSS---px、em、rem、vw、百分比的区别。原创 2022-07-23 23:30:12 · 292 阅读 · 0 评论 -
CSS---background组合属性的书写问题简记
background是一个简写属性,可以在一个声明中设置背景颜色、背景位置、背景大小、背景平铺方式、背景图片等样式语法background颜色图片位置/大小平铺方式bg-origin绘制区域bg-attachment;。background简写属性在一个声明中设置所有的背景属性#fff;//指定背景颜色//设置背景图像,可以是真实的图片路径,也可以是创建的渐变背景;center;//设置背景图像的位置cover;//设置背景图像的大小no-repeat;...原创 2022-07-21 14:44:05 · 653 阅读 · 0 评论 -
Vue---vue3和vue2的区别有哪些?极限总结,值得拥有.
1.生命周期的变化 2.支持多根节点3.异步组件 出现问题如下: 实例代码如下:4.Teleport 6.响应式原理7.虚拟DOM8.事件缓存9.Diff 优化10.打包优化11.自定义渲染API12.TypeScript 支持其他细节可以查看这个,关于虚拟dom和diff(即7到12的更深层原理看这个公众号的详细介绍,大佬的总结!)面试官问:Vue3 对比 Vue2 有哪些变化?...转载 2022-07-08 15:02:31 · 1141 阅读 · 0 评论 -
Vue---vue3的setup函数的使用
vue3的setup函数的使用原创 2022-06-27 11:17:16 · 7845 阅读 · 0 评论 -
vue---Parsing error: No Babel config file detected for D:\AAA_ProjectFiles\ > Eslint报错一个属性解决问题
刚初始化的项目,为啥会出现下面的问题Parsing error: No Babel config file detected for D:\AAA_ProjectFiles\MYPro\big_front_end\login_template\src\views\HomeView.vue. Either disable config file checking with requireConfigFile: false, or configure Babel so that it can fin原创 2022-05-14 13:06:11 · 2568 阅读 · 3 评论 -
Javascript---宏任务与微任务,代码执行顺序你是否搞清了
利用alert弹窗会阻碍dom渲染代码执行,来验证微任务与宏任务的执行是在dom渲染前或后为什么了解执行的顺序和时机? 可以判定使用什么函数去处理代码;比如:你需要再dom渲染之前做好逻辑处理,等待dom渲染完毕后,展示于页面,此时必用微任务方式处理,必正确;反之需要获取dom的操作就需要采用宏任务的相关代码去包裹处理函数,才不至于获取不到元素而报错!!!首先说明下哪些是宏任务,哪些是微任务?(关键的分类)/****宏任务*****/// setTimeout、setInterva.原创 2022-04-28 21:16:28 · 5091 阅读 · 0 评论 -
Javascript------for...of...用于异步加载调用的循环事件中
对于原生的for循环以及后来较为方便的forEach循环:(这两者相比for循环速度快!!!)不管里面有回调还是异步接口,都是直接循环完了,一下子扔给下面的代码!!!所以对于异步循环,这样子其实就违背了初衷,虽然事件正常执行,但是几乎同时完成了!实际验证结果如下(附有gif动图,直观查看结果)通用异步函数,有时间间隔的返回结果(测试函数) const nums = [1, 2, 3, 4, 5] // for...of...循环 function powxy(原创 2022-04-28 20:15:32 · 1478 阅读 · 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 · 125 阅读 · 0 评论 -
WeChat------IOS中margin-bottom无效!!!
问题描述:小程序给一个view设置margin-bottom 模拟器上是好的 但是(iOS)真机上无效!!!解决方案:可以添加一个空的view设置响应的高度来模拟对应的样式或者套个父view加padding原创 2021-08-24 14:01:00 · 308 阅读 · 0 评论 -
Javascript------内存泄漏&垃圾回收机制
===直奔主题===内存泄漏:简单说: 指任何对象在您不再拥有或需要它之后依然存在!或 是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束.垃圾回收:(英语:Garbage Collection,缩写为GC)是一种自动的内存管理机制。 当一个电脑上的动态内存不再需要时,就应该予以释放,以让出内存,这种内存资源管理, 称为垃圾回收(garbage collection)通常情况下有两种实现方式:标记清除和引用计数。引用计数不太常用,标记清除较为常用。造成原创 2021-08-06 18:40:46 · 125 阅读 · 0 评论 -
有道云知识点
前端知识点整理图片自适应宽高img { max-height: 100%; max-width:100%;}line-height继承问题 父盒子设置行高,子盒子继承的行高不同情况 /* 父盒子的行高: line-height: 50px; font-size: 20px; */ /* 如果是固定尺寸,则子盒子直接继承 line-height: 50px; */原创 2021-08-06 11:37:47 · 945 阅读 · 0 评论 -
CSS------伪类(:first)和伪元素(::after)汇总以及区别分析
css中伪类和伪元素的区别及用法:伪元素定义:伪元素主要是用来创建一些不存在原有dom结构树种的元素,被添加的内容会以具体的UI显示出来,被用户所看到的,这些内容不会改变文档的内容,不会出现在DOM中,不可复制,仅仅是在CSS渲染层加入伪类定义:伪类表示已存在的某个元素处于某种状态,但是通过dom树又无法表示这种状态,就可以通过伪类来为其添加样式。注意点:CSS3中建议使用::表示伪元素,如:div::before; CSS3中建议使用:表示伪元素,如:a:hover...原创 2021-08-06 11:15:01 · 2571 阅读 · 0 评论 -
Git------解决用户每次提交输入账号密码的问题(简单易学)
一、查看当前配置列表git config --list二、配置git的邮箱和作者(如果已添加过,可以跳过)git config --global user.name <username> // 配置用户名(作者)git config --global user.email <email> // 配置邮箱(作者的邮箱)三、运行下面命令。再次出现输入账号密码后,即会永久保存(方便以后操作)git config --global credential.h原创 2021-01-08 09:59:09 · 270 阅读 · 0 评论 -
服务器------Windows客户端命令---终止端口占用程序
Windows中的相关操作,常用命令:一、查询端口并终止端口:首先,采用命令查询当前使用中的端口,以此来获取到最后的一个对应的pid值:1. 采用win + R 调出来:命令提示符2. 在命令提示符中输入一下命令,可查询出来对应的端口使用情况:netstat -ano // 每个端口都对应者一个pid,拿到对应的pid即可其次,通过PID号查看是哪个进程或者程序占用了指定的端口:tasklist | findstr "端口对应的pid值"最后,通过获取到的程原创 2021-01-07 11:51:51 · 542 阅读 · 1 评论 -
CSS------利用div手写三角形,上下左右四个方向
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>利用div手写三角形</title> <style> .triangle {原创 2021-01-05 11:03:12 · 404 阅读 · 0 评论 -
CSS---手机端如何实现细、1px、0.5px边框
直接采用0.5px,使用方便,兼容性差。不推荐使用用阴影代替边框,设置阴影box-shadow,基本上可以实现,也可展示圆角。兼容性一般给元素设置伪元素,设置绝对定位,高度为1px,背景图为线性渐变,一般有颜色,一般透明。视觉上宽度只有0.5px。只适合设置一条边框,不能展示圆角给容器内设置伪元素,设置绝对定位,宽、高是200%,边框是1px,然后使用transformscale(0.5);让元素缩小一半,这时候伪元素的边框和容器的边缘重合,视觉上宽度只有0.5px。源地址网址。...原创 2021-01-05 09:50:41 · 1860 阅读 · 0 评论 -
vue------关于自定义事件的总结:$attrs、$listeners、inheritAttrs: false、kebab-case 、修饰符
事件名(推荐使用kebab-case格式命名 或 update:myPropName)不同于组件和 prop,触发的事件名需要完全匹配监听这个事件所用的名称:使用 kebab-case (set-font | get-url) 子父传值:通过$emit('自定义事件名(kebab-case)',参数) ,一般子父传值需要操作事件时要用到事件名 推荐以update:myPropName的模式触发事件 :this.$emit('update:title',params)如果触发一个 camel...原创 2020-09-22 16:56:55 · 596 阅读 · 0 评论 -
Git------git rebase变基操作的总结
就根据下图初始图看:变基定义:提取在 C4 中引入的补丁和修改,然后在 C3 的基础上应用一次。在 Git 中,这种操作就叫做 变基。git rebase变基合并与 git merge合并:1.整合分支最容易的方法是 merge 命令。 它会把两个分支的最新快照(C3 和 C4)以及二者最近的 共同祖先(C2)进行三方合并,合并的结果是生成一个新的快照(并提交)。2....原创 2019-12-17 10:41:34 · 762 阅读 · 0 评论 -
Vue---vue相关面试题-知识点总结
两者同级时,循环v-for优先级高于判断v-if2.vue组件data数据为什么一定要是函数1.vue祖江可能存在多个实例,如果使用对象的形式定义data,则会。原创 2022-04-28 21:21:20 · 857 阅读 · 0 评论 -
前端面试题------优化浏览器性能的汇总
最佳实践最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键点总结一下。网页内容减少http请求次数减少DNS查询次数避免页面跳转缓存Ajax延迟加载提前加载减少DOM元素数量根据域名划分内容减少iframe数量避免404服务器使用CDN添加Expires 或Cache-Con...原创 2020-06-17 16:29:56 · 441 阅读 · 0 评论 -
Git------git 修改本地和远程分支名称(Git modifying local and remote branch names)
git branch 相关操作1.修改本地分支git branch -m old_branch new_branch # Rename branch locally2.删除远程对应老分支git push origin :old_branch # Delete the old branch3.对应的本地分支和远程分支关联git push --set-upstream origin new_branch 或者git push -u origin new_branch # Push th原创 2020-06-17 15:43:17 · 356 阅读 · 0 评论 -
vue------axios在vue中的实例、基本配置和拦截器介绍
123原创 2020-06-15 15:44:02 · 743 阅读 · 0 评论 -
vue------全局安装 Vue cli3 和 继续使用 Vue-cli2.x,以及包括vue -V报错的问题解决
Do not use built-in or reserved HTML elements as component id: dialog不要使用内置或保留的HTML元素作为组件id:dialog原创 2020-06-09 13:11:44 · 432 阅读 · 2 评论 -
JS------JS中encodeURI()/decodeURI()、encodeURIComponent()/decodeURIComponent()、escape()unescape()编码与解码
首先看看各个方法不同浏览器的支持程度函数 描述 FF N IE decodeURI() 解码某个编码的 URI。 1 4 5.5 decodeURIComponent() 解码一个编码的 URI 组件。 1 4 5.5 encodeURI() 把字符串编码为 URI。 1 4 5.5 ...转载 2020-05-07 13:58:04 · 312 阅读 · 0 评论 -
MongoDB------关于mongo认证、添加用户、用户权限控制的总结
**番外:ps -ef | grep mongodb或者 ps -aux | grep mongodb查看后台mongodb进程,采用kill 进程号来关闭对应后台进程。创建管理员账号mongodb安装好后第一次进入是不需要密码的,也没有任何用户。 在安装MongoDB之后,先关闭auth认证,启动服务端:这里说明下,可能压缩包形式的mongodb没有mongod.conf配置文件...原创 2020-04-26 15:04:58 · 343 阅读 · 0 评论 -
MongoDB------数据库操作常用命令(后续再添加)
配置文件方式启动mongo(& 执行后就是后台启动)这里注意无论是mongodb还是node服务,后台启动后不要直接ctrl + c ,输入命令exit才是正确的退出方式bin/mongod -f ./mongodb.conf &常用操作命令1. 首先进入mongodb的bin目录下2. ./mongo 就会进入数据操作页3. show dbs 显示出来所有的数...原创 2020-04-24 16:03:54 · 375 阅读 · 0 评论 -
css------保证图片容器为正方形的css写法(一看便懂)
直接复制左右代码,看效果就懂了!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2020-04-22 10:10:19 · 984 阅读 · 0 评论 -
js------script标签的属性介绍(最通俗易懂)
标签中六个属性的介绍defer:只支持IE如果您的脚本不会改变文档的内容,可将 defer 属性加入到<script>标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。async,HTML5属性仅适用于外部脚本,并且如果在IE中,同时存在defer和async,那么defer的优先级...原创 2020-04-15 11:12:35 · 729 阅读 · 0 评论 -
知识点------TCP链接时三次‘握手’,断开时四次‘握手’超详细讲解
详解TCP连接的“三次握手”与“四次挥手”(上)一、TCP connection客户端与服务器之间数据的发送和返回的过程当中需要创建一个叫TCP connection的东西;由于TCP不存在连接的概念,只存在请求和响应,请求和响应都是数据包,它们之间都是经过由TCP创建的一个从客户端发起,服务器接收的类似连接的通道,这个连接可以一直保持,http请求是在这个连接的基础上发送的;在一...转载 2020-04-02 17:01:14 · 458 阅读 · 0 评论 -
面试题------来自微信公众号的网红面试题
https://mp.weixin.qq.com/s?__biz=MzI2MDM1Mzg1MA==&mid=2247487668&idx=1&sn=72b87e6b5356ed09724c9af27ffc5464&chksm=ea6baae1dd1c23f771b12a1b26feea9df535269f8852f784813df84c66d460aa9014...转载 2019-11-26 09:47:54 · 679 阅读 · 0 评论 -
知识点------ 浅谈CSS首字放大下沉及段首缩进2字符
1.对首字进行放大下沉,需用到css的伪元素:first-letter.text{ font-family:Microsoft YaHei; font-size:16px; color:#676767; width:600px; text-align:justify; } .text:first-letter{ font-size:...原创 2019-11-19 16:52:10 · 335 阅读 · 0 评论 -
跨域------9种常见的前端跨域解决方案
一、什么是跨域?1.跨域:指的是浏览器允许向服务器发送满足跨域请求的链接,从而克服Ajax只能同源使用的限制。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。2.同源策略限制以下几种行为:Cookie、LocalStorage 和 IndexDB 无法读取 DOM和JS对象无法获得 AJAX 请求不能发送3.跨域请求9种:1...原创 2019-11-11 14:03:23 · 252 阅读 · 0 评论 -
知识点------ 命名规则介绍
原文:https://www.cnblogs.com/yiyixin/p/5966708.html一、骆驼命名法: 小驼峰法(camel方法)变量一般用小驼峰法标识。 第一个单词以小写字母开始;第二个单词的首字母大写或每一个单词的首字母都采用大写字母,例如:myFirstName、myLastName 大驼峰法(Upper Camel Case)也称为:帕斯卡命名法:(pas...原创 2019-10-12 16:52:44 · 377 阅读 · 0 评论