- 博客(107)
- 收藏
- 关注
原创 盒模型问题
摘要:在小程序开发中,给页面设置padding:10px时出现多余的水平滚动条,是由于默认的content-box盒模型计算方式导致。这种情况下padding会增加元素总宽度,使内容区域超出视口。解决方案是添加box-sizing:border-box属性,让padding包含在元素宽度内,避免产生不必要的滚动条。
2025-11-25 15:02:35
112
原创 Electron里的electron-window-state 使用
electron-window-state:Electron窗口状态管理工具 electron-window-state是一个实用的npm包,用于管理Electron应用的窗口状态。它能自动保存窗口位置、尺寸和显示状态(最大化/最小化),并在应用重启时恢复这些设置。通过简单的API调用,开发者可以轻松实现窗口状态的持久化保存和恢复,提升用户体验。主要功能包括跨会话状态保存、多显示器支持以及自动管理窗口属性。使用该包只需安装后配置几行代码即可为应用添加窗口状态记忆功能。
2025-11-08 13:48:54
292
原创 electron对于图片/视频无法加载的问题
内容安全策略(CSP)报错导致无法加载blob格式的图片和视频时,可通过修改渲染进程index.html中的CSP meta标签解决。需在head标签内调整第二个meta标签的content属性,为不同资源类型添加blob:许可,特别是img-src和media-src需包含'self'和blob:,同时保持其他资源如script-src和style-src的安全限制。修改后的CSP策略将允许加载本地和blobURL资源,同时维持基本安全防护。
2025-11-03 18:41:24
239
原创 svg图标封装--基于vue2适配uniapp全端
注意:已注册为全局组件,可直接在页面中引用(注意,宽高有默认值可以不传参数,xin是文件名)在static目录下新建svg目录,后将所有svg图标都放到此文件夹。(注意:在根目录下新建components文件夹)在main.js文件下。
2024-06-11 16:31:57
986
原创 call和apply和bind区别
call和bind参数一样的,而apply是通过数组。call和apply是调用函数,bind不是。改变this的,第二个参数,第三个参数。改变this的,第二个参数,第三个参数。相同点:都可以改变this指向。第二个参数,第三个参数。
2024-02-27 21:00:18
213
原创 弹性盒子之详情
row-reverse 弹性元素在容器中反向水平排列(右向左)----主轴-自右向左。4:justify-content 如何分配主轴上的空白空间(主轴上的元素如何排列)column-reverse 弹性元素纵向排列(自下向上)----主轴-自下向上。row 默认值,弹性元素在容器中水平排列(左向右)----主轴-自左向右。column 弹性元素纵向排列(自上向下)---- 主轴-自上向下。5: align-items 在辅轴上如何对齐-元素间的关系。space-around 空白分布到元素的两侧。
2024-02-26 20:46:23
314
原创 闭包----闭包的理解、优点
1 、被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以。2 、闭包会在父函数外部,改变父函数内部变量的值。在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突。中,只有函数内部的子函数才能读取局部变量,所以说,闭包可以简单理。所以,在本质上,闭包是将函数内部和函数外部连接起来的桥梁。在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。),这时一定要小心,不要随便改变父函数内部变量的值。
2024-02-20 22:58:46
283
原创 vue的十大面试题详情
指令:v-text:把数据当作纯文本显示.v-html:遇到html标签,解析标签v-if:根据表达式的真假条件,对元素v-for:基于源数据多次渲染元素或模板块。v-on:绑定事件监听器,用于监听 DOM 事件。v-bind:动态地绑定一个或多个特性,或一个组件 prop 到表达式。简写:冒号。。。v-model:在表单控件或组件上创建双向绑定。v-show:根据表达式的真假值,切换元素的显示状态。v-cloak:这个指令保持在元素上直到关联实例结束编译。
2024-02-19 19:41:53
1503
原创 ts总结大全
TS类型除了原始js类型之外,还增加类型,例如:枚举、接口、泛型、字面量、自定义、类型断言、any、类型声明文件。ts把alink的类型推断为HTMLElement(普通的标签类型)--->前面必须是锚点连接。address:{province:'安徽',city:'黄山'}let degree:'专科' | '本科' | '研究生'='本科'address:{province:'安徽',city:'黄山'}:number//加上?let obj2:{a:10}={a:10}//值为固定的、
2024-02-17 21:36:22
2550
1
原创 微信小程序生命周期的分类
attached()组件被添加到页面节点树中时触发。detached()组件被从页面节点树中移除时触发。onShow()小程序启动或从后台进入前台时触发。moved()组件被移动到新的节点位置时触发。onHide()小程序从前台进入后台时触发。onReady()页面初次渲染完成时触发。created()组件实例被创建时触发。ready()组件初次渲染完成时触发。onUnload()页面卸载时触发。onLoad()页面加载时触发。onShow()页面显示时触发。onHide()页面隐藏时触发。
2024-02-01 11:27:20
218
原创 TS的类型
方法:元组-数组的类型和长度都限定,并且可以让元素有不同的类型。数组存放数字或字符串-联合类型。定时器为number类型。type类型别名=具体类型。分别指定参数和返回值的类型。类型别名起名用大驼峰。
2024-01-30 22:40:48
290
原创 vue2与vue3部分面试题
ts的好处:js在运行的时候检查错误,ts因为有强大的系统,我们在编译期间,可以提前发现错误 ,我们可以减少运行时的隐患。不同点 watchEffect回调函数立即调用、对回调函数依赖的数据隐式监控、默认深度监控。reactive不能处理简单类型的数据,只支持引用数据类型,ref支持基本和引用数据类型。ref通过.value获取数据,reactive不需要.value。js是弱类型,ts是强类型,ts是js 的超集。浏览器只能执行js,ts必须编译以后才能执行。都是用来生成响应式数据。
2024-01-30 22:36:58
557
原创 vue3的父传子与子传父
儿子:通过constemit=defineEmits(['自定义事件名称'])儿子-通过constprops=defineProps({...})接受。父亲-在子组件标签上通过自定义属性传递数据。emit('自定义事件名称',参数)父亲:在子组件标签上绑定自定义事件。
2024-01-27 21:41:48
142
原创 解决Unknown custom element: <countTo> - did you register the component correctly? For recursive compon
第三种,检查引入的组件 确定是否需要{} , import XXX from "...." 还是 import { XXX } from "...."第二种:本页面components 看写了几个, 是否是因为覆盖了。只能有一个components:{}第一种: 看 components:{},单词是否拼错,和不要写成components(){}这种错误我碰见了两次,
2024-01-26 19:17:42
398
原创 常问js与ts面试题---有什么区别
ts的好处:因为有强大的系统,我们在编译期间,可以提前发现错误 ,我们可以减少运行时的隐患。js是弱类型,ts是强类型,ts是js 的超集。浏览器只能执行js,ts必须编译以后才能执行。缺点:代码量比较多,因为有很多类型。
2024-01-26 10:36:58
304
原创 vue3里的watch与 watchEffect
watch 在响应数据初始化时是不会执行回调函数的,watchEffect 在响应数据初始化时就会立即执行回调函数。watch 和 watchEffect 都能监听响应式数据的变化,不同的是它们监听数据变化的方式不同。watch 会明确监听某一个响应数据,而 watchEffect 则是隐式的监听回调函数中响应数据。watch与 watchEffect。
2024-01-25 23:51:03
850
原创 Vue---组合式API - computed
计算属性基本思想和Vue2保持一致,组合式API下的计算属性只是修改了API写法。完整写法与完整写法简写。
2024-01-23 20:20:50
582
原创 vue3路由报错解决方法
createWebHashHistory是否为 createWebHashHistory()方法 //指定路由模式为哈希模式。修改:改为方法就行了。
2024-01-23 15:50:28
727
原创 git总结
git pull 拉取远程仓库的更新并合并到本地分支。git remote add 添加远程仓库。git push 推送本地分支到远程仓库。git clone 克隆远程仓库 克隆指定分支的远程仓库。git remote remove 删除远程仓库。git clone -b git fetch 获取远程仓库更新。
2024-01-22 23:30:08
564
原创 实例成员与静态成员
静态成员 通过构造函数.属性 = 值 通过构造函数打点去访问的属性和方法叫静态方法。实例(对象) new出来的对象叫实例对象 new过程即实例化对象过程。实例成员指的是new出来的对象中的属性或方法。通过构造函数.属性去访问。
2024-01-15 22:05:15
441
原创 对闭包的理解
一个函数对周围状态的引用捆绑在一起,闭包让开发者可以从内部函数访问外部。一个函数对周围状态的引用捆绑在一起,闭包让开发者可以从内部函数访问外部。
2024-01-14 22:36:51
462
原创 用js找出数组中元素为10的下标,有则打印该下标,没有则打印
- ●例如: [88,20,30,100,50]打印-1 -->-- ●例如: [88,20,10,100,50]打印2 -->找出数组中元素为10的下标,有则打印该下标,没有则打印-1。
2024-01-11 23:18:25
792
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅