- 博客(18)
- 收藏
- 关注
RSS订阅转载 Vue-登陆页(或其他页面)使用背景视频
Vue-登陆页(或其他页面)使用背景视频在项目中修改登陆页时，登陆页的背景色只有白色，有些不好看，晚上跟产品提建议说可以仿着百度校招网站上的背景视频，在登录页添加一个背景视频。1 百度搜索查找在首页添加视频的方法1.1 找到了一个纯手写的方法（此处的代码均为转发）：html：<template> <div class="homepage-hero-module"> <div class="video-container"> <div
2021-09-14 19:25:54
3381
5
原创 拖拽-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
2460
原创 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
1518
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
273
原创 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
2484
原创 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
466
原创 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
10072
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
283
原创 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
123
转载 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
3756
原创 微信小程序-父组件调用子组件里面的方法和传参
子组件内需要有函数 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
354
原创 小程序-未学习:黑色、学习中:橙色、学过后:灰色
公司有个项目页面是关于音频播放的，未学习时标题是:黑色、学习时标题是:橙色、学过后标题颜色是:灰色页面效果如下：思路： 1. 未点击时：添加类名：contents-title（颜色是灰色）；2. 点击时：添加类名：contents-title-active（颜色是橙色），同时保存此时的index值（后续根据存的值来给元素添加类名（灰色））；3. 点击后：添加类名：contents-title-learned（颜色是灰色）；4. 用两个值来判断类名状态wxml：<view class=
2021-05-24 17:18:18
219
原创 小程序 页面传参以及接收参数
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
1135
原创 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
1026
原创 JS-手机号码中间四位显示为*号
实现手机号码中间四位显示为*号方法： // 转换用户手机号 let telephone = this.data.telephone; // 提取字符串某部分: 起始索引（开始位置），终止索引（结束位置） telephone = telephone.substring(0,3) +'****'+ telephone.substring(7); this.setData({ telephone, })效果图：...
2021-05-20 10:19:17
1210
转载 微信小程序之支付密码输入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
1302
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人