鸿蒙开发者社区

[ReactVant组件链接](https:reactvantv2.surge.shcomponentsform)遇见的错误警告错误PascalCase解决方案：c由于我的组件命名为了Leftnav这种格式的，把组件名给改成了LeftNav成功消除了警告信息。记得组件名第一个字母需得大写，后面用驼峰命名注册界面Form表单的使用：表单记得先需要初始化表单元素：htmlxmlconstregister(){初始化表单元素const[form]React.$Vant.Form.useForm()}手机号注意：表单input在vue2不是而是Fieldph...

[toc](目录)注册登录思路：1.手机号、密码登录需要放入表单中，提交表单接收数据htmlxml手机号密码登录接收数据与后端验证2.接收数据，需要判断是否接收到数据，如果接收到数据去掉两边空白，否则为空3.如果接收数据为空，则提示用户手机号和密码不能为空。为了防止某些人更改前端代码而进行不输入密码或用户名的登录即去掉required必填属性，后端需要进行拦截用户名密码是否为空。php接收数据$mobileisset($POST['mobile'])tri...

htmlxml1、如何建数据库2、要会写SQL语句SQL(结构化查询语句)3、要会用PHP操作数据库插入返回插入的行数更新、删除返回影响的行数删除后id不会重建索引，如果自己手动补充回来是可以的INSERTINTO插入语句单条数据插入返回值插入了几行就返回数字几返回插入行数INSERTINTO表名(字段1,字段2)VALUES('值1'，'值2');INSERTINTOpredepartment(name)VALUES('技术部');多条数据插入INSERTINTO表名(字段1,字段2)VALUES('值1'，‘值2’),...

[toc](目录)文件操作获取文件数据language1.首先一点，我们是在所写文件的父亲目录下进行的操作。2.获取文件路径，需要注意文件路径需要变成才能$pathstrreplace("\\","",dirname(FILE));文件和文件夹的区分3.获得文件路径之后，获得的路径目录下是包含有文件和文件夹两种类型的，需要对文件和文件夹进行不同的区别，文件需要获取文件类型为本身的后缀例如：txt，同时二者的操作也是对应不同的，要根据类型的不同进行填写。php...

切换网页背景图片1.用到的知识点补充1.slideToggle函数，在所有p元素上进行slideUp()和slideDown()之间的切换2.find()函数方法，返回通过测试（函数内判断）的数组的第一个元素的值。3.find("元素(例如：div)")，查找元素4.attr()函数返回选择元素的属性值。思路：1.获取按钮标签，点击按钮，则会下拉或者上拉照片框，同时其自身上拉和下拉的图片相互切换，立一个flag标签进行判断后切换自身背景图即可2.对于盒子的左右移动，主...

知识点：1.nthoftype可以选择指定类型的元素，可看[nthoftype的属性和用法](https:blog.csdn.netqq51735681articledetails113698444)3D爆炸焦点图思路：1.可以在网上找到关于3D爆炸焦点图的js文件（jquerybomb.min.js）2.直接调用函数即可javascript3D爆炸图$(function(){$(".banner").bomb()})

星星天空思路：1.设置随机大小，随机阴影，随机颜色，但是颜色范围在已给的范围内选择，随机位置2.设置定时器进行运动，定时器设置一个单次比较快，一个多次的，运行比较慢，二者进行叠加运动，每次运动都随机获取位置javascriptDocument{boxsizing:borderbox;padding:0;margin:0;}body{background:22313f;background:blue;}starsBox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);opacity:.5;}st...

进度条思路：1.就是一个autoplay函数的调用，如果加载进度大于100就清除定时器，否则就增加进度条进度javascriptDocument{margin:0;padding:0;}body{backgroundcolor:000;}h1{fontsize:3em;}.box{width:30%;height:100px;margin:0auto;border:5pxsolidred;margintop:20em;textalign:center;color:fff;}num{fontsize:2em;marginbottom:5px;fontweight:bold;}hr{width:0px;height:1px;渐变颜色background:lineargradient(45deg,rg...

短信倒计时思路：1.获取Input框输入值，需要对去除两边空白后的内容进行正则验证，判断手机号码是否符合规范2.test(正则内容)验证后返回true,false3.设置按钮倒计时，设置默认sec60,点击后开始计数，倒计时按钮为禁用状态，4.封装倒计时函数，获取数字，即btn按钮的内容，设置定时器，如果倒计时小于0就恢复倒计时，重新验证码发送，否则就倒计时减减javascriptDocumentinput{height:25px;lineheight:25px;fontsize:1.2em;}butt...

随机生成验证码思路：1.获取div的box盒子，生成验证码后追加到盒子，span.innertext放入字符2.获取input框内的验证码内容3.点击btn按钮触发事件，验证输入的验证码与给出的是否一致，设置notice提醒4.验证码不一致，则重新生成新的验证码，重新输入（将value值设为0），保留点击过的焦点如何随机生成验证码1.数组放入所有数字字母字符2.把函数获取的长度限制为43.循环长度，随机数数组长度向下取整，获取数组所有数里的随机数下...

放大镜思路：1.大图小图都放入同样大小的盒子，通过鼠标移动到small小图身上去调整box蓝色盒子的位置。2.同时让big大图盒子从displaynone变成block显示状态。3.让大图片的位置距离上边和左边的进行移动，此时移动的位置大小是按照大小图的比值移动位置4.需要设置避免蓝色box溢出!javascriptDocument{margin:0;padding:0;}small{width:576px;height:324px;position:absolute;left:10px;top:50px;}box{width:172px;height:97px;ba...

地址链接跳转1.按钮触发事件后，正则解析链接地址，地址解析要去除空白格，取的字符串才可进行replace操作2.输入字符格式正确则displayblock，显示出提示信息3.设置用户最大只能输入三次地址信息，利用浏览器缓存sessionStorage进行设置，浏览器sessionStorage.getItem（）为获取，sessionStorage.setItem（）为设置，设置提交变量，变量超过三次，则用setAttribute将input框设置为禁用状态，并弹出提示输入到上限input.setAttr...

选项卡切换思路：1.在进行选项卡切换的时候，是每个a标签进行的切换，而在取元素的时候取到的是整个a元素的数组，为了区分每个a元素，我们就可以给元素设置一个data开头的自定义属性，使元素按照顺序排列下标2.菜单点击时候进行两个操作，中间内容每个都装在同样大小的盒子里，在点击菜单后触发函数，函数进行两个操作，一个是中间内容的位置移动来切换对应的文本内容。一个是顶部a标签的背景颜色的灰白变化。3.a标签的背景颜色...

全选取消反选按钮触发事件1、for...in:遍历Array时，拿到的是每个元素索引for...of:遍历的是对象的属性所对应的值2、input有默认的checked属性值，选中时checkedtrue未选中时为falseDocument爱好1爱好2爱好3爱好4爱好5全选取消反选varalldocument.getElementById('all')varcanceldocument.getElementById('cancel')varreversedocument.getElementById('reverse')varlovedocument.getElementsByName('love')console.log(love)全...

自动放大缩小字1.判断条件如果放大超出范围，则定时器调用缩小函数，使字体变小。同理，如果缩小到一定程度，则定时器调用放大函数，使字体变大。2.注意再次调用定时器的时候，记得清除上一个使用的定时器，不然会同时存在两个定时器，相互冲突。代码如下：Document你好，我们是朋友varfrienddocument.getElementById('friend')console.log('snish')functionbig(){varsizeparseInt(friend.style.fontSize)if(size100){clearInte...

按钮放大缩小对应字体1.获取需要使用的元素,可以通过document.getElementById2.绑定事件，是直接去获取的行内元素样式3.获取字体大小的时候存在单位px,利用parseInt()转换为整数!4.在放到到一定程度时给提示代码如下：Document字体放大与缩小放大缩小我们是好朋友varbigdocument.getElementById('big')console.log('收到')varsmalldocument.getElementById('small')varfrienddocument.getElementById('friend')console.log('朋...

[toc](目录)1.登录页面1.1布局+碰到的问题1.一张图为背景，当时碰到一个问题就是图片进行了拉伸，其大小就是保持了auto属性，一般网页的大小是1024768，而图片的宽度大小超过了容器本身的大小，因而图片会出现偏移。这种情况下，使用backgroundsize:cover，图像将被调整大小以适合容器，++但是注意cover这个属性值则一定会保证图片的原宽高比，并保证一定会覆盖整个背景，但是由于这种原因，如果背景和图片的宽高比不一致那么会...

[toc](目录)1.CSS拟态图标的制作1.1页面布局1.取图标图片用ps切片切出图片2.一个外大盒子+内三行+每行五个盒子（建议用flex布局会好写很多）3.没什么难点，耐心点就行(注意阴影的理解)1.2动画效果阴影切换（看文件视频）文件代码如下：htmlxmlDocument{padding:0;margin:0;}.box{width:764px;height:591px;backgroundcolor:f0efef;margin:30pxauto;overflow:hidden;}.box1{width:100px;height:130px;border:1pxsolidccc;margin:...