摘要: <template> <div> 距离结束还剩 {{ formattedTime }} </div> </template><script> export default { data() { return { endTime: new Date('2029-07-17T00:00:00').get 阅读全文
posted @ 2024-07-13 11:03 凌晨的粥 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 1、第一种是最为常用的,使用push跳转: //字符串形式直接跳转 this.$router.push('/goods/add') //对象的形式进行跳转 this.$router.push({path:'/goods/add'}) //对象的形式并且带参数 this.$router.push({p 阅读全文
posted @ 2021-11-02 19:17 凌晨的粥 阅读(6785) 评论(0) 推荐(0) 编辑
摘要: 1、经常会问到的就是关于bootstrap排版问题,比如这种: 2、下面我们来简单的做一下(有时候是手写代码,所以有些class名称我们还是需要记一下的) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewpor 阅读全文
posted @ 2021-09-09 17:32 凌晨的粥 阅读(1003) 评论(0) 推荐(0) 编辑
摘要: 1、微信提供了一个wxs,是小程序的一套脚本语言,可以利用他实现计算属性,下面用他模拟一个计算总数的实现: index.wxml: <view style="display:flex;margin:20px"> <input style="border:1px solid #000000" type 阅读全文
posted @ 2021-09-08 10:42 凌晨的粥 阅读(2877) 评论(0) 推荐(0) 编辑
摘要: 1、制作一个微信上传图片的功能 <!-- index.wxml --> <view class="con"> <text class="title">上传照片</text> <view class="img_list"> <block wx:for="{{imgList}}" wx:key="ind 阅读全文
posted @ 2021-08-31 18:31 凌晨的粥 阅读(826) 评论(1) 推荐(0) 编辑
摘要: 1、在element 的基础上做一个 图片上传功能: <template> <div> <!-- list-type 图片的显示类型 --> <!-- action 图片要上次服务器的地址 --> <!-- on-preview 点击文件列表中已上传的文件时的触发的钩子函数(点击显示对应的预览图片) 阅读全文
posted @ 2021-08-27 10:47 凌晨的粥 阅读(6833) 评论(0) 推荐(0) 编辑
摘要: 1、在微信上分享的时候发现只有头部标题显示,没有内容和图片,那么如何自定义内容和图片呢? 首先第一步在 index.html先引入微信JS sdk <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2 阅读全文
posted @ 2021-08-23 18:18 凌晨的粥 阅读(806) 评论(0) 推荐(0) 编辑
摘要: 1、利用计算属性实现一个时间戳格式转化的功能: (date.js) const dataFormat = function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.get 阅读全文
posted @ 2021-08-19 10:05 凌晨的粥 阅读(4877) 评论(0) 推荐(1) 编辑
摘要: 如: <div id="carouselExampleCaptions001" class="carousel slide" data-ride="carousel"> <div class="carousel-inner" style="height: 100%;"> <div class="ca 阅读全文
posted @ 2021-08-12 11:48 凌晨的粥 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 1、利用canvas制造不同大小、随机颜色、随机速度 的无规则小球碰撞,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>不同颜色大小的小球碰撞效果</title> </head> <style type="text/ 阅读全文
posted @ 2021-07-07 15:07 凌晨的粥 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 1、 用canvas实现小球在局部的空间内,不停的滚动效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小球碰撞</title> </head> <style type="text/css"> #myCanvas 阅读全文
posted @ 2021-07-07 11:33 凌晨的粥 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 1、在学习canvas的过程中,突然有了一个音频想法,就试着利用canvas 模仿制作一个音频动画效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音频效果</title> </head> <style type 阅读全文
posted @ 2021-07-06 17:23 凌晨的粥 阅读(280) 评论(0) 推荐(0) 编辑
摘要: 1、新建一个html文件,写入一个canvas 标签 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #myCanvas { border: 1p 阅读全文
posted @ 2021-07-06 16:16 凌晨的粥 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 1、在使用bootstrap中发现,轮播图不能用手指滑动,需要添加以下代码: //定义起始为止的和结束位置变量 let start, end; function handleTouchEvent(event) { //代表用户手指有触摸的状态,离开的时候状态touches的长度为0 if (even 阅读全文
posted @ 2021-07-01 11:07 凌晨的粥 阅读(568) 评论(0) 推荐(0) 编辑
摘要: 1、如果用户是用手机打开就跳转到移动端页面,如果用户是用浏览器打开就跳转到对应的PC端页面,js如下代码: <!-- 在首页加上 --> <script type="text/javascript"> function getScreen() { //判断是不是移动端 if ((navigator. 阅读全文
posted @ 2021-06-24 11:51 凌晨的粥 阅读(681) 评论(0) 推荐(0) 编辑