Angus-zoe-优快云博客

原创前端css+html面试题

当父元素的高度仅由浮动子元素或绝对定位的子元素决定时，父元素的高度可能会变为 0，导致背景、边框等无法正常显示。当相邻块级元素的margin发生重叠时，也可能导致高度异常。使用overflow:hidden,让父元素成为BFC（块级格式化上下文），可以自动包裹子元素的高度使用让父元素成为BFC（块级格式化上下文）,比更语义化，不会影响overflow相关的属性。使用clearfix伪元素,使用::after伪元素清除浮动，强制父元素包裹子元素。给父元素设置min-height避免。

2025-04-02 17:28:06 950

原创微信小程序唤起app

2、小程序的场景值为1069，也就是得从app打开小程序，小程序才能唤起app。1、app与小程序主体需一致，可以前往微信公众平台关联。

2025-04-01 10:26:19 921

原创 vue面试题

实例创建完成，数据观测和事件配置已完成，但 DOM 还未生成，也就是可以使用数据，更改数据，在这里更改数据不会触发updated函数。当数据变化时，Vue会生成一个新的虚拟DOM树，与之前的虚拟DOM树进行比较，并只更新实际需要更改的部分，从而减少DOM操作，提高性能。当条件为真时，元素会被渲染；11、合理使用v-if和v-show: v-if在条件不满足时会销毁和重建DOM元素，而v-show只是通过CSS来控制元素的显示和隐藏，所以在频繁切换显示和隐藏的情况下，使用v-show会更高效。

2025-03-19 09:30:00 751

原创 css梯形tab

【代码】css梯形tab。

2025-03-05 11:26:11 771

原创 mongodb下载与使用

db..集合名.updateMany({ age: { $gt: 条件大于 } }, { $set: { 修改 } })db.集合名.updateOne({ 条件 }, { $set: { 要修改的数据 } })db.集合名.update({ 条件 }, { $set: { 要修改的数据 } })db.集合名.replaceOne({ 条件 }, { 要替换的数据 })db.集合名.update({ 条件 }, { 要替换的数据 })db.集合名.insertMany([{数据},{数据}])

2024-11-29 09:00:00 869

原创无法加载文件 C:\dev\nodejs\cnpm.ps1，因为在此系统上禁止运行脚本。问题解决

cnpm被电脑约束使用了，需要修改执行策略，去电脑搜索power->找Windows PowerShell->右键以管理员身份运行。有的时候使用cnpm失败，明明安装了之前也能用。

2024-11-20 09:00:00 213

原创 npm/cnpm的使用

前往下载安装node验证是否安装成功nodenode -vnode安装npm也会安装npm -v。

2024-11-19 08:00:00 726

原创 json-server模拟数据库/调用接口

在非项目目录新建名称.json (里面就只能是json格式属性双引号) 里面写入你的数据json。注意属性中不要大写（id表示主键唯一和自增长）例如：server.json。

2024-10-31 15:24:51 325

原创 uniapp兼容不同小程序环境写法

【代码】uniapp兼容不同小程序环境写法。

2024-10-15 16:55:42 467

原创 uniapp+vue+微信小程序实现侧边导航

效果：开始时图片一半隐藏，手指划入侧边图片缓慢移出，划出缓慢移入隐藏。

2024-09-18 14:32:45 677

原创 css的那些单位

【代码】css的那些单位。

2024-06-14 10:41:45 323

原创 uniapp开发微信小程序预加载分包

微信小程序总体积不得大于20M，主包（共同文件+静态资源）也不得超过2M。

2024-06-13 21:36:52 856

原创 uniapp开发微信小程序预览文件+图片+嵌套网页

【代码】uniapp开发微信小程序预览文件+图片+嵌套网页。

2024-06-13 10:42:24 629

原创在调用接口上map与forEach的区别

在场景：一个表格数据需要上传，每行表格需要上传图片->这就需要在提交时对数据也就是数组进行处理（先将每个元素图片上传拿到图片id。这种情况我刚开始就用的map处理，然后问题来了，提交的接口调用了，但是上传图片的接口没调用，用了async await也没用。方法不会等待异步操作,就报这个错误：undefined是不可迭代的。，这里又为啥不用forEach呢,因为。->然后我就用了forEach去处理。函数是异步的，可能会导致在。的回调函数执行之前，

2024-06-12 11:00:29 176

原创 uniapp开发微信小程序-按需注入和用时注入

【代码】uniapp开发微信小程序-按需注入和用时注入。

2024-04-22 10:48:49 1606

原创 scss与less的基本语法和区别

使用符号来定义变量。使用符号来定义变量。

2024-03-29 08:30:00 601

原创 uniapp开发微信小程序取消原生导航栏+自定义导航栏

在page.json中需要取消的页面中加入。如图：将页面中的原生导航取消。

2024-03-22 09:30:00 2118

原创 uniapp+vue开发微信小程序实现瀑布流

1、uniapp没有img标签，只有image，这里需要给image标签加上mode="widthFix"，图片才会高度自适应。

2024-03-21 09:30:00 511

原创 Echarts饼状图-柱状图点击事件

【代码】Echarts饼状图-柱状图点击事件。

2024-03-20 10:57:26 1994

原创 css隐藏滚动条+设置滚动条样式

【代码】css隐藏滚动条+设置滚动条样式。

2024-03-18 09:30:00 923

原创 vue+ELementPlus上传文件判断大小

打印形参file看看里面有size这个属性表示文件大小这个数值对应(n*1024*1024 n表示m)中upload组件上传文件限制文件大小，需要在该组件的on-change这个API中做处理。2、on-change这个Api中。

2024-03-15 10:23:03 834 1

原创 vue3动态路由+页面刷新丢失路由+再次加载路由

注：这里会衍生出一个问题，第一次登录的时候，路由信息没加进去，会跳404，所以这里需要做一个判断，判断路由to.matched这个去哪里的路由信息数组有没有数据，没有就再次添加动态路由信息，还有这块需要添加一个全局标识isAddAgain是否需要重新加载路由。动态路由添加后，每次刷新页面空白，这是因为刷新后路由守卫没再次走一遍，这里就需要在App.vue里面做判断，重新添加路由信息并跳转刷新前路由。目前路由只有静态的页面，我们需要做动态路由，需要在路由守卫router.beforeEach中添加。

2024-03-14 09:30:00 6830 3

原创 vue3+vite项目打包后css样式丢失

可以禁用 CSS 代码分割，这样 CSS 样式将会内联到 JavaScript 中，而不是被提取到单独的 CSS 文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的 JavaScript 文件中，而不会受到代码分割的影响。默认情况下启用了 CSS 代码分割，CSS 样式会被提取到单独的 CSS 文件中，会导致一些样式丢失的情况。在vite.config.ts文件中加入 cssCodeSplit: false,

2024-03-13 09:00:00 4659 1

原创 vue3+vite打包后动态路由页面vue文件资源加载失败

动态路由页面引入并不是像静态引入一样写在router.ts文件中，所以在打包的时候，这些vue文件被忽略了，没有打包过去，所以加载失败。后面的地址是一个模板对应你前端的文件路径。例如：我前端对应的路径。在router.ts文件中写入。

2024-03-12 11:22:58 3319 1

原创前端开发文档地址

Vue.js - 渐进式 JavaScript 框架 | Vue.js快速入门 – React 中文文档uni-app官网微信开放文档Layout 布局 | Element Plushttp://vant-contrib.gitee.io/vant/#/zh-CN/quickstart快速上手 | uview-plus 3.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架快速上手 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app

2024-03-01 13:48:13 380 1

空空如也

空空如也