前端学习
文章平均质量分 61
好好先生~
这个作者很懒,什么都没留下…
展开
-
教女朋友的—vue组件通讯的7中方式
/ 假设 当前父组件 father.vue 子组件 childer.vue // 父组件通过 自定义属性 将数据传递给子组件 // 父组件页面中 在引用子组件后 可以自定义属性来将值传递给子组件 类似于原生的html标签 会有一些class id absolute 之类的属性 < childer name = '韩梅梅' age = '18' / > // 子组件中 接收该自定义属性 < template > // ... < / template > export default {name : {原创 2023-01-21 17:46:07 · 132 阅读 · 0 评论 -
小程序input textarea 禁止粘贴实现
小程序中没有关于input禁止粘贴的功能,通过监听bindinput来实现禁止粘贴功能使用场景 一般都是 在type=number 或者 其他 不想让用户 通过复制的效果 来输入错误的数据思路:1、bindinput 监听每次输入事件,通过对比当前输入内容长度和上次输入内容长度做判断 如果 |当前内容长度 - 上次内容长度| != 1 ,则表示用户不是手动输入的,这时候清空输入框即可2、|当前内容长度 - 上次内容长度| == 1 ,但是用户通过复制输入了 不符合预...原创 2020-12-23 15:21:31 · 2006 阅读 · 0 评论 -
小程序页面传值细节——target和currentTarget的区别
小程序中target和currentTarget的区别先写结论1、target 你点哪获取哪 没有就是空 2、currentTarget 你点哪获取点的哪个元素得父元素 没有就是空3、没有子元素的时候 这俩相等下面图解原创 2020-09-30 11:20:05 · 380 阅读 · 0 评论 -
React学习第一天 写个todolist demo
学习React第一天创建 React appReact 组件中必须要有render函数,render函数用来显示组件呈现的内容State1、用setState修改state中的数据2、State的更新可能是异步的3、State 的更新会被合并父子组件传值父→子子→父React DOM 在更新前会与之前的状态比较,并只会进行有需要的更新组件名称必须用大写字母开头,React会将以小写字母开头的组件视为原生DOM标签Props只读性(特性)所有React组件必须像纯函数一样保护它们的props不被修改状态提升原创 2020-07-30 18:36:10 · 286 阅读 · 0 评论 -
逼格很低的轮播图
萌新初学js 一个逼格很低的轮播图 ^ v ^html 中代码<div class="wraper"> <div id="pre"> < </div> <div id="next"> > </div> <div class="clear"...原创 2019-12-15 21:31:45 · 123 阅读 · 0 评论 -
js网页点击播放背景音乐,再次点击暂停播放背景音乐
萌新正在学习前端js 尝试用js效果:点击艾欧尼亚昂扬不灭时 播放音乐,再次点击暂停播放原理:1、给这个div中添加 audio属性 js控制当点击这个div时播放 再次点击暂停html中代码: <div class="title-text"> <img src="./img/艾欧尼亚图标.jfif" alt=""> ...原创 2019-12-15 21:24:21 · 4769 阅读 · 1 评论 -
dom 基本属性
dom 选择器document.getElementsByTagName(); 根据元素标签获取元素集合document.getElementsByClassName(); 通过class类名获取元素集合document.getElementById(); 通过id获取元素document.getElementsByName(); 通过name属性查找html元素集合 参数...原创 2019-12-15 21:12:35 · 2576 阅读 · 0 评论 -
js 随机生成8个随机字符且每个字符不重复&&随机生成6位数验证码
在0-9&&a-z中随机生成8个字符且每个字符不重复var str = "abcdefghijklmnopqrstuvwxyz0123456789"; // var arr = [...str]var tmp = [];var random;for(var i=0;i<8;i++){ random = Math.floor(Math.random...原创 2019-11-30 14:09:59 · 1061 阅读 · 0 评论 -
js数组去重
for循环外层for循环表示数组中遍历的每个数内层for循环表示每个数和他后面所有数对比 ==== 删除 后面的数 然后 y-- 让删除的y值的索引值 的 后面一位索引值 取代删除的y值索引值 var arr = [1,1,2,22,2,2,2,2,2,23,4,5,6,6,7,7,"aaa","aaa"]; for(var i=0;i<arr.length;...原创 2019-11-30 14:03:05 · 75 阅读 · 0 评论 -
js数组排序
// 数组排序 :for 换值 if//升序思路//1、获取数组每一个值//2、让部分每个值分别于数组中所有值进行比较//3、声明一个变量:保存小值 让值在前大值在后 //升序 var arr = [1,3,8,2,5,7,4]; var tmp; for(var i=0;i<arr.length;i++){ for(var y=i+1...原创 2019-11-30 13:59:31 · 82 阅读 · 0 评论