- 博客(110)
- 收藏
- 关注
RSS订阅原创 鸿蒙继续开发
控件的封装一共有三种方法，我们之前用的那种内部封装只是其中一种，用的最多的应该是外部封装，我首先在外部创建一个文件夹，叫component，然后在里面创建一个ets的文件，将写好的组件直接粘贴进去，就可以开始操作了。（1）创建一个方法，前面加上@Builder修饰，然后再方法里面写自己想要的东西。（1）onPageShow这个是页面显示的时候触发的。（2）onPageHide这个是页面隐藏的时候触发的。（2）将写好的文件导出（最后一行加上这个就可以）（1）创建ets文件，将写好的组件放进去。
2023-08-08 00:06:40
219
原创 鸿蒙的初项目
先创建了一个ets的项目，然后我发现这里面有一个组件叫Flex，跟css里面的弹性布局好像差不多，但是用法略有差异，这个Flex是在（）里面加一个{}，然后去写参数，想设置最熟悉的居中，那就得用下面这行代码，这个就和css有所不同了。（5）在父控件使用子控件LoginInput时需要传两个参数，一个是inputPlaceholder，还有一个时text，但是这个text要赋值父控件中state修饰的值，然后用$去赋值！Link：定义变量，变量的值必须从父控件获取 与父控件的值双向绑定。
2023-08-04 20:05:38
253
原创 首次尝试鸿蒙开发！
首先配置环境，唉~真的是非常心累，下载一个DevEco Studio 3.0.0.993，然后配置环境变量这些操作不用多说，都是老生常谈的操作，然后呢，创建一个项目玩玩，结果我发现这个东西不能直接跑，需要创建虚拟机，然后我就创建了个虚拟机，7个G！听到这个我还挺蒙的，啥也不知道，结果我进去之后就傻了，为啥page里面只有一个index.js，结果我发现在supervisual里面有一个index.visual这个一打开里面的东西竟然可以拖拽出来！，说我没有虚拟机，我上网上查阅了很多资料，最后没解决！
2023-08-01 18:23:53
421
原创 （14）侦听器
1.侦听器的应用场景数据变化是执行异步或开销较大的操作2.侦听器的用法watch:{ firseName:function(val){ this.fullName = val +_this.lastName; },lastNMae:function(val){ this.fullName = this.firstName + val; }}根据监听器，我们写一个案例...
2022-06-11 11:52:54
269
原创 (13)计算属性
应用场景：把这个复杂的表达式逻辑抽取出来，让模板变的更加简洁用法：添加一个computed属性，通过函数的方式定义计算属性，使用时，直接调用函数名字就行，不用加括号。在函数体中，具体的计算逻辑。必须加return。。我们上面用计算属性，做到了字符串反转操作，接下来，我们看用方法，怎么做。。。计算属性是会缓存的，就是计算过一次的东西，不会继续计算，如果你再次调用，它会拿你储存过的东西，直接给你结果。方法调用：他会每次都算，但不缓存。...
2022-06-10 15:43:21
71
原创 （11）表单域修饰符
number:转化为数值trim：去掉开始和结尾的空格lazyL:将input事件切换为change事件（input事件是，你输入时直接触发，而change事件是失去焦点才触发）
2022-06-10 10:12:51
59
原创 （9）分支循环结构
1、分支结构v-ifv-elsev-else-ifv-show2、v-if与v-show的区别v-if控制元素是否渲染到页面v-show控制元素是否显示（已经渲染到了页面）3、循环结构v-for遍历数组{{item}}{{item}}+'-------'{{index}}key的作用：帮助Vue区分不同而元素，从而提高性能...
2022-06-05 21:10:44
49
原创 （4）数据响应式
如何理解响应式 html5种得响应式（屏幕尺寸的变化导致样式的变化） 数据的响应式（数据得变化导致页面内容得变化）什么是数据绑定数据绑定：将数据填充到标签中v-once只编译一次 显示内容之后不再具有响应式功能v-once的应用场景:如果现实的信息后续不需要再修改，那么可以使用v-noce，这样可以提高性能。...
2022-06-04 19:29:27
82
原创 （3）数据绑定指令
v-text 填充纯文本相比插值表达式更简洁v-html填充html片段存在安全问题 本网站内部数据可以使用，来自第三方的数据不可以用v-pre填充原始信息显示原始信息，跳过编译过程（分析编译过程）...
2022-06-04 11:40:02
54
原创 (2) v-cloak指令
插值表达式会存在“闪动”问题。每次我们刷新浏览器的时候，插值表达式有时就会闪，所以我们为了解决这个问题，在标签中加入了v-cloak指令。
2022-06-04 11:27:00
131
原创 (1)vue基本使用
从今天开始学习vue的使用，我的学习笔记大概就放在这了~请大家理性观看~vue里面比较关键的两个属性el:元素挂在位置（值可以是css选择器或者dom元素）data:模型数据（值是一个对象）---------------------------------------------------------------------------------------------------------------------------------还有，我们这里面用到了一个叫插值表达式：将数据填充到htm
2022-06-04 07:31:10
83
原创 每天一个效果 ：（15）发布评论
今天迎来了我们每日一个效果的最后一期，下阶段打算把我的小程序改一改，然后就去学vue了。说说今天的效果，发布评论，这个效果，相信大家都见过，对文章或者视频什么的发布评论。我们今天就来做这个效果吧~我们先看一下html和css吧 <div id="box"> <div class="box_top"> <textarea name="" id="comment" cols="80" rows="10" placeho
2022-04-11 23:20:31
679
原创 每天一个效果 ：（14）抽奖器功能
今天我们来做一个抽奖功能，这个功能太常见了。我们来看一下今天的html和css代码 <div id="fa"> <div class="option">水草文香老师</div> <div class="option">北条麻妃老师</div> <div class="option">友田真希老师</div> <div class="opti
2022-04-10 21:47:45
3707
1
原创 每天一个效果 ：（13.2）学员信息表
我们把昨天的js写一下，还剩下两个操作第一个就是对数组进行遍历第二个就是删除操作我们来看一下js代码 //2.对数组进行遍历 let tr = '' stus.forEach((item, index) => { tr += "<tr class = 'newTr'>" + "<td>" + item.name + "&
2022-04-09 22:56:13
321
原创 每天一个效果 ：（13.1）学员信息表
今天我们来做一个学生表，表单，输入数据，点击确定，会被整理到一个表格当中，就是这样的一个效果。话不多说，我们直接看看html和css代码 <div id="app"> <fieldset> <legend>学生录入系统</legend> <p> <span>姓名:</span> &l
2022-04-08 23:48:38
315
原创 每天一个效果 ：（12）鼠标绑定小盒子
今天我们来写一个好玩的效果，鼠标经过页面时，会有一个盒子跟着鼠标走。效果还挺好玩的。还是先来看一下html和css代码 <h2>鼠标绑定小盒子</h2> <div id="div"></div> <style> div { position: absolute; width: 100px; height: 100px;
2022-04-07 20:52:14
403
原创 每天一个效果 ：（11）移动的小盒子
今天我们来制作一个移动的盒子，一个盒子，点击之后，他会向右移动，然后点击停止，便不在动了。我们来看一下html和css代码<body> <div id="div"></div> <button>点击开始</button> <button>点击停止</button></body> <style> *{ margin:
2022-04-06 22:29:25
951
2
原创 每天一个效果 ：（10）电影票选座
今天给大家分享一个电影票选座的样式，这个效果不用我多解释吧~相信这么聪明的你，应该知道长啥样吧~嘿嘿我们还是先来看一下html和css代码 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li>
2022-04-05 19:41:06
1451
原创 每天一个效果 ：（9）返回首屏功能
我们经常会看到一个效果，就是页面往下滑，过一会，会有一个返回按钮，然后点击返回，直接返回到第一个屏幕的位置。我们今天就来做这个效果吧。
2022-04-04 19:50:08
767
原创 每天一个效果 ：（8）进度条功能
今天我们来写一个进度条逐渐加载的功能，比如安装一个软件，可以点击安装，进度条会持续加载，数字会逐渐上升。我们先来看一下HTML和css代码<body> <div class="fa"> <div class="son"> <span>0</span><span>%</span> </div> </div> &l
2022-04-03 20:32:50
1321
1
原创 每天一个效果 ：（7）敏感词过滤
我们平时在评论一些视频或者去博客上上传信息的时候，这个功能非常常见。比如，我不想让你发布黄色，赌博有关的一些话语，就可以运用这个功能。我们先来看一下html文件<h2>敏感词过滤</h2> <p> <textarea name="" id="area" cols="30" rows="10"></textarea> </p> <p> <input typ
2022-04-02 22:17:53
397
原创 每天一个效果 ：（6）相册选择功能
今天来写一个功能，就是鼠标放在那个小图片上，小图就会变到大图的位置上去 <div> <img src="https://img0.baidu.com/it/u=2309643650,2890855463&fm=26&fmt=auto" alt="" class="big"> </div> <div class="small"> <img src="http
2022-04-01 21:53:22
480
原创 每天一个效果 ：（5）全选，全不选，反选
今天来写一个全选，全不选，反选的一个效果，还是先把html文件给大家（小声说，我之前好像发过） <form action=""> <p><input type="checkbox" name="" id="" >尼古拉斯·赵四</p> <p><input type="checkbox" name="" id="">莱昂纳德·刘能</p> <p><i
2022-03-31 22:37:49
226
原创 每天一个效果 ：（3）百度搜索数据显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-30 22:30:59
200
原创 每天一个效果 ：（2）验证码生成及校验
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-28 21:09:28
235
原创 每天一个效果 ：（1）支付10s倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-27 21:04:42
896
1
原创 JavaScript中，关闭淘宝二维码案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-10 22:17:14
215
原创 JavaScript中，操作元素之修改样式属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-03-10 22:16:24
79
原创 JavaScript中，仿京东显示隐藏密码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-10 22:15:11
118
原创 JavaScript中，操作之表单属性设置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-03-10 22:13:59
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人