- 博客(13)
- 收藏
- 关注
RSS订阅原创 教女朋友的—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
178
原创 小程序input textarea 禁止粘贴实现
小程序中没有关于input禁止粘贴的功能，通过监听bindinput来实现禁止粘贴功能使用场景 一般都是 在type=number 或者 其他 不想让用户 通过复制的效果 来输入错误的数据思路：1、bindinput 监听每次输入事件，通过对比当前输入内容长度和上次输入内容长度做判断 如果 |当前内容长度 - 上次内容长度| != 1 ，则表示用户不是手动输入的，这时候清空输入框即可2、|当前内容长度 - 上次内容长度| == 1 ，但是用户通过复制输入了 不符合预...
2020-12-23 15:21:31
2228
原创 小程序页面传值细节——target和currentTarget的区别
小程序中target和currentTarget的区别先写结论1、target 你点哪获取哪 没有就是空 2、currentTarget 你点哪获取点的哪个元素得父元素 没有就是空3、没有子元素的时候 这俩相等下面图解
2020-09-30 11:20:05
427
原创 小程序模拟tabbar实现切换用户身份展示不同tabbar
思路类似H5移动页面那种，模拟底部tabbar。使用vantweapp UI组件库，配合swiper实现切换效果效果图展示核心代码展示 — van-tabbar是vantweapp中的组件<!-- 学生端主页 --><swiper current="{{currentData}}" class='swiper' circular='{{true}}' duration='0' bindchange='swiperChange'> <swiper-item>学
2020-08-06 16:23:35
1821
1
原创 微信小程序自定义tabbar,切换身份展示不同tabbar
小程序切换身份展示不同tabbar效果图参考官网给的文档官网自定义tabbar文档本方式存在问题— 因为不同身份tabbar不同，用this.getTabBar().setData({list})，导致第一次切换的时候会有一个瞬间的跳动，如果有解决方法，还请不吝赐教------以下正文app.json中要设置tabbar list "list": [ { "pagePath": "index/index", "iconPath": "image/i
2020-08-05 14:01:36
3042
原创 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
688
原创 逼格很低的轮播图
萌新初学js 一个逼格很低的轮播图 ^ v ^html 中代码<div class="wraper"> <div id="pre"> < </div> <div id="next"> > </div> <div class="clear"...
2019-12-15 21:31:45
146
原创 js网页点击播放背景音乐，再次点击暂停播放背景音乐
萌新正在学习前端js 尝试用js效果：点击艾欧尼亚昂扬不灭时 播放音乐，再次点击暂停播放原理：1、给这个div中添加 audio属性 js控制当点击这个div时播放 再次点击暂停html中代码： <div class="title-text"> <img src="./img/艾欧尼亚图标.jfif" alt=""> ...
2019-12-15 21:24:21
4906
1
原创 dom 基本属性
dom 选择器document.getElementsByTagName(); 根据元素标签获取元素集合document.getElementsByClassName(); 通过class类名获取元素集合document.getElementById(); 通过id获取元素document.getElementsByName(); 通过name属性查找html元素集合 参数...
2019-12-15 21:12:35
2644
原创 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
1152
原创 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
98
原创 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
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人