自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 关于HarmonyOS的学习

①class类(和js里面的类是一样的)// 必须先声明类型let p = new Person('张', 18)// 必须先声明类型,也可以设置初始化的值name: string = '张'let p = new Person('哈哈', 19)②类的两种继承(JS 中只有 extends,而 implements 是 TS 提供的)extends(继承父类)implements(实现接口)bark() {console.log('汪')sing() {

2024-09-26 11:35:46 752

原创 关于HarmonyOS的学习

npm包管理器+ 常见问题=> 包下载出错-> 镜像源地址问题,是默认在国外,由于网速问题导致下载不下来,有时候下载一些包,然后由于各种的原因,一直下载不出来,需要清除缓存=> 使用某些npm工具的时候发现报错-> node版本问题-> 如果有版本问题,你升级自己的node版本,换其他的工具=> 在实际开发中,一些比较老的项目,你使用npm i的时候下载包出错-> node版本太高了,需要降node版本。

2024-09-25 19:53:27 729

原创 关于HarmonyOS的学习

1.?//?作用:1、三目运算符 2、可选链id: 1,// info: {// name: '张',// }.name)2.??空集合并符amount 是别人传递过来的,如果别人没有传递过来一个具体的值,那么count就会变成undefinedlet amount?13.+加号作用:1、加法运算 2、字符串拼接 3、数据类型转换let num = Number(prompt('请输入一个数字?'))let num = +prompt('请输入一个数字?')

2024-09-24 11:48:06 743

原创 关于HarmonyOS的学习

/ 比如我们发送三个 ajax 请求// - 第一个正常发送// - 第二个请求需要第一个请求的结果中的某一个值作为参数// - 第三个请求需要第二个请求的结果中的某一个值作为参数ajax_get({console.log('这是第一个请求的结果:', res)ajax_get({console.log('这是第二个请求的结果:', res2)ajax_get({console.log('这是第三个请求的结果:', res3)})})})

2024-09-23 16:55:06 953

原创 关于HarmonyOS的学习

设计模式是一些对解决问题的总结和经验,设计模式是解决某个问题的最佳的方案,无数人优秀人的程序员的实验和错误总结+ 共23种1.工厂模式=> 对于批量创建对象的一种解决方案=> 函数可以传递参数=> 本质利于函数的特性,然后在函数内部创建一个对象,每次传递参数,把新的对象以返回值的形式返回name,ageconsole.log(this.name + '喜欢演讲!')return objlet p1 = person('张', 18)

2024-09-19 16:56:20 1462

原创 关于HarmonyOS的学习

1.node模块化​​​​// tab()2.path模块// path内置模块,专门用来处理路径​// 获取路径最后一部内容,一般用它来获取文件名称​// 给定的路径连接在一起,可以把路径片段拼成完整路径// const result = path.join('day13', 'code', '03_path模块.js')// const result = path.join('day13', 'code', '../','03_path模块.js')​。

2024-09-16 13:36:19 1270

原创 关于HarmonyOS的学习

1.大致思路+ 通过数据控制界面(数据驱动视图)+ H5自定义属性=> data-属性名2.渲染功能+ render()=> 根据localStorage里面是否有数据,进行判断,做不同的数据渲染的处理=> 如果没有数据,就给用户一个提示信息,展示到表格里面 if(!=> 如果有数据,把数据取出来,渲染购物车界面=> 渲染了尾部的数据=> 给要操作的标记绑定了自定义属性=> 给单选按钮绑定checked属性 ${item.is_select && 'checked'}

2024-09-15 14:16:32 977

原创 关于HarmonyOS的学习

1、点击按钮后,把当前这个列表的数据拿到,应该存储到一个数组里面 --- 数据结构,把数据存储进行数组2、假如已经把所有的数据添加数组完毕,最终应该存储进购物车里面,所谓的购物车说白了最终还是得从localStorage里面获取数据 --- 两个页面数据共享(localStorage)3、当点击后按钮,怎么把当前这个列表的数据拿到呢?=> find() 通过这个查找数据=> 可以把数据的id绑定给按钮标记(通过自定义属性)=> H5新增了一种自定义属性的方式。

2024-09-14 22:11:35 879

原创 关于HarmonyOS的学习

按钮</button> -->​<button>按钮

2024-09-13 11:19:57 1273

原创 关于Harmony的学习

又译为卡瑞化或加里化 是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数 并且返回接受余下的参数而且返回结果的新函数的技术 作用: 可以固定相同参数,实现函数调用传参的简单化 可以让参数复用1.输出一个完整的url地址:一定要把不变的参数放在第一位2.假设你是一个商家,要出售商品,为了卖出去更多的商品,今天决定打9折进行售卖,我们可以使用以下函数进行折扣后的售出价格计算。

2024-09-12 17:24:40 1057

原创 关于Harmony的学习

1.bind() 改变this指向,会返回一个新的函数,需要手动调用的2.call() 改变this指向,会立即调用函数name: '张',age: 18fn.call(obj, '哈哈', '嘿嘿')3.apply() 改变this指向,会立即调用函数,参数必须以数组的形式传递name: '张',age: 18fn.apply(obj, ['哈哈', '嘿嘿'])4.this总结当全局执行上下文里面查看this,this指向的是window。

2024-09-11 20:35:33 720

原创 关于Harmony的学习

/ 调子:Function是引用数据类型,引用数据类型其实就是对象类型。既然是对象,对象必定是被实例化出来的,跟构造函数有关系 ​ // 研究:构造函数也是对象,那么构造函数是由谁实例化出来的呢。既然是对象那么必定也满足三角恋的关系,通过三角恋关系来验证 ​ // 规则:“所有函数”都是通过Function构造函数创建出来的对象 ​ // 规则:原型对象也是对象,都是有Object的原型对象实例出来的。

2024-09-10 16:20:01 1023

原创 关于HarmonyOS的学习

基本数据类型+ 对象的键都是字符串类型的,无论给对象添加什么数据类型作为键,最终都会调用toString()方法转成字符串类型+ 问题=> 字符串类型如果有相同的名称,那么后面的会把前面的给覆盖掉+ 针对于以上的问题,有人提出要是有一种数据,它的结构是独一无二的就好了,所谓的独一无二就是名称即使一样也不会覆盖+ Symbol()类型就符合独一无二的规则=> 参数表示的是描述信息,其实就是值。

2024-09-09 11:41:52 910

原创 关于HarmonyOS的学习

/some(): 方法用于检测数组中的元素是否满足指定条件(函数提供)。如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。否则返回false//场景:加入购物车})if(res){console.log('改变数量')}else{console.log('添加')​//every(): 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。如果有一个不符合就返回false//全选功能})

2024-09-08 16:32:34 1123

原创 关于HarmonyOS的学习

称之为DOM事件流,因为是事件肯定是绑定给DOM元素的+ 咱们在页面里面给元素注册(绑定)了事件,那么事件和事件之间会进行传递,而事件传递是由规则的,把这个规则称之为事件流+ 完整事件流=> 捕获阶段 --- 事件在传递的时候,从外面向里面进行传递(祖先元素给后代元素)=> 目标阶段 --- 最终事件在哪里执行=> 冒泡阶段 --- 事件在传递的时候,从里面向外面进行传递(后代元素给祖先元素)+ 其实在使用的过程中,不可能一次性出现三次阶段+ 注意点。

2024-09-07 09:07:34 644

原创 关于HarmonyOS的学习

1.只能获取到内联style属性的CSS样式中的宽和高,如果有,获取;如果没有,则返回空 $('.box1').style.width $('.box1').style.height $'.box1').style.backgroundColor2.返回了元素大小,但没有单位,默认单位是px,如果设置了其他的单位,比如100em之类,返回出来的结果还会转换为px像素(不含边框) width + padding值 $('.box2').clientWidth $('.box2').clientHeight。

2024-09-06 14:22:33 1058

原创 关于HarmonyOS的学习

文档对象模型+ 在DOM的世界里面,把所有的标记称之为节点,把标记的结构称之为DOM树+ 告诉咱们标记在文档里面是以树形结构存在的+ 节点分类=> document 文档节点=> eLement 标记节点=> attribute 属性节点=> comment 注释节点=> text 文本节点。

2024-09-05 16:58:50 1462

原创 关于HarmonyOS的学习

/ 提示信息,带有确认和取消。如果确认返回的是true,取消返回的是false// var res = confirm('你确定登录吗?')​// 关闭浏览器窗口// 打开浏览器窗口// 参数1表示的是跳转到那个网页// 参数2表示是否新窗口打开 _self _blank(如果不写,默认新窗口)// 参数3表示的窗口的样式(存在兼容问题,有些浏览器不起作用)height=500;')

2024-09-05 16:57:41 1301

原创 关于Harmony的学习

ES5提出严格模式,能让代码更规范,分为全局和局部。进入严格模式语法:'use strict'规则:①声明变量时必须使用var,不然会报错。②函数参数不能有重复的名称 ③函数名称+括号调用函数,this无法指向全局对象window,会输出undefined ④不允许动态的修改arguments的值 ⑤废弃了arguments。callee()方法。

2024-09-04 16:30:52 625

原创 关于HarmonyOS的学习

1.filter()返回满足条件的数组元,会把数组元素放在一个新的数组里面返回,也可以返回多个满足条件的数组元素(结果:数组) filter()返回满足条件的数组元,直接返回是满足条件当前的数组元素。只能返回满足第一个数组元素(结果:数组元素) includes() 字符串、数组都能使用,如果有满足条件的直接返回true,不满足返回false(结果:布尔值)

2024-09-04 16:29:58 965

原创 关于Harmony的学习

1.是js对象的一种表达方式,可以将json称为特殊的字符串格式。用于前后端的数据交互,是一种数据格式。json要求对象的键都是双引号。2.XML 指的是可扩展标记语言 用于前后端数据交互,但是现在使用的比较少了,咱们只需要掌握json格式即可 语法采用的是html标记的语法,只不过它的标记是可以自定义的3.完整网站组成前端 => 负责界面和一些用户的操作逻辑 => 前端语言:html、css、js。

2024-09-03 11:42:39 1079

原创 关于HarmonyOS的学习

1.可以进行升序和降序,如果数字超过两位,那么是按照位数挨个进行比较的,a-b是升序,b-a是降序;无论是前面的数字还是后面的数字都会根据比较交换数字的位置后,重新表示(表示的是下一位的,不是原来位置上的数字了)2.参数,是一个函数,在这个作为参数的函数里面有两个参数 ​ => 参数1,表示的是前面的一个数字 ​ => 参数2,表示的是后面的一个数字。

2024-09-03 11:41:23 366

原创 关于Harmony的学习

1.作用域就是变量访问的范围或区域,分为全局作用域和局部作用域,函数外面就是全局作用域范围,函数内部的属于局部作用域范围。2.变量分类,分为全局变量和局部变量,全局变量可以在函数外部和函数内部访问的变量称之为全局变量(定义在函数外部的变量);局部变量则只能在函数内部访问的变量称之为局部变量(定义在函数的内部)。但如果函数内部的变量没有使用var关键字来定义,那么他就是全局变量。

2024-09-02 16:54:48 598

原创 关于HarmonyOS的学习

是js代码调试的一种方式 可以浏览器的source选项里面进行代码调试 在对应的代码的序号前面打断点,就可以让代码执行到这里的时候进入调试默认,可以看到代码的执行过程 打了断点后,直接刷新浏览器,可以进入这个调试模式。

2024-09-02 16:53:59 799

原创 关于HarmonyOS的学习

1.Number() 可以把其他的数据类型转成数值类型 ①把字符串类型转成数值类型 ②把布尔类型转成数值类型 ③把null和undefined转成数值类型2.String() 把其他的类型转成字符串、toString() 把其他的类型转成字符串,括号里面可以转禁止 ①把数值转成字符串类型 ②把布尔转成字符串类型 ③把null和undefined转成字符串类型 ④toString()可以转进制。

2024-09-01 23:00:55 948

原创 关于Harmony的学习

1.内部:通过script标记,在标记内直接编写js代码 2.外部:通过script标记的src属性引入一个js文件,可以引用多个 3.内联:通过标记提供的html属性来执行js代码。

2024-09-01 23:00:23 708

原创 关于HarmonyOS的学习

​ /列宽/ ​ // ​ /列数/ ​ /*//* 列宽和列数可以简写 */ ​ columns: 100px 5;/* 列边距/ ​ // ​ /列边框标题是否跨列显示 */ ​ column-span: all;​。

2024-09-01 22:59:27 360

原创 关于HarmonyOS的学习

今天的内容更加偏向于实际的案例练习...

2024-08-31 09:51:29 1313

原创 关于HarmonyOS的学习

移动布局区域的类型 网页区域(设计稿) 区域(设备类型)理性区域 => 当网页区域等于可视区域的时候,可以得到理性区域 => 设置了viewport后,可以让网页区域变成和可视区域一样单位px px 像素,画素。像素其实就是屏幕的一个一个的小点,分辨率越高,屏幕的清晰度越好。分辨率越高,屏幕上能显示的像素点越密集。一般在pc端,一个像素点 是网页里面的一个像素点。当你把网页直接切换到手机模拟器里面的时候,其实一个像素点对应的就不是网页里面的一个像素点了。

2024-08-31 09:49:45 1012

原创 关于HarmonyOS的学习

1.transition 过渡,可以让属性改变的时候有动画过渡属性=> transition-duration 动画持续(执行)时间=> transition-delay 延迟时间+ 缩写=> transition: 值1 值2 值3 值4...2.文本阴影/盒子阴影+ 文本阴影/盒子阴影(inset表示内阴影)+ 值1表示阴影的水平位置 值2表示阴影的垂直位置 值3表示阴影的模糊程度 值4表示阴影的颜色值。3.flex弹性盒。

2024-08-31 09:48:38 631

原创 关于HarmonyOS的学习

1.flex固定定位的特点:脱离文档流,不会占位置;相对于body定位;不区分元素类型;不会随滚动条的滚动而滚动。2.sticky粘性定位的特点:是在固定定位和相对定位之间的一种定位。如果设置了坐标,满足条件,那么他就是固定定位,反之就是相对定位。3.吸顶效果*{margin: 0;padding: 0;main{4.轮播图结构:opacity,表示透明:取值范围0-1 0.1 0.2... 可以省略0不写;

2024-08-30 15:01:23 788

原创 关于HarmonyOS的学习

1.序列选择器(css3新增的),可以在不给标记设置id或class的时候,根据同类型标记不同的排列方式来选取元素。分为同级、同类型两种,一般都不在元素的外层使用。同级级别序列选择器,不能被其他类型的标记给隔开,隔开就无法选中。语法: p:nth-child(1){background-color: orange;}(选中第一个) p:nth-last-child(3){}(选中倒数第三个)

2024-08-30 15:00:09 540

原创 关于HarmonyOS的学习

1.概念:在css中,所有的html标记都有一个盒模型,它是用来网页设计和布局的,能对周围标记进行封装,盒模型就是元素示意图。元素所占位置的大小是由盒模型来决定的。2.盒模型组成:width+border+padding+margin3.盒模型计算: 盒模型宽度:width + 左右border + 左右padding + 左右margin 盒模型宽度:width + 上下border + 上下padding + 上下margin。

2024-08-30 10:56:07 512

原创 关于HarmonyOS的学习

(有些只是方便书写代码,不一定要下载。学习的软件及下载方式。

2024-08-29 17:24:45 378

原创 关于HarmonyOS的学习

1.加粗和斜体 加粗:font-weight:bold(bolder在浏览器现实中和bold看起来差不多。) font-weight:100(100较细;200-300较正常;400常规;500加粗;600-900也是加粗,只是效果看起来差不多) font-weight:normal(取消文字加粗) font-style:italic(倾斜体) font-style:oblique(倾斜的文字) font-style:normal(取消倾斜)2.字体和服务器字体。

2024-08-29 17:14:28 721

原创 关于HarmonyOS的学习

div布局标记,能将网页划分为不同的区域。独占一行,自上而下排列。

2024-08-29 17:07:19 833

原创 关于HarmonyOS的学习

vue.js(前端开发使用最多的),uniapp(开发一次可以在不同app上运行的),bootstrap(搭建网页布局,实现响应式开发)。

2024-08-29 17:03:48 1156 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除