vue 倒计时2,微信公众号前端开发教程

export default {

data() {

return {

startTime: null,

endTime: null,

currentTime: Math.round(new Date().getTime()/1000), 当前时间

clocker: “”, //显示倒计时

timeobj: null, //时间对象

text:‘自习时间还剩:’,

go_study:false,

};

},

created(){

var calss1_start2 = Math.round(new Date(new Date(new Date().getTime()).setHours(8,0,0,0))/1000) //获取当天8点 开始自习

var calss1_start = Math.round(new Date(new Date(new Date().getTime()).setHours(0,8,0,0))/1000)

var calss1_end = Math.round(new Date(new Date(new Date().getTime()).setHours(0,8,10,0))/1000)

var rest_start = Math.round(new Date(new Date(new Date().getTime()).setHours(0,8,0,0))/1000)

var rest_end = Math.round(new Date(new Date(new Date().getTime()).setHours(0,8,10,0))/1000)

this.endTime = calss1_end;

this.startTime = calss1_start;

console.log(this.endTime,this.startTime)

if(this.currentTime >= calss1_start2){

console.log(this.currentTime)

this.go_study = true;

}

this.begin();

// var timestamp = Math.round(new Date(‘2019-11-29 16:00:00’).getTime()/1000); //获取指定时间的时间戳/1000 是要舍弃后面三位数

// var timestamp2 = Math.round(new Date().getTime()/1000); //获取当前的时间戳

// var timestamp3 = Math.round(new Date(new Date().toLocaleDateString()).getTime()/1000) //当天零点

// let startTime = Math.round(new Date(new Date(new Date().getTime()-246060*1000).setHours(0,0,0,0))/1000);// 前一天0点

// let endTime = Math.round(new Date(new Date(new Date().getTime()-246060*1000).setHours(23,59,59,999))/1000) //当天零点

},

methods: {

begin(){

let timeLag = parseInt(this.endTime) - parseInt(this.startTime);

let add0 = num => {

return num < 10 ? “0” + num : num;

};

let timeFunction = () => {

// time为两个时间戳之间相差的秒数

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

最后

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。

,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。

  • 19
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的微信公众号前端用户管理系统的Vue实现。 首先,我们需要创建一个Vue实例,并引入必要的库: ```javascript import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) new Vue({ el: '#app', render: h => h(App) }) ``` 然后,我们需要在App.vue中实现用户管理页面的布局和逻辑: ```vue <template> <div class="user-management"> <el-table :data="users" stripe> <el-table-column prop="nickname" label="昵称"></el-table-column> <el-table-column prop="sex" label="性别"></el-table-column> <el-table-column prop="city" label="城市"></el-table-column> <el-table-column prop="subscribe_time" label="关注时间"></el-table-column> </el-table> </div> </template> <script> export default { name: 'App', data () { return { users: [] } }, created () { // 在这里调用后端API获取用户列表 this.users = [ {nickname: '张三', sex: '男', city: '北京', subscribe_time: '2021-01-01'}, {nickname: '李四', sex: '女', city: '上海', subscribe_time: '2021-01-02'}, {nickname: '王五', sex: '男', city: '广州', subscribe_time: '2021-01-03'} ] } } </script> ``` 这里我们使用了ElementUI的Table组件来展示用户列表,并在created生命周期中调用后端API获取用户列表数据。 最后,我们需要在HTML中添加一个id为app的div,并引入打包后的js文件: ```html <div id="app"></div> <script src="dist/main.js"></script> ``` 这样就完成了一个简单的微信公众号前端用户管理系统的Vue实现。当然,这只是一个示例,实际开发中需要根据具体的需求进行更加完善的实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值