- 博客(81)
- 收藏
- 关注
RSS订阅原创 根据官网写案列~ ArkTs ~ 构建更加丰富的页面
我们来使用Web组件加载页面首先在pages里创建一个组件tips：组件不需要写在main_pages.json里边 因为写在里边的都需要@entry装饰器。
2024-07-18 16:04:54
403
原创 HarmonyOS根据官网写案列~ArkTs从简单地页面开始
里面用到了Arkui的Banner，Swiper，Grid，List组件 通过ForEach实现循环渲染 实现了一个基础页面。
2024-07-18 15:49:40
341
原创 HarmonyOS第一课从简单的页面开始 题答案
2. 对于包含文本元素的组件，如：Text、Span、Button、TextInput等，使用fontFamily设置字体时，参数类型只能是string，当使用多个字体时，用“，”进行分割，按顺序生效。3. 在Column容器中的子组件默认是按照从上到下的垂直方向布局的，其主轴的方向是垂直方向，在Row容器中的组件默认是按照从左到右的水平方向布局的，其主轴的方向是水平方向。A. 当barPosition为Start（默认值），vertical属性为false时（默认值），页签位于容器顶部。
2024-07-18 11:18:38
275
原创 HarmonyOS第一课应用程序框架基础 题答案
1. 在基于Stage模型开发的应用项目中都存在一个app.json5配置文件、以及一个或多个module.json5配置文件。A. 配置文件，包括应用级配置信息app.json5、以及Module级配置信息module.json5。D. 其他配置文件，用于编译构建，包括构建配置文件、编译构建任务脚本、混淆规则文件、依赖的共享包信息等。C. 资源文件，包括应用级资源文件、以及Module级资源文件，支持图形、多媒体、字符串、布局文件等。A. pages标签标识当前Module的配置的应用环境变量。
2024-07-17 14:24:13
346
原创 HarmonyOS第一课ArkTS语法介绍 题答案
D. keyGenerator为数据源arr的每个数组项生成唯一且持久的键值，为必选参数。C. 当父组件和子组件之间存在一个或多个if语句时，必须遵守父组件关于子组件使用的规则。C. itemGenerator为数组中的每个元素创建对应的组件，为必选参数。2. 允许在容器组件内使用if/else条件渲染语句构建不同的子组件。B. 允许在容器组件内使用，通过条件渲染语句构建不同的子组件。1. 下面属于ArkTS中正确使用变量声明的语句是？2. 下面属于ArkTS函数声明的语句的是？
2024-07-16 10:15:12
202
原创 HarmonyOS第一课DevEco Studio的使用 题答案
2. module.json5文件中的deviceTypes字段中，配置了phone，tablet，2in1等多种设备类型，才能进行多设备预览。B. 在预览器界面，可以在预览器中操作应用/服务的界面交互动作，如单击、跳转、滑动等，与应用/服务运行在真机设备上的界面交互体验一致。A. 提供代码的智能补齐能力，编辑器工具会分析上下文并理解项目内容，并根据输入的内容，提示可补齐的类、方法、字段和关键字的名称等。C. module.json5包含HAP的配置信息、应用在具体设备上的配置信息以及应用的全局配置信息。
2024-07-15 19:51:42
419
原创 threejs-几何体-顶点-索引-面之BufferGeometry
一个三角形是三个顶点 两个就是在加三个就OK了 但是这样的话 两个三角形组成一个面 一个面应该有四个顶点 现在却有六个 我们得简化下 让这两个共用一个顶点。这是效果 设置为true后 就不会展示平面 而是展示一个线框。若是要形成这样一个四边形 怎么写呢 就需要两个顶点。切记：创建顶点数据 顶点是有顺序的 逆时针为正面。言简意赅 就是共用了两个点 这就是顶点绘制。
2024-07-12 18:02:45
190
原创 threejs ~GUI工具的使用
Dat.gui 是一个 GUI 组件，他可以为你的 demo 提供参数的设置先看一下想实现的效果美观又实用 下边我们来简单实现下通过gui实现全屏与退出全屏。
2024-07-10 16:35:30
199
原创 vue动态绑定class的几种方式
方法和计算属性在Vue3中都可以用于处理和操作数据，但它们在使用和性能上有一些关键的区别。计算属性是一种具有缓存机制的响应式对象，只有当其依赖的数据发生变化时才会重新计算。而方法没有缓存机制，每次页面更新时都会重新执行，无论数据是否变化。虽然方法和计算属性得到的结果一样 还是要多使用计算属性？
2024-06-20 10:43:02
709
原创 JS 判断数据类型的方法
obj instanceof Object ，可以左边放你要判断的内容，右边放类型来进行JS类型判断，只能用来判断复杂数据类型,因为instanceof 是用于检测构造函数（右边）的 prototype 属性是否出现在某个实例对象（左边）的原型链上。还有1中复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。【注意】：constructor不能判断undefined和null，并且使用它是不安全的，因为contructor的指向是可以改变的。二、JS 中判断数据类型的方法。
2024-06-18 18:16:39
624
原创 dotenv 配置踩坑-显示undefined
这样就拿不到 这不绝对路径也对吗直接就是根目录下的.env。为啥得相对路径呢 我不理解。这样就拿到 有大神解释下吗。
2024-06-05 17:13:57
184
原创 onblur和onclick冲突的解决方法
input输入框绑定onblur事件，input输入框的发送按钮绑定onclick事件。在点击发送按钮的的同时，input也失去了焦点，所以会触发onblur事件，并且onblur会优先于onclick执行。也就是说让onblur延迟一段时间再执行，在这一段时间内onclick会正常执行，并且onclick中的cleartimeout会停止onblur的执行。2.查阅资料 我看还有一种解决方式 将onclick替换为onmousedown 因为我这是h5页面 所以使用touchend。
2024-04-20 15:25:58
228
原创 ios解决元素position：absolute是定位后被swiper遮挡问题
在切换tab时 会出现swiper被遮挡一下 起初以为是组件产生了重绘 等页面加载完 定位才生效 于是 各种找 最后发现不是这样 是元素在遇见swiper时 absolute被遮挡了 最终解决办法： -webkit-transform: translate3d(0, 0, 0);给absolute的元素加个这个属性就好了 就不会出现被遮挡一下的情况!
2024-04-12 17:07:59
243
原创 swiper/vue踩坑 切换问题
一个是暴力执行 v-if 我采用的是v-if的route的name 这样的话 当name==当前页面时 组件就会重新执行 不会出现停止不动的现象 （不过这个也有个弊端 就比如你不管划到多少页 只要一回到这个页面 组件就会重新执行回到第一张图）若不想这样 尝试第二种方法。如果swiper一开始处于display：none的情况下，后来display：block，那么swiper功能就会出现问题，比如分页器失效。开启监视器：当swiper样式改变的时候(例如隐藏显示)，自动初始化swiper。
2024-04-02 11:15:50
342
原创 vue3-scroll-seamless一个简单的基于vue3.js的无缝滚动
最近有需求 要实现类似于跑马灯效果的图 话不多说 上插件。官方文档 在下边 有些参数自己看配置就好。
2024-03-20 10:01:58
631
原创 vue3 ref获取子组件显示 __v_skip : true 获取不到组件的方法 怎么回事怎么解决
于是我查看了一下子组件 由于我是用的语法糖写的 没有进行抛出 所以就有了拿不到的这个问题 上图看一下吧。将你子组件中的这个方法进行抛出 父组件就可以拿到啦 现在让我来看一下打印的效果吧~时，Vue 将不会对该组件进行渲染，也不会将其添加到虚拟 DOM 树中。是 Vue 3 中的一个特殊属性，用于跳过某些组件的渲染。如果你想获取子组件上的方法，需要确保子组件没有被标记为。okok~今天的问题就到这啦~~~~~过38节日去啦。获取该组件的显示时，将无法获取到该组件上的方法。要解决Vue 3中使用。
2024-03-08 11:21:24
1331
2
原创 使用vscode前面几行被定住
滚动代码文档的时候，发现前面几行被定住了，想 css 的 sticky 一样，可能是之前我们不小心点到了这里，取消就好。
2024-03-06 17:21:52
1292
2
原创 解决ios17无法复制的问题
之前ios都是好好的 奈何ios升级了17版本 于是我的复制就不生效了 不过又发现一段新代码 尝试了下 ios17可正常复制。，并且将其放置在屏幕的左上角，这样可以避免被遮挡或隐藏，从而在iOS 17上可以正常复制。设置导致在iOS 17上无法复制。so 问题得到正常解决！原因可能是第一段代码中的。
2024-02-22 11:29:32
927
原创 浏览器兼容性问题解决方案：
所谓浏览器的兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，无论用户使用什么浏览器来查看我们的网站或者登录我们的系统，都应该是统一的显示效果。
2024-02-21 18:23:14
401
原创 什么是BFC？BFC有什么特性？如何创建BFC？BFC有什么作用？
BFC全称是Block Formatting Context，意思就是块级格式化上下文。你可以把BFC看做一个容器，容器里边的元素不会影响到容器外部的元素。
2024-02-21 10:26:33
981
原创 CSS3盒子模型
1、box-sizing: content-box：默认值，border 和 padding 不算到 width 范围内，可以理解为是 W3c 的标准模型(default)。总宽=width+padding+border+margin。2、box-sizing: border-box：border 和 padding 划归到 width 范围内，可以理解为是 IE 的怪异盒模型，总宽=width+margin。1.相邻块元素垂直外边距的合并。
2024-02-20 18:03:43
683
原创 什么是伪数组 以及伪数组转真数组的方法
伪数组的原型是Object ,是真数组的原型是Array;伪数组其实是键值对的形式，真数组是基于索引下标实现的；伪数组可以通过以上方式转化为真数组，进而使用数组的forEach等其他方法当然了，如果只是普通遍历也可以用for循环来实现，不需要转真数组这么麻烦，在实际开发中大家也要酌情使用哦。
2024-02-20 15:55:20
375
原创 Failed to resolve component: ClickButtonIf this is a native custom element, make sure to exclude it
在写代码时 遇见这样一个警告 但是又不报错 搜了很多资料说是。不过我看了下 我这也没有使用。
2024-02-19 10:28:49
414
原创 vue3实现图片懒加载vue3-lazy
图片懒加载（Lazy Loading）是一种延迟加载图片的技术，它只有在图片即将进入浏览器可视区域时才加载图片，从而减少页面初始加载时间和提高页面加载性能。图片懒加载的作用和好处如下：提高页面加载速度：只有当图片即将显示在用户的屏幕上时才加载图片，可以减少页面初始加载时间和提高页面加载性能。减轻服务器压力：只有在需要加载图片时才向服务器请求图片，可以减轻服务器的负载，提高网站的可用性。节省带宽：只有在需要加载图片时才向用户发送图片数据，可以节省带宽和流量，降低用户的网络费用。
2024-02-02 17:14:44
964
原创 npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher
当使用npm下载vue3-lazy时出现一下错误时的解决方案。报错：npm WARN deprecated。但看某些播客依旧有未解决问题的情况 可以尝试。添加具体的版本号，再次跑项目就没有问题了。尝试使用过一下命令更新。
2024-02-02 15:08:50
1022
原创 项目打包时去除console语句的解决方法——babel-plugin-transform-remove-console 插件
那么有没有一种只在发布环境时才不显示console的插件呢 于是找到了项目打包时去除console语句的解决方法——babel-plugin-transform-remove-console 插件。.config.js 文件是全局共享的，不管是项目开发阶段（serve）还是项目发布阶段（build），这个配置文件都会生效。vscode插件 javascript console utils 快速生成 / 删除console.log。只在项目发布阶段移除所有的 console。最后重新运行build。
2024-02-02 11:27:55
772
原创 vscode插件 javascript console utils ——快速生成 / 删除console.log
调试的时候可能会弄了好多的console.log出来。调试好了之后需要把这些console.log删除掉。然后按ctrl/cmd+shift+L。这时按ctrl/cmd+shift+D。就可以删除所有的console.log。就会自动生成console.log。
2024-02-01 10:20:29
601
原创 v-masonry 继续踩坑（2）--最下边元素顶不上去的问题
使用这个属性 为true也不行为false也不行 把他删除就好了 就能实现最后一个元素高度顶不上去的问题了。底下这个图应该出现在右侧红色地方 但他就偏不过去 看到文档有个属性。所有准备完毕之后 测试说 又出了新问题。
2024-01-25 14:32:26
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人