- 博客(122)
- 收藏
- 关注
RSS订阅原创 uniapp 如何自定义导航栏并自适应机型
在设计页面顶部导航栏时，可以根据safeAreaInsets.top的值来调整导航栏的位置，使其在不同设备上都能正确显示，避免被刘海区域遮挡。
2024-09-14 14:45:24
1147
原创 uniapp 微信小程序，在ios手机会出现页面左右滑动,安卓机不会
1、首先找到这个页面，一个盒子一个盒子的注释，然后保存看页面，哪个盒子显示导致出现横向滚动条，就找到了这个盒子。3、或者这个盒子加了内外边距，但没有添加box-sizing:border-box;4、或者这个盒子加了轮播或者滑动，没有添加溢出隐藏 over-flow:hiden;出现滑动，其实就是盒子溢出了，修改一下样式就行了。安卓机会自己适配，所以没有这个问题。2、这个盒子的样式，看是否没有定宽，width:100%;
2024-08-25 11:09:50
407
原创 uni-app里引入阿里彩色矢量图标(Symbol),却发现图标显示为黑白
当使用uniapp并尝试引入阿里iconfont的彩色图标时，发现图标显示为黑白。原因是Fontclass模式不支持彩色图标。解决方法是下载Symbol模式的SVG文件，使用iconfont-tools进行转换，然后在项目中全局引入转换后的CSS文件，最终在组件中正确显示彩色图标。
2024-08-25 11:05:28
847
1
原创 es6 扩展运算符
注意，如果对象有相同的属性，后面的对象的属性会覆盖前面的对象的属性。扩展运算符可以用于创建对象的浅拷贝，即复制对象的属性到一个新的对象中。扩展运算符可以用于将对象的属性展开为函数的参数。可以使用扩展运算符将多个对象合并成一个对象。
2024-08-18 13:38:25
362
原创 es6 的解构赋值
对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象。上面代码表示，可以从数组中提取值，以前，为变量赋值，只能直接指定值。ES6 允许写成下面这样。如果解构失败，变量的值等于undefined。
2024-08-18 12:56:10
385
原创 js中闭包的理解
答：在一个外部函数内部定义了一个内部函数，并且内部函数可以引用外部函数的局部变量，那么这个函数就是一个闭包。解决方法——使用完变量后，手动将它赋值为null；简单理解：闭包 = 内部函数 + 外部函数的变量。
2024-07-12 10:44:23
368
原创 nprogress进度条插件
打开一个页面时，往往会伴随一些请求，并且会在页面上方出现进度条。它的原理时，在我们发起请求的时候开启进度条，在请求成功后关闭进度条，所以只需要在request.js中进行配置。可以通过修改nprogress.css文件的background来修改进度条颜色。如下图所示，我们页面加载时发起了一个请求，此时页面上方出现蓝色进度条。
2024-07-10 10:17:37
258
原创 JS数据类型检测的方式有哪些 (常用)
Object.prototype.toString.call() ：这是一种比较准确的检测数据类型的方法。它通过获取 Object.prototype 上的 toString 方法，并使用 call 方法改变其 this 指向要检测的数据，从而返回数据类型的字符串。
2024-07-08 13:40:44
468
3
原创 标准盒模型和怪异盒子模型的区别
盒模型描述了一个 HTML 元素所占用的空间，由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。
2024-07-08 12:11:04
924
原创 如何使一个盒子水平垂直居中（常用的）
相对父级上边和左边，或者下边和右边各移动50%，同时通过外边距减去自身的宽高各一半的大小。//子元素宽度的一半。//子元素高度的一半。来直接减去盒子自身的50%大小。将盒子的上下左右定位全部设置为0，同时设置外边距自适应。
2024-07-08 11:31:55
728
原创 软件工程实务：软件产品
我们的愿景是开发一个直观且功能强大的在线学习平台，帮助全球的学生和专业人士通过个性化课程和互动学习工具提升技能。一个清晰而有力的产品愿景不仅能指导产品开发过程，还能激励团队，吸引投资者和伙伴，并帮助利益相关者对产品的未来有一个共同的理解。：明确产品的核心目标和使命，即产品打算解决什么问题，带来什么价值。：用户通过 Web 浏览器访问和使用软件，所有的应用程序逻辑和数据都存储在远程服务器上，用户无需安装任何软件。客户(软件的业主)驱动的定制性质的软件，以满足解决客户业务问题的软件。
2024-06-15 15:34:59
1340
原创 使用脚手架创建vue2项目（关闭eslint语法检查 、运行项目时自动打开网址、src文件夹简写方法）
3.如何关闭eslint语法检查在vue.confing.js文件中配置：4.如何在运行项目时自动打开网址只需要在package.json文件中找到scripts字段，在运行时 后面添加--open
2024-06-12 16:37:21
829
原创 在uniapp中如何安装axios并解决跨域问题
它的作用是将请求路径中的 '/api' 替换为空字符串，即将 '/api' 去掉，这样最终发送到目标服务器的请求路径就不包含 '/api' 了。它的作用是配置开发服务器的代理，用于将请求转发到指定的目标服务器。综上所述，这段代码的作用是将以 '/api' 开头的请求代理到目标服务器。: 这是 Node.js 中用于导出模块的语法，表明这是一个模块的导出。: 这是开发服务器的代理配置，用于将某些请求代理到另一个服务器。: 这是代理的目标服务器地址，即请求将被转发到这个地址。如下图显示就是跨域问题。
2024-05-08 16:16:36
1294
原创 uni-app学习
uni为开发者提供了一系列的基础组件，这些组件类似于html里的基础标签元素，但是uni与html不同，和小程序更相似，更适合在移动手机端。input组件主要用来获取用户输入的信息的，一般在用户填写信息，提交数据，登录注册和提交表单时会用到。比如我们给input的type设置为number属性值，那么我们在输入内容的时候，只可以输入数字。答：其实也是tabbar里面的配置项，midButton属性，和list属性平级即可。其实HBuilderX的安装很简单，官网下载安装就可以了，这里就不演示了。
2024-04-16 17:06:48
1478
1
原创 微信小程序开发 基本学习（了解和认识）
1.小程序与普通网页的区别WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的HTML。WXS5 (WeiXin Style sheets)是一套样式语言，用于描述 WXML 的组件样式，类似于网页开发中的 CSS.宿主环境(hostenvironment)指的是程序运行所必须的依赖环境。例如:Android 系统和iOS 系统是两个不同的宿主环境。
2024-02-23 17:54:21
1144
2
原创 数组内置函数 findIndex() 的用法＞查找数组中满足指定条件的元素的索引
是 JavaScript 数组的一个内置方法，用。于查找数组中满足指定条件的元素的索引。第一个满足条件的元素的索引。
2024-02-20 16:19:20
1245
原创 Vuex案例————todos(任务事项)
创建vuex项目，安装相关依赖：（axios、ant-design-vue（UI库））修改页面上展示的数据列表（全部、未完成，已完成）
2024-02-20 15:58:37
549
原创 在 MyBatis 中，可以使用相同的 SQL 映射语句进行批量删除和单个删除。
效果：（点击操作列的删除，可删除一行数据。勾选多个多选框再点击批量删除，可删除多个）
2024-02-18 13:54:42
974
原创 删除时弹出一个对话框询问用户是否要删除，选择删除就调用接口，否则就不调
添加对话框的好处：添加对话框可以提升用户体验，减少误操作的风险，并增加用户对操作的信心和掌控感。
2024-02-18 12:48:44
488
原创 点击侧边栏菜单时只切换 ＜router-view＞ 中的内容，而不是进行整个页面的路由跳转（动态路由）
解决方法：在 的 @select 事件中调用了 handleMenuSelect 方法来处理菜单项的选择。你可以在 handleMenuSelect 方法中根据菜单项的 index 来执行相应的操作，例如更新组件内的数据或者切换组件。由于整个页面的路由路径并没有改变，因此不会触发整个页面的路由跳转，只会更新 中的内容。这样就实现了只更新 中内容的效果。
2024-02-14 10:58:55
1534
原创 重复导航到当前位置引起的。Vue Router 提供了一种机制，阻止重复导航到相同的路由路径。
解决方法：判断目标路径是否与当前路径相同。获取到当前路由的路径。
2024-02-14 10:54:51
1031
原创 前后端分离项目：前端的文件夹应该叫什么名字，后端呢
在前后端分离的项目中，为了提高项目的可读性和易管理性，给前端和后端的文件夹选择合适的名字是很重要的。这里提供一些建议，但请记住，最终的命名应该根据你的团队习惯、项目特性以及可能的公司规定来决定。
2024-02-07 11:28:04
3518
原创 Flex 布局教程
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。通过选择不同的值组合，你可以灵活地控制弹性容器中项目的排列方向和换行行为，以满足各种布局需求。属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。属性定义项目的排列顺序。属性都为1，当空间不足时，都将等比例缩小。属性为0，其他项目都为1，则空间不足时，前者不缩小。属性决定（水平）主轴的方向（即项目的排列方向）。
2024-02-06 22:34:03
859
原创 CSS中的继承是什么？哪些属性可以继承，哪些不能继承？
这意味着当你为父元素设置了某些属性时，子元素可以继承这些属性值，而。然而，并非所有属性都可以继承。但子元素仍可以通过显式设置自己的值来覆盖继承的值。需要注意的是，尽管某些属性可以继承，无需显式地为子元素设置相同的值。此外，有些属性可以通过使用。关键字来强制继承父元素的值。继承是一种属性传递机制。，它允许某些属性的值从。父元素传递到其子元素。
2024-02-02 11:29:23
2447
原创 在前端开发中，常见的数组循环方式有以下几种：
在前端开发中，常见的数组循环方式有以下几种： forEach() 方法：使用数组的 forEach() 方法来遍历数组元素。 every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔 值。 some() 方法测试是否至少有一个元素可以通过被提供的函数方法。该方法返回一个 Boolean 类型 的值
2024-01-30 13:09:37
663
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人