- 博客(33)
- 收藏
- 关注
原创 【HarmonyOS4.0】第十一篇-ArkUI布局容器组件(三)
参数type:设置侧边栏的显示类型,Embed:侧边栏嵌入到组件内,侧边栏和内容区并列显示。Overlay:侧边栏浮在内容区上面。@Entry@Componentbuild() {/*** Embed:侧边栏嵌入到组件内,侧边栏和内容区并列显示。* Overlay:侧边栏浮在内容区上面。*/Column(){Text("侧边栏区域").width("100%").height("100%").fontSize(30).textAlign(TextAlign.Center)
2024-01-15 19:08:58
1797
原创 【HarmonyOS4.0】第十篇-ArkUI布局容器组件(二)
堆叠容器组件Stack的布局方式是把子组件按照设置的对齐方式顺序依次堆叠,后一个子组件覆盖在前一个子组件上边。Stack组件层叠式布局,尺寸较小的布局会有被遮挡的风险,
2024-01-15 19:07:38
1609
原创 【HarmonyOS4.0】第九篇-ArkUI布局容器组件(一)
沿垂直方向布局的容器。: {space?value:可选参数,space表示设置Column参数名参数类型必填参数描述space否纵向布局元素垂直方向间距。从API version 9开始,space为负数或者justifyContent设置为FlexAlign.SpaceBetween、FlexAlign.SpaceAround、FlexAlign.SpaceEvenly时不生效。默认值:0说明:可选值为大于等于0的数字,或者可以转换为数字的字符串。
2024-01-11 20:36:49
2120
原创 【HarmonyOS4.0】第八篇-ArkUI系统组件(三)
接口参数名参数类型必填参数描述typeToggleType是开关的样式。isOnboolean否开关是否打开,true:打开,false:关闭。默认值:falseToggleType枚举说明,从API version 9开始,该接口支持在ArkTS卡片中使用。名称描述Checkbox提供单选框样式。说明:通用属性margin的默认值为:{top: 12 vp,right: 12 vp,bottom: 12 vp,left: 12 vp}Button。
2024-01-11 20:26:00
1097
原创 【HarmonyOS4.0】第七篇-ArkUI系统组件(二)
Progress组件可以精确的设置当前进度条的进度,它主要用在有加载进度的场景。创建进度组件,用于显示内容加载或操作处理进度。说明如下:options:进度条参数配置项,value:表示当前进度,取值范围[0, 100],当超过 100 时无效。total:表示进度条总进度,默认值为100。type、style:设置进度条的样式,style从 API 8 起使用type代替,定义了以下 2 种样式:Linear:进度条样式为条形进度条Eclipse:进度条样式为圆形进度条。
2024-01-10 16:59:19
1448
原创 【HarmonyOS4.0】第六篇-ArkUI系统组件(一)
Text是显示文本的基础组件之一,它可以包含子组件Span,当包含Span时不生效,只显示Span的内容。接口如下:、说明:①.string格式,直接填写文本内容Text( "图片宽度" )②.Resource格式,读取本地资源文件需要注意的使由于国际化的问题,读取本地资源文件的时候,需要分别base/element、en_US和zh_CN下的setting.json进行配置,先会根据语言在对应的zh_CN或者en_CN下读取,最后才会在base目录下加载。
2024-01-10 16:57:00
1461
原创 【前端面试题】每日一个前端面试专题
instanceof是用于判断指定的数据,是否满足和指定构造函数匹配,只要匹配就说明他是同一种数据类型,主要用于判断对象的类型,无法用于基本数据类型,基本数据类型不存在构造器。如果左边获取到的构造函数不等于右边,并不会马上结束,循环继续找对象的原型的函数是否和右边相等,直到找完了原型链对象,都匹配不了,返回false。大文件上传上传遇到的问题,文件过大,上传很慢,上传中途可能出现网络异常、加上暂停功能解决续传的问题。在javascript的世界中,所有的数据要进行处理,都要进行二进制的转换。
2024-01-08 17:39:57
1153
原创 【HarmonyOS4.0】第五篇-ArkTS页面渲染
ArkTS也提供了渲染控制的能力。条件渲染可根据应用的不同状态,渲染对应状态下的UI内容。循环渲染可从数据源中迭代获取数据,并在每次迭代过程中创建相应的组件。ArkUI开发框架通过数据懒加载(LazyForEach)从提供的数据源中按需迭代数据,并在每次迭代过程中创建相应的组件。ArkUI开发框架提供循环渲染(ForEach组件)来迭代数组,并为每个数组项创建相应的组件。
2024-01-08 17:28:12
1467
原创 【HarmonyOS4.0】第四篇-ArkUI基础实战
ArkUI开发框架是方舟开发框架的简称,它是一套构建 HarmonyOS / OpenHarmony 应用界面的声明式UI开发框架,它使用极简的UI信息语法、丰富的UI组件以及实时界面语言工具,帮助开发者提升应用界面开发效率 30%,开发者只需要使用一套 TS / JS API,就能在多个 HarmonyOS / OpenHarmony 设备上提供既丰富又流畅的用户界面体验。
2024-01-08 17:23:20
2635
原创 大文件上传原理
当我们在做文件上传的功能时,如果上传的文件过大,可能会导致长传时间特别长,且上传失败后需要整个文件全部重新上传。因此,我们需要前后端配合来解决这个问题。最常用的解决方案就是 —— 切片上传。
2024-01-05 11:10:42
511
原创 【Threejs】完成3D汽车动态换肤的案列
在前端的世界中3D是必不可少的一部分,尤其是现在产品多元化后,很多应用中都会涉及3D相关的技术开发。接下来我们的任务认识3D技术,开始借助threejs来帮助我们完成3D开发。Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。你如果你要理解Three.js和WebGL的关系,那就相当于jQuery和原生js的关系。
2024-01-03 20:04:55
1471
1
原创 【HarmonyOS4.0】第二篇-鸿蒙开发介绍
2019年HarmonyOS正式面世,至今鸿蒙已成长了4年,截至2023年8月,鸿蒙生态设备数量超过7亿台,已有220万开发者投入到鸿蒙生态的开发。根据Counterpoint最新数据,2023年第二季度,在中国智能手机市场,鸿蒙操作系统的份额达到10%,较上年同期增加了6个百分点。**短短4年间,鸿蒙迅速成为安卓和iOS之后的“第三大手机操作系统”。**自9月25日华为宣布鸿蒙原生应用全面启动以来,多家互联网公司发布多个和鸿蒙有关的岗位,
2024-01-03 18:42:22
2276
1
原创 【HarmonyOS4.0】第一篇-TS中的装饰器
而在JavaScript中,直到目前仍处于stage2阶段的提案,这表示虽然未来应该会成为语言的一部分,但现在浏览器或Node都还不支持该特性,必须依赖于转译器。JavaScript装饰器呢,就是对类、类属性、类方法之类的一种装饰,可以理解为在原有代码外层又包装了一层处理逻辑。装饰器对类的行为的改变,是代码编译时发生的,而不是在运行时。还可以让装饰器接受参数,这就等于可以修改装饰器的行为了,这也叫做装饰器工厂。类属性装饰器可以用在类的单个成员上,无论是类的属性、方法、get/set函数。
2024-01-03 18:32:12
1080
1
原创 React项目实战02-React介绍和脚手架搭建
中文网地址:https://react.docschina.org/脚手架中文网:https://create-react-app.bootcss.com/React这个框架是facebook开源的一个框架。内部自己架设项目。2013年5月开源React随着发展,越来越大,React-DOM:React开发web端。React-Native:用React来开发移动端,android和ios声明式设计:React采用声明式的规范,可以轻松描述应用。页面和数据之间很容易开发通信。
2023-07-06 19:48:09
248
1
原创 React项目实战01-yarn包管理器
npm包管理器:将需要用到的包统一放在仓库中,本地需要用npm的命令下载。在前端世界中,实际需要很多依赖,如果需要自己寻找、下载很麻烦。安装完成后也可以进行下载。但是需要配置yarn镜像。maven包管理器:java的包管理器
2023-07-06 19:46:12
251
1
原创 React编程-路由配置(六)
路由配置 在开发中如果你接触到node或者vue那肯定听到过路由的概念,如果对这个概念理解不够本节就继续给大家讲解路由的概念,以及react中路由的配置和使用。 路由器在生活中经常出现,路由器的功能用一句话概括就是:数据从一个网络到另一个网络就是靠路由来完成的[当然路由器的功能不仅仅于此]。 我们说的程序开发中的路由不是指路由器和网络协议中的路由,但是基本思想是一样的。而路由又可以分为前端路由和后端路由。 接下来我们用一个流程图来给大家介绍路由的概念:后端路由 在学习nodejs开
2021-05-10 17:04:41
359
原创 React编程-组件开发(五)
React组件组件的概念 在VUE中涉及到了组件的概念,在react中也是一样的概念。在传统的项目中,我们的页面都是以html的形势来进行开发,但是有很多内容是可以复用的,比如网站的头部和尾部,此刻我们就可以将这些内容抽取为组件,在任何一个页面中都可以复用这样就能达到代码的的复用。 组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。本指南旨在介绍组件的相关理念。 React最强大的地方也是组件的开发,React按照可复用组件的概念来设计的。定义一个个的小组件,然后
2021-05-10 16:15:39
221
原创 React编程-JSX核心概念(四)
JSX语法介绍在我们的模板代码中,我们会发现有一段代码比较特殊ReactDOM.render( <h1>欢迎来到蜗牛学院</h1>, document.getElementById('root')); 在js文件中,我们是无法直接写标签的,当然你可以使用引号括起来表示字符串的意思,但是在react中我们可以直接将html模板写在js文件中,这种语法我们成为jsx语法。什么JSX? JSX=JavaScript+XML,可以说是JavaScript的一种扩
2021-05-10 15:11:44
153
原创 React编程-开发项目搭建(三)
React的入门案列通过前面的学习,我们大概了解了虚拟DOM,和diff算法所带来的性能优化。接下来我们就开始搭建我们的入门程序,本教程我们先从最基本的js文件引入开始搭建项目,后续再引入脚手架的方式来学习。安装React的包第一步:npm install react --save 或者npm i react -S第二步:npm install react-dom --savenpm i react-dom -S第三步:npm install babel-standalone
2021-04-28 21:40:16
822
原创 React编程-入门概念(一)
React的入门案列通过前面的学习,我们大概了解了虚拟DOM,和diff算法所带来的性能优化。接下来我们就开始搭建我们的入门程序,本教程我们先从最基本的js文件引入开始搭建项目,后续再引入脚手架的方式来学习。安装React的包第一步:npm install react --save 或者npm i react -S第二步:npm install react-dom --savenpm i react-dom -S第三步:npm install babel-standalone
2021-04-28 21:34:37
205
原创 React编程-yarn包管理器(二)
React入门概念基本概念 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 由于 React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。 这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 We
2021-04-28 21:22:09
303
原创 JavaScript正则表达式
正则表达式回顾:DOM的API学习document文档对象提供的apiNode节点对象里面apiElement封装的对象用于获取到元素节点DOM事件事件的分类事件流的概念事件对象Event,只要是事件函数,都可以默认获取到事件对象。事件的委托。理解事件委托的设计流程和好处DOMCSS样式操作内联样式:内联样式的获取方式 。stylestyle.封装 的css样式(一般是驼峰命名)style[xxxx]style.item(index)getPrope
2020-07-29 19:08:36
181
原创 DOM样式操作
DOM样式操作DOM样式dom给我们提供了专门操作样式的API,css的样式非常的多,dom提供了一个统一的对象来操作样式。style这个对象在DOM里面就是用来包含样式的。const odiv = document.getElementById("div")//js获取到元素的样式odiv.style页面上每个标签都可以直接使用style这个属性来获取当前元素的样式。这个样式除了自己设置的内容外,还包含了浏览器的一些样式、我们也可以使用style来设置样式。单个单词可以直接用样式名字有
2020-07-29 19:07:18
368
原创 DOM事件
事件事件的概念要完成事件编程需要满足三部分要求:事件源:指定事件的源对象,找到某个绑定事件的元素事件函数(完成业务),绑定事件过后,执行的业务逻辑。事件对象:在触发这个时间的时候,给你默认封装一个对象,这个对象里面包含的执行事件的一些信息。js基于事件驱动的一种编程方式,事件一直都有,只是你没有监听这个时间,开发中需要完成某个事件的业务操作,我们就需要在事件源里面绑定一个事件(监听这个动作)—触发我们的事件函数,传递一个event对象const odiv = document.getEle
2020-07-29 19:06:12
577
原创 DOM基础知识点
DOM基础知识点核心语法ECMAScript核心,可以作用在浏览器里面运行,也可以在node中运行。开发服务器端编程。基础语句,循环语句、判断语句、变量、运算符、函数、数组等等。函数的高级概念-闭包、作用域、ES6的一些新增特性、箭头函数WEBAPI(原生对象的API操作)BOM浏览器对象模型。所有BOM和DOM包含的对象都是宿主对象。window对象:浏览器的顶层对象。里面包含了操作浏览器的所有对象和函数。定时器、setTimeout、setInterval弹框 alert、co
2020-07-29 19:03:05
1010
原创 函数的高级特性
函数的高级特性(高阶函数)作用域背景:在开发中定义变量,你可以在函数内部定义变量,函数内部定义变量只能函数内部使用,函数内部也可以使用外部定义的变量。这种特性是因为作用域造成。定义:定义了一个变量的可见性和声明周期。分类:根据变量作用的范围,我们一般将作用域分为两种,全局作用域(代码写在js文件最外层),函数作用域(函数内部 局部)为什么要有作用域:避免了代码混乱有时候所有对象函数都要用到内容,申明到全局,但是有时候仅仅函数内部使用。用完了就需要销毁。需要全局和局部一起作用。全局变量不容易
2020-07-29 18:57:28
255
原创 JavaScript函数
JavaScript函数基础函数使用高阶函数函数也是面试过程中出现频率比较高的内容,在js编程中我们绝大部分时间都在和函数打交道,在后续的学习中基本上都和函数进行交互。在之前代码中,我们有很多代码都是在重复去写,以后我们将这些重复的内容提取到函数中,直接调用函数来实现功能。学习中,数组排序,数组删除,数组的拼接 都已经在api中封装好了。函数的概念:函数是代码的容器,可以存放一堆代码,里面的代码可以重复被执行而不需要重复写。这个就是我们所说的代码的复用。函数的语法函数的声明(Funtion
2020-07-29 18:55:05
233
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人