Cyx080811-优快云博客

原创 css-4 变换，过渡，动画

keyframes 动画名称 { /*@keyframes定义动画*/0%{ /*控制关键帧*/100%{ /*控制关键帧*/和transition-timing-function类似,默认是linear，可以设置linear/ease/ease-in/ ease-out/ease-in-out，可以设置贝塞尔曲线 cubic-bezier（）， steps() 设置动画的步数<head><style>*{margin: 0;padding: 0;

2024-11-15 12:15:25 1802

原创 css-3 盒模型和定位

固定定位：把元素的位置固定在浏览器上；二、父级及以上级别有定位模式（position：relative），那么偏移量就会参照这个设置定位模式的父级及以上元素的位置。可为负数没有设置z-index时，最后写的对象优先显示在上层，设置后，数值越大，层越靠上；定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素甚至浏览器窗口本身的位置。○ 在css中，是存在流的概念的，正常情况下，页面总是由左至右，由上至下布局，我们把这种情况称作为正常页面流。

2024-11-15 11:25:15 808

原创 JS基础- 分支和循环

练习：找出 100-1000中所有各位十位百位一样的数字：例如： 111 222 333。else 里就是 if 非得if条件里是否执行的内容 else 就是和 if 里的条件相反的；比如：吃五个包子，到第三个的时候，第三个掉地下了，不吃了，跳过第三个，继续吃第四个和第五个。注意： switch case 里的判断是通过全等于(===)来判断的。，只会有一个被执行，一旦有一个条件为 true 了，后面的就不在判断了。比如：我要吃五个包子，吃到三个的时候，不能在吃了，我就停止吃包子这个事情。

2024-11-03 12:18:52 1099

原创 JS基础-2 类型转化

2.或： || 或的两边只要有一个true 最终结果就是true ，两边都是false的时候最终结果才是false。2. 全等于 === : 判断等于号的2边值是否相同且类型也要相同；1. 等于 == ：判断等于的2边的值是否相等。2.全等于 === : 判断等于号的2边值是否相同且类型也要相同；== 判断值和类型。1.等于 == ：判断等于的2边的值是否相等 ,忽略类型的检测；5.大于> 小于 < 大于等于 >= 小于等于

2024-11-02 11:45:46 322

原创 JS基础-数据类型

1.什么是js ：是JavaScript的简写，通过语法来操作页面（标签）和浏览器。可以利用js 实现浏览器和页面的一些动效。2.js 的组成： DOM: document object model 文档对象模型，操作标签 BOM： browser object model 浏览器对象模型，操作浏览器的 ECMA: js的标准，js的规范，js的语法规则。AkTS ---- 是 ts的一个超集 ---- ts是js的一个超集方式一：通过双引号定义方式二：通过单引号。

2024-11-02 11:32:20 783

原创 Css基础-2

选择器：1.类名选择器可以使用多个元素上,一个元素也可以有多个类名使用空格隔开就可以了 2.id选择器（唯一性） 3.标签选择器：通过标签的类型选择元素 4.通配符 * 代表所有的元素。(1)背景图的定位 : 可以使用px 也可以使用 left/center/right 控制水平方向的位置 top/center/bottom 控制垂直方向的位置。line-height 设置字体的行高 , 文字会在行高内居中 text-align 文字水平方向的对齐方式 left/center/right。

2024-11-01 14:48:59 1778

原创 Css基础

HTML 指的是超文本标记语言html的结构：（1）整体结构：输入html5 会自动书写DOCTYPE: 文档声明html 整体html标签charset ：编码格式title ：标题body：所有需要显示的内容写在这里。

2024-11-01 11:53:40 834

原创基础组件-2

获取当前日期到1970年1月1号 00：00:00 之间的毫秒差 toLocaleString();// 获取到的是年月日，时分秒"2019/12/25 上午10:15:50" toLocaleDateString();// 获取到是字符串的年月日，例如："2019/12/25" toLocaleTimeString();direction:是进度条的方向:direction:Axis.Vertical 横排： Horizontal 竖排：Vertical。2.ScaleRing 类似菊花等待图。

2024-10-31 18:09:52 869

原创基础组件-1

类似受控组件方式 : 通过onchange事件赋值 state状态。CheckboxGroup : 类似勾选的全选和全部选操作。无论是row 还是 column都会在交叉轴上默认居中。1.空块组件： Blank ，会自动填满剩余空间。2.enableLoading:组件是否显示；unselectedColor: 未被选中的样式。1.勾选了，但是没有全选，状态值是1。column 默认会在水平方向上居中。row 默认会在垂直方向上居中。事件： onchange 事件。

2024-10-31 17:57:53 294

原创 ArKTs 数据类型

当你定义了一个变量而未赋值时，那么它就是undefined。let testlet test//用undefined 判断某个数据是否有值，if (test!console.log("有值")} else {console.log("无值")type sex = "男" | "女" | "未知";let zhangsan:sex = "男";类似枚举type sex = "男" | "女" | "未知";let zhangsan:sex = "男";

2024-10-31 17:33:53 774

原创基础组件：TextInput输入框组件

2.onFocus:聚焦的时候执行 onBlur：失焦的时候执行。1.onChange事件：输入的时候执行。

2024-10-21 13:56:35 181

原创基础组件：Text文本组件

当overflow设置为TextOverflow.MARQUEE时，文本在一行内滚动显示，设置maxLines及copyOption属性均不生效。当overflow设置为TextOverflow.None、TextOverflow.Clip、TextOverflow.Ellipsis时，需配合maxLines使用，单独设置不生效。从API version 12开始，当overflow设置为TextOverflow.MARQUEE时，支持ImageSpan组件，文本和图片在一行内滚动显示。

2024-10-21 13:49:32 199

原创【学习日志】懒加载和预加载

img的src中可以是一个占位图，真的路径存在元素的“data-url”（这个属性可以自己定）属性里，当页面的”可视区高度 + 被折叠页面的高度“大于“img的offsetTop”,则就需要将img的src属性值设置为data-url的值。对于一个很长的页面，优先加载可视区域的数据，可视区域之外的数据不会进行加载，其他部分等进入可视区域时再加载。通过预加载能够减少用户的等待时间，提高用户的体验。2.提升用户体验：如果同时加载大量图片，用户等待的时间可能过长，影响用户体验，使用懒加载能大大提升用户的体验。

2024-10-12 16:48:44 192

原创【学习日志】基础组件：Image图片组件

1.直接放在media里；（ src/main/resources/base/media）4.放在 rawfile里（src/main/resources/rawfile）ScaleDown图片原本大小 /None 没有设置。引入SVG图的时候可以直接设置图片颜色。2.直接在 ets下的任意目录。Contain容器包含图片。Auto图片自动适配容器。Cover图片覆盖容器。外框大小要大于图片大小。3.直接使用网络图片。

2024-10-12 16:16:50 317

原创【学习日志】3day 认识组件

1.ets里新建目录components里面存放组件。4.组件如果需要调试需要加上 @Preview。3.Column 指定里面的元素纵向排列；-预定组件：1.基础组件 2.容器组件。5.Row 指定里面的元素横向排列；2.新建ImageText组件。

2024-10-11 17:33:32 203

原创【学习日志】2day 初识鸿蒙

src > main > module.json5:模块配置文件。oh-package.json5:主要用来描述全局配置，如:依赖覆盖(overrides)、依赖关系重写(overrideDependencyMap)和参数化配置(parameterFile) 等。src > main > resources:用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。build-profile.json5:当前的模块信息、编译信息配置项，包括buildOption、 targets配置等。

2024-10-11 16:49:36 363

原创【学习日志】2day 页面和自定义组件的生命周期

组件生命周期，即一般用@Component装饰的自定义组件的生命周期自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用，可以调用组件的生命周期。：组件即将出现时回调该接口，具体时机为在创建自定义组件的新实例后，在执行其build()函数之前执行。：aboutToDisappear函数在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量，特别是@Link变量的修改可能会导致应用程序行为不稳定。。

2024-10-11 14:52:26 897

原创 [学习日志]1day UIAbility

UIAbility组件是HarmonyOS中一种包含UI界面的应用组件，主要用于与用户进行交互。每个UIAbility组件实例对应最近任务列表中的一个任务，可以包含多个页面来实现不同功能模块。

2024-10-09 17:16:15 2485 1

Cyx080811的博客