- 博客(24)
- 收藏
- 关注
原创 element ui 怎么修改日期选择器的样式
是用来定义选择器选择的对象,这里我们选择的是日期(date),也可以只选择年(year),只选择月(month),或只选择周(week)。是绑定一个值,如果不绑定的话,即使选择了某一个日期,框框里也没有数值。定义获取的时间的格式。是占位提示文字。
2023-08-14 22:32:36
2151
原创 element-ui中如何修改下拉选择器el-select的样式
当你没有设置这个属性时,el-select是跟app是同级的,所以样式不生效。1. 在el-select里面加个类名 我这里叫park-select。2.在style里面写穿透 注意:我这里是设置下拉菜单的样式的哈 所以。当当当 最后效果图就是这样啦 小伙伴们 注意类名别选择错啦。然后下拉菜单的输入框样式是在全局css中设置的。如果加了这句还不生效 那咱们就需要。由于我还需要设置鼠标经过时高亮。是不是不管怎么设置样式都不生效呢。小伙伴们可以看下官方文档这一条。
2023-08-14 22:09:48
1717
1
原创 let me look~~ vue2和vue3的区别
vue2 的双向数据绑定是利用ES5 的一个Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的vue3发生了改变,使用proxy替换Object.defineProerty,使用Proxy的优势1、可直接监听数组类型的数据变化2、性能的提升3、监听的目标为对象本身,不需要像Object.defineProperty一样遍历每个属性,有一定的性能提升4、可直接实现对象属性的新增/删除vue3在组件中支持多个根节点vue2vue3。
2023-07-16 23:12:30
243
原创 浅聊一下webpack
webpack是一个模块打包工具,可以递归地打包项目中的所有模块,最终生成几个打包后的文件。区别:webpack支持代码分割,模块化(AMD,CommonJ,ES2015),全局分析entry 入口,告诉webpack要使用哪个模块作为构建项目的起点,默认为./src/index.jsoutput 出口,告诉webpack在哪里输出它打包好的代码以及如何命名,默认为./distloader是用来告诉webpack如何转换某一类型的文件,并且引入到打包出的文件中。
2023-07-16 17:51:33
214
原创 什么是暂时性死区?
在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。
2023-07-16 16:27:36
265
1
原创 递归是什么?
一个函数在内部调用自己,这个函数就是递归函数。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解一般来说,递归需要有边界条件递归前进阶段和递归返回阶段。当边界条件不满足时,递归前进;当边界条件满足时,递归返回递归是一个强大的编程技术,要小心使用。在某些情况下,递归可能导致性能问题,因为在每一次递归调用时都会产生额外的函数调用和堆栈操作。因此,在实际应用中,需要仔细选择何时使用递归,确保递归不会导致栈溢出或其他性能问题。尾递归,即在。
2023-07-16 15:47:39
159
1
原创 大屏适配怎么把px转rem? 来用用插件postcss-pxtorem叭~
配置postcss-pxtorem,可在vue.config.js、.postcssrc.js、postcss.config.js其中之一配置,权重从左到右降低,没有则新建文件,只需要设置。.config.js,将第二步vue.config.js里面的配置放在postcss.config.js中。amfe-flexible 是配置可伸缩布局方案,主要是将 1rem 设为 viewWidth/10。2.vue.config.js里面配置postcss-pxtorem。2.在main.js中引入。
2023-07-15 22:02:52
1793
1
原创 怎么理解响应式布局
响应式布局是一种设计方法,用于创建在不同屏幕尺寸和设备上都能够自动适应的网页或应用程序。它的目标是确保内容在各种设备上以一致和良好的方式呈现,无论是在桌面电脑、平板电脑还是移动设备上。在响应式布局中,使用了一些技术和技巧来实现自适应性。以下是一些常见的方法:弹性网格布局:使用相对单位(如百分比)而不是固定像素来定义网格结构。这样,网页元素的大小和位置可以根据屏幕尺寸进行动态调整。
2023-07-15 16:19:20
167
1
原创 Promise.all() Promise.race() Promise.allSettled()的区别
新的 Promise 在所有传入的 Promise 都成功解析后才会被解析,如果任何一个 Promise 失败(reject),则新的 Promise 会立即被拒绝(reject)该新的 Promise 在所有传入的 Promise 都完成(不管是解析还是拒绝)后才会被解析,返回一个包含每个 Promise 结果的对象数组,每个对象包含。新的 Promise 在传入的 Promise 数组中有任何一个 Promise 成功解析或拒绝时会立即被解析或拒绝,以最先解决或拒绝的 Promise 为准。
2023-07-15 09:00:00
153
1
原创 vue中vite是什么? vite原理是什么~ 与webpack区别有哪些呢~
Vite是一种针对Vue应用程序开发的现代化构建工具,通过利用浏览器对ESM的支持,实现了快速的冷启动快速的热重载和按需加载的开发体验。它提供了更高效、轻量级的开发环境,加快了开发速度,并提供了更好的开发体验。
2023-07-14 09:31:49
379
1
原创 webpack 热更新的原理
关于webpack通过创建两个服务器:提供静态资源的服务(express)和 Socket 服务express server 负责直接提供静态资源的服务(打包后的资源直接被浏览器请求和解析)socket server 是一个 websocket 的长连接,双方可以通信当 socket server 监听到对应的模块发生变化时,会生成两个文件.json(manifest 文件)和.js 文件(update chunk)
2023-07-14 08:15:00
510
3
原创 什么是单点登录?
单点登录(Single Sign-On,简称 SSO)是一种身份验证和授权机制,允许用户使用一组凭据(例如用户名和密码)来访问多个应用程序或系统,而无需在每个应用程序中单独进行身份验证。换句话说,就是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。
2023-07-13 20:03:52
1369
2
原创 vue3中不能用mixin? 那就来看看Composition API叭!
在 Vue 3 中,官方不再推荐使用mixin。虽然 Vue 3 仍然支持mixin,但它被视为一种不推荐的模式,并且在一些情况下可能导致代码维护和理解上的困难。如果你在 Vue 3 中希望实现代码的复用和共享逻辑,推荐使用来替代mixin。我们利用组合式api的特点,他们抽象出来,可以单独建个文件夹和文件, 然后进行封装(自定义的 hook函数一般取名是以use开头),把得到函数写在一个单独的模块中,导出,以供复用.
2023-07-13 18:40:03
1721
1
原创 vue中的mixin是什么? mixin怎么用?
在 Vue 中,可以通过创建 mixin 对象来定义可重用的逻辑,然后将 mixin 对象应用到需要的组件中。// 定义一个可重用的 mixins 对象data() {return {},methods: {// 创建一个组件,并应用 mixins// 调用来自 mixins 的方法});// 创建 Vue 实例new Vue({});在上面的代码中,我们首先定义了一个名为myMixin的 mixins 对象,它包含了一个data对象和一个方法。
2023-07-13 18:07:05
1163
1
原创 TS中interface和type的主要区别
总的来说,interface和type在某些方面有相似的功能,但它们也有一些区别。一般来说,当你要描述对象的结构和行为时,优先选择使用interface,当你需要使用联合类型、交叉类型等高级类型时,或者需要给现有类型起一个别名时,可以使用type来定义类型别名。
2023-07-11 21:40:12
1377
原创 如何用reduce来统计字符出现的频率?
表示当前处理的字符。在每次迭代中,判断累加器中是否已经存在当前字符的键,如果存在则增加频率,如果不存在则初始化频率为1。的短路特性acc[char] = (acc[char] || 0) + 1,如果。不存在(falsy 值),则会计算后面的表达式,将 0 作为初始频率值。存在(非 falsy 值),则不会计算后面的表达式,直接取。)将字符串转换为字符数组,并对该数组使用。函数返回一个包含字符频率的对象。方法的回调函数中,累加器。3.使用逻辑或运算符。表示字符频率的对象,
2023-07-11 17:37:57
162
原创 小白看过来啦~ 如何用函数来判断变量的类型
instanceof 一般是用来判断引用数据类型,但不能正确判断基本数据类型, 基本数据类型建议还是用typeof好一点.运算符对于大多数基本数据类型都有效,但它在处理数组、null和一些特殊对象时可能会有一些不准确的结果.数组会被归类为。instanceof 根据在原型链中查找判断当前数据的原型对象是否存在返回布尔类型。
2023-07-11 17:26:46
242
原创 在线夸白 之权限页面
1.首先 咱得登录成功 然后咱需要在路由前置守卫中获取到用户的信息 ( 里头有用户可以访问到的页面 ) 因为用户信息是存在vuex中的 所以需要用store.dispatch调用。3.配置动态路由 在vuex中新建一个模块menu.js 咱先导入静态页面 再将后面筛选出来的可访问的页面存入menu 利于后期渲染左侧导航栏。2.用本地的页面和发请求得到的页面做数组筛选 筛选出来的就是用户可访问的页面。在前置路由守卫中把筛选出来的数组存入vuex中。然后还有3个bug ~ ~ ~
2023-05-29 17:58:18
179
2
原创 flex布局-简单介绍
flex 它是一种布局方式。主要目的是通过父盒子控制子盒子如何排列,一定是亲爸爸和亲儿子。特别是多行的情况下,我们需要给弹性盒子换行,给 父盒子 弹性容器加。让我们的主轴设置为垂直, 默认的是 row 水平的。默认的对齐方式 stretch 拉伸。侧轴对齐方式-单行对齐(重点)顶对齐 flex-start。主轴排列方式(重点)弹性盒子换行(重点)设置主轴方向(重点)
2023-03-09 22:34:14
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅