- 博客(18)
- 收藏
- 关注
原创 谈谈你对BFC的理解?
目的是形成一个相对于外界完全独立的空间,让内部的子元素不会影响到外部的元素。原因是元素之间相互的影响,导致了意料之外的情况,这里就涉及到。实际就是页面一个独立的容器,里面的子元素不影响外面的元素。为80的话,两个P之间的距离还是100,以最大的为准。前面讲到,每个元素的左外边距与包含块的左边界相接触。在计算高度时,浮动元素也会参与,所以我们可以触发。重叠(塌陷),以最大的为准,如果第一个P的。,则内部浮动元素计算高度时候也会计算。因此会根据包含块的宽度,和。的左边依然会与包含块的左边相接触。
2024-07-05 14:15:00
629
原创 css中,有哪些方式可以隐藏页面元素?区别?
在平常的样式排版中,我们经常遇到将某个模块隐藏的场景通过css隐藏元素的方法有很多种,它们看起来实现的效果是一致的但实际上每一种方法都有一丝轻微的不同,这些不同决定了在一些特定场合下使用哪一种方法。
2024-07-05 10:45:00
820
原创 说说你对函数式编程的理解?优缺点?
相比命令式编程,函数式编程更加强调程序执行的结果而非执行的过程,倡导利用若干简单的执行单元让计算结果不断渐进,逐层推导复杂的运算,而非设计一个复杂的执行过程。可以看到,函数实际上是一个关系,或者说是一种映射,而这种映射关系是可以组合的,一旦我们知道一个函数的输出类型可以匹配另一个函数的输入,那他们就可以进行组合。纯函数是对给定的输入返还相同输出的函数,并且要求你所有的数据都是不可变的,即纯函数=无状态+数据不可变。在我们的编程世界中,我们需要处理的其实也只有“数据”和“关系”,而关系就是函数。
2024-07-04 20:15:00
634
原创 说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别?
CSS像素(css pixel, px): 适用于web编程,在 CSS 中以 px 为后缀,是一个长度单位在 CSS 规范中,长度单位可以分为两类,绝对单位以及相对单位px是一个相对单位,相对的是设备像素(device pixel)一般情况,页面缩放比为1,1个CSS像素等于1个设备独立像素CSS在同一个设备上,每1个 CSS 像素所代表的设备像素是可以变化的(比如调整屏幕的分辨率)在不同的设备之间,每1个 CSS 像素所代表的设备像素是可以变化的(比如两个不同型号的手机)
2024-07-04 16:05:49
420
原创 解释下什么是事件代理?应用场景?
clickmousedownmouseupkeydownkeyupkeypress减少整个页面所需的内存,提升整体性能动态绑定,减少重复工作focusblur这些事件没有事件冒泡机制,所以无法进行委托绑定事件mousemovemouseout这样的事件,虽然有事件冒泡,但是只能不断通过位置去计算定位,对性能消耗高,因此也是不适合于事件委托的如果把所有事件都用事件代理,可能会出现事件误判,即本不该被触发的事件被绑定上了事件。
2024-07-04 15:15:02
521
1
原创 谈谈this对象的理解
函数的this关键字在JavaScript中的表现略有不同,此外,在严格模式和非严格模式之间也会有一些差别在绝大多数情况下,函数的调用方式决定了this的值(运行时绑定)this关键字是函数运行时自动生成的一个内部对象,只能在函数内部使用,总指向调用它的对象// 当前调用栈是:baz// 因此,当前调用位置是全局作用域bar();// <-- bar的调用位置// 当前调用栈是:baz --> bar// 因此,当前调用位置在baz中foo();// <-- foo的调用位置。
2024-07-03 16:37:46
1398
原创 vue要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?
取得后端返回的菜单后,根据菜单与路由的对应关系,筛选出可访问的路由,通过。菜单跟路由耦合在一起,定义路由的时候还有添加菜单显示标题,图标之类的信息,而且路由不一定作为菜单显示,还要多加字段进行标识。路由方面,用户登录后只能看到自己有权访问的导航菜单,也只能访问自己有权访问的路由地址,否则将跳转。如果有嵌套路由,后端功能设计的时候,要注意添加相应的字段,前端拿到数据也要做相应的处理。加载所有的路由,如果路由很多,而用户并不是所有的路由都有权限访问,对性能会有影响。
2024-07-02 20:00:00
770
原创 Vue项目中封装axios
大部分情况下,请求头都是固定的,只有少部分情况下,会需要一些特殊的请求头,这里将普适性的请求头作为基础配置。当需要特殊请求头时,将特殊请求头作为参数传入,覆盖基础配置。请求,就要把这些比如设置超时时间、设置请求头、根据项目环境判断使用哪个请求地址、错误处理等等操作,都需要写一遍。封装的同时,你需要和 后端协商好一些约定,请求头,状态码,请求超时时间.......如果每个页面都发送类似的请求,都要写一堆的配置与错误处理,就显得过于繁琐了。请求拦截器: 根据请求的请求头设定,来决定哪些请求可以访问。
2024-07-02 15:34:51
697
原创 动态给vue的data添加一个新的属性时会发生什么?怎样解决?
标签绑定点击事件,我们预期点击按钮时,数据新增一个属性,界面也 新增一行。中做一次强制更新,99.9% 的情况,是你在某个地方做错了事。不允许在已经创建的实例上动态添加新的响应式属性。应创建一个新的对象,合并原对象和混入对象的属性。点击按钮,发现结果不及预期,数据虽然更新了(添加新属性的时候,却无法触发事件属性的拦截。如果为对象添加少量的新属性,可以直接采用。如果需要为新对象添加大量的新属性,则通过。同样是响应式的,且触发视图更新。是后面新增的属性,并没有通过。方法,实现新增属性的响应式。
2024-07-02 15:31:47
277
原创 Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?
Composition API可以说是Vue3的最大特点,那么为什么要推出Composition Api,解决了什么问题?
2024-07-02 10:15:00
459
原创 你对SPA单页面的理解,它的优缺点分别是什么?如何实现SPA应用呢
SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTMLJavaScript和CSS。
2024-07-01 16:12:17
2014
1
原创 vue3中的vuex里面map辅助函数
在 Vue 3 中,Vuex 通过函数来创建一个 store 实例。但是在使用 Vuex 进行状态管理时,我们可能需要一些辅助函数来简化代码。在 Vue 3 中,我们可以使用mapStatemapGetters和mapActions这些辅助函数。mapState。
2024-06-27 17:13:14
460
原创 互联网公司大盘点
阿里巴巴、字节跳动、腾讯、小米、华为、金山、斗鱼、京东、小红书、西山居、奇安信、360、三七互娱、风行网、明源云、尚德、途虎养车、微派、旷视科技、初心科技、神测数据、丰巢、出门问问、木仓科技、ThoughtWorks、烽火科技、中兴、宝宝树、多益网络、盛天网络、绿盟科技、他趣、神州数码、高途、猿辅导、作业帮、好未来、华图教育、数字政通、银联商务、科大讯飞、微众银行、长江证券、人人网、中文在线、掌游科技、极验、绿盟。注:本文中的城市和公司排名不分先后,部分数据来源于知乎和脉脉!
2024-06-26 17:04:39
2020
原创 前端面试题promise、ajax
对象字面量: `var obj = {};- 构造函数: `var obj = new Object();- `Object` 是 `JavaScript` 中所有对象的父对象- 数据封装类对象:`Object`、`Array`、`Boolean`、`Number` 和 `String`- 其他对象:`Function`、`Arguments`、`Math`、`Date`、`RegExp`、`Error`
2024-06-25 11:49:18
351
原创 2024Vue面试题
(1) MVC:通过分离Model、View、Controller来实现,Model层是负责用户在页面的数据以及相对应的数据操作,View层是负责视图更新,Controller是Model和View的联系,主要负责用户与应用交互的操作,当用户与页面进行交互时,Controller会通过Model层来更新用户在页面进行的数据操作,更新好后再通知View层来进行视图更新。(什么是回调方法,回调可以简单理解为一种约定机制,假设有类A和类B,约定就是,当类B的方法被调用之后,就通知类A的某个方法)。
2024-06-25 11:41:49
698
原创 Vue3基础使用
响应式数据备注ref 可以创建任意类型的响应式数据,reactive 只能创建对象类型响应式数据ref 在js 代码里面需要使用.value 来访问原始值,在模板里面直接使用,不需要.valuereactive 可以直接访问原始值,在js 代码和模板里面,都不需要.valuereactive 创建响应式数据的时候,当重新赋值的时候,不管赋值的是普通对象,还是响应式对象,都会失去响应式watch( 需要监听的数据,数据变化后执行的函数,【可选参数,设置深度监听,立即执行】)监听多个数据。
2024-06-21 21:48:37
676
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人