会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
凌晨!
博客园
首页
新随笔
管理
2024年7月13日
vue 实现两个时间戳 相减得到一个倒计时
摘要: <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 凌晨的粥
阅读(243)
评论(0)
推荐(0)
2021年11月2日
vue 路由跳转方式
摘要: 1、第一种是最为常用的,使用push跳转: //字符串形式直接跳转 this.$router.push('/goods/add') //对象的形式进行跳转 this.$router.push({path:'/goods/add'}) //对象的形式并且带参数 this.$router.push({p
阅读全文
posted @ 2021-11-02 19:17 凌晨的粥
阅读(6805)
评论(0)
推荐(0)
2021年9月9日
bootstrap 常见面试题
摘要: 1、经常会问到的就是关于bootstrap排版问题,比如这种: 2、下面我们来简单的做一下(有时候是手写代码,所以有些class名称我们还是需要记一下的) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewpor
阅读全文
posted @ 2021-09-09 17:32 凌晨的粥
阅读(1029)
评论(0)
推荐(0)
2021年9月8日
微信小程序 实现计算属性
摘要: 1、微信提供了一个wxs,是小程序的一套脚本语言,可以利用他实现计算属性,下面用他模拟一个计算总数的实现: index.wxml: <view style="display:flex;margin:20px"> <input style="border:1px solid #000000" type
阅读全文
posted @ 2021-09-08 10:42 凌晨的粥
阅读(3032)
评论(0)
推荐(0)
2021年8月31日
微信小程序 实现上传图片功能
摘要: 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 凌晨的粥
阅读(893)
评论(1)
推荐(0)
2021年8月27日
element ui实现简单上传图片、删除图片、预览图片
摘要: 1、在element 的基础上做一个 图片上传功能: <template> <div> <!-- list-type 图片的显示类型 --> <!-- action 图片要上次服务器的地址 --> <!-- on-preview 点击文件列表中已上传的文件时的触发的钩子函数(点击显示对应的预览图片)
阅读全文
posted @ 2021-08-27 10:47 凌晨的粥
阅读(7259)
评论(0)
推荐(0)
2021年8月23日
H5 在微信上分享如何自定义标题+内容+图片
摘要: 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 凌晨的粥
阅读(959)
评论(0)
推荐(0)
2021年8月19日
Vue 中computed 带参数
摘要: 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 凌晨的粥
阅读(4936)
评论(0)
推荐(1)
2021年8月12日
bootstrap 监听轮播图的索引
摘要: 如: <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 凌晨的粥
阅读(154)
评论(0)
推荐(0)
2021年7月7日
canvas 无规则小球碰撞
摘要: 1、利用canvas制造不同大小、随机颜色、随机速度 的无规则小球碰撞,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>不同颜色大小的小球碰撞效果</title> </head> <style type="text/
阅读全文
posted @ 2021-07-07 15:07 凌晨的粥
阅读(249)
评论(0)
推荐(0)
canvas 小球碰撞的效果
摘要: 1、 用canvas实现小球在局部的空间内,不停的滚动效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小球碰撞</title> </head> <style type="text/css"> #myCanvas
阅读全文
posted @ 2021-07-07 11:33 凌晨的粥
阅读(344)
评论(0)
推荐(0)
2021年7月6日
canvas 模仿音频效果
摘要: 1、在学习canvas的过程中,突然有了一个音频想法,就试着利用canvas 模仿制作一个音频动画效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音频效果</title> </head> <style type
阅读全文
posted @ 2021-07-06 17:23 凌晨的粥
阅读(309)
评论(0)
推荐(0)
canvas 常用的直线、矩形、圆形使用
摘要: 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 凌晨的粥
阅读(189)
评论(0)
推荐(0)
2021年7月1日
bootstrap 轮播图不能手动滑动问题(移动端)
摘要: 1、在使用bootstrap中发现,轮播图不能用手指滑动,需要添加以下代码: //定义起始为止的和结束位置变量 let start, end; function handleTouchEvent(event) { //代表用户手指有触摸的状态,离开的时候状态touches的长度为0 if (even
阅读全文
posted @ 2021-07-01 11:07 凌晨的粥
阅读(631)
评论(0)
推荐(0)
2021年6月24日
js判断到移动端、PC端
摘要: 1、如果用户是用手机打开就跳转到移动端页面,如果用户是用浏览器打开就跳转到对应的PC端页面,js如下代码: <!-- 在首页加上 --> <script type="text/javascript"> function getScreen() { //判断是不是移动端 if ((navigator.
阅读全文
posted @ 2021-06-24 11:51 凌晨的粥
阅读(716)
评论(0)
推荐(0)
下一页
公告