- 博客(18)
- 收藏
- 关注
转载 Vue-登陆页(或其他页面)使用背景视频
Vue-登陆页(或其他页面)使用背景视频在项目中修改登陆页时,登陆页的背景色只有白色,有些不好看,晚上跟产品提建议说可以仿着百度校招网站上的背景视频,在登录页添加一个背景视频。1 百度搜索查找在首页添加视频的方法1.1 找到了一个纯手写的方法(此处的代码均为转发):html:<template> <div class="homepage-hero-module"> <div class="video-container"> <div
2021-09-14 19:25:54
3145
4
原创 拖拽-Sortable的使用
地址:https://github.com/SortableJS/Sortable#invertedswapthreshold-option;例子:html部分: <ul id="items"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>js部分var el = document.getElementById('item.
2021-08-17 15:07:50
2374
原创 JS-数组方法filter中使用return及es6的new Set()
项目中看到过滤数组的一个方法,就想着学习下数组的filter方法和es6的new Set项目代码如下:就是给数组去重,去掉数组中重复的id; msgList() { // 对 whatsAppMsgList 做 messageId 去重 let msgList = this.whatsAppMsgList.slice(); const ids = new Set(); msgList = msgList.filter(item => { .
2021-08-12 16:45:31
1427
2
原创 JS-for in循环
说明for in循环主要用来遍历对象的属性(遍历对象的键)输出属性名的顺序可能会因浏览器不同而不同 let arr1 = {name:'tom',age:12}; for(let i in arr){ let result = arr[i]; console.log(i);// 遍历键 console.log(result[i]);// 获取与键对应的值 } // name // age // tom // 12...
2021-07-29 17:16:50
242
原创 CSS-实现div内文字显示两行,超出两行部分省略号显示
在搭建前台文章列表中,需要实现div内文字显示两行,超出的则省略号显示。/* 用的是-webkit-私有属性。 */div{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}...
2021-06-21 23:45:06
2438
原创 JS-后台返回的时间戳转化为YY-MM-DD
一、 将后台返回的时间戳转化为YY-MM-DD格式 function fn1() { // 后台返回的时间戳 let data = data.data.data; console.log(data.data.date);// 1623325346424 如果是字符串数字,则需转换为数字类型 // 传入js的new Data函数中 let date = new Date(parseInt(data)); // 获取年份 let y = date.getFullYear
2021-06-21 22:33:37
441
原创 uniapp-editor组件的使用:修改editor的内容
一、项目中要求:1.1 点击 写文章1.2 点击 标签1.3 点击 #爱情#1.4 最后标签展示为蓝色字体二、思路:这是uniapp里editor组件的使用。需先获取EditCont组件中的内容,进而将 #爱情# 标签添加到组建的内容中,最后重新渲染EditCont组件内容;三、方法:项目中有一个主页面,主页面内有一个子组件Content;写了ref属性(快速获取dom节点)<template> <!-- 写文章 --> <view clas
2021-06-17 11:11:46
9585
8
转载 Vue-ref和$refs的使用
1. ref(快速获取dom节点)1.1 被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的 $refs 对象上。//非H5端不支持通过this.$refs.content来获取view实例<view ref="content">hello</view>//支持通过this.$refs.child来获取child-component实例<child-component ref="child"></child-component>2.
2021-06-15 18:58:11
250
原创 Js-Switch 语句
请使用 switch 语句来选择多个需被执行的代码块之一。语法switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块} switch (new Date().getDay()) { case 0: day = "星期天"; break; case 1:
2021-06-03 16:07:15
104
转载 Js-new Date() 日期格式的转换
let date = new Date(); date.getFullYear();// 获取年份 格式1970年 date.getMonth();//获取当前年的月份 月份要 + 1 (0代表1月)date.getMonth() + 1 date.getDate();//获取当前日(1 - 31) date.getDay();//获取当前星期几(0-6, 0为星期日) date.getHours();//获取当前小时(0-23) date.getMinutes();//获取当前分钟
2021-06-03 10:45:55
3691
原创 微信小程序-父组件调用子组件里面的方法和传参
子组件内需要有函数 son_method(data){ console.log(data); },给子组件添加id<soncomponent id="soncomponent" />父组件内通过this.selectComponent("#id")调用方法 father_method(){ let data = this.data.data; this.selectComponent('#soncomponent').son_method(data).
2021-05-26 13:45:41
319
原创 小程序-未学习:黑色、学习中:橙色、学过后:灰色
公司有个项目页面是关于音频播放的,未学习时标题是:黑色、学习时标题是:橙色、学过后标题颜色是:灰色页面效果如下:思路: 1. 未点击时:添加类名:contents-title(颜色是灰色);2. 点击时:添加类名:contents-title-active(颜色是橙色),同时保存此时的index值(后续根据存的值来给元素添加类名(灰色));3. 点击后:添加类名:contents-title-learned(颜色是灰色);4. 用两个值来判断类名状态wxml:<view class=
2021-05-24 17:18:18
187
原创 小程序 页面传参以及接收参数
A页面获取data-id并跳转:// 获取余额差价let account = parseInt(_this.data.total_order_price - userinfo.account);wx.showToast({ title: '余额不足,正在为你跳转到充值页面,请稍后...', icon: 'none', success: function(){ setTimeout(()=>{ wx.navigateTo({ url: '/pages
2021-05-20 15:10:16
1100
原创 JS-点击获取验证码倒计时
1, 验证码持续时间为60秒2: 点击获取验证码开始倒计时3, 倒计时为0时,重新获取验证码,并显示’ 获取验证码 ’let timer = setInterval(function(){ code_num -= 1; _this.setData({ code_num: code_num, }) // 如果倒计时为负数,则清除定时器,并把data里的code_num还原成60 if(code_num <= -1){
2021-05-20 10:48:40
1001
原创 JS-手机号码中间四位显示为*号
实现手机号码中间四位显示为*号方法: // 转换用户手机号 let telephone = this.data.telephone; // 提取字符串某部分: 起始索引(开始位置),终止索引(结束位置) telephone = telephone.substring(0,3) +'****'+ telephone.substring(7); this.setData({ telephone, })效果图:...
2021-05-20 10:19:17
1165
转载 微信小程序之支付密码输入demo
微信小程序之支付密码输入demo原文链接:博客园TDX的技术博客–http://www.cnblogs.com/tandaxia在小程序中实现支付密码的输入,要解决几个问题:1、小程序要想唤起键盘,必须要借助input控件。通过input控件和其属性focus来唤起和隐藏输入键盘。2、要让input控件不可见。让光标和输入的字符都不可见,这里是把input控件定位到左边不可见范围。先看实现后的效果图:##实现demo代码:1、页面代码<view catchtap='showInput
2021-05-19 19:38:08
1257
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人