legend2---开发日志9(vue常见无法自动更新改变的原因是什么)
legend2---开发日志9(vue常见无法自动更新改变的原因是什么)
一、总结
一句话总结:没找到变量,比如在computed属性中vue的变量没加this
没找到变量
1、函数中var bottom_exp_bar_vm = new Vue()这句代码中js中找不到bottom_exp_bar_vm 的原因是什么?
函数中带var的变量是局部变量
局部变量函数外找不到
函数中带var的变量是局部变量,函数外肯定找不到
2、觉得工作量很多怎么解决(比如妖族的图片)?
编号
可以编号即可,这样能够很清晰的知道流程,还有完成进度和成就感
3、vue如何自动读秒(比如免费招募时间的自动更新)?
computed属性配合setInterval()
让表示js当前时间戳的变量自动变化
computed属性配合setInterval() 让表示js当前时间戳的变量自动变化
<script>
$(function () {
//控制【弹出奖励的】的vue代码
main_content = new Vue({
el: '#main_content',
data: {
heroes: window.heroes,
school_time: window.school_time,
template_hero_collections: window.template_hero_collections,
js_ts:new Date().getTime(),
},
computed: {
// 投奔英雄的【免费刷新】时间计算
st_recruit_touben_time: function () {
// `this` 指向 vm 实例
var time1=0;
var php_ts=school_time.st_recruit_touben;
if(((php_ts+1)*1000-this.js_ts)>=0) time1=(php_ts+1)*1000-this.js_ts;
return get_hms(time1);
},
// 低级招募英雄的【免费一次】时间计算
st_recruit_low_time: function () {
// `this` 指向 vm 实例
var time1=0;
var php_ts=school_time.st_recruit_low;
if(((php_ts+1)*1000-this.js_ts)>=0) time1=(php_ts+1)*1000-this.js_ts;
return get_hms(time1);
},
// 高级招募英雄的【免费一次】时间计算
st_recruit_high_time: function () {
// `this` 指向 vm 实例
var time1=0;
var php_ts=school_time.st_recruit_high;
if(((php_ts+1)*1000-this.js_ts)>=0) time1=(php_ts+1)*1000-this.js_ts;
return get_hms(time1);
},
}
});
//刷新js_ts
setInterval(function () {
main_content.js_ts=new Date().getTime();
},1000);
console.log(main_content.school_time);
console.log(parseInt((new Date()).getTime()/1000));
$('#main_content').show(); });
</script>
4、vue对于v-if中的内容会自动刷新么,比如招募时免费按钮的显示?
对于v-if中的会自动刷新
对于v-if中的会自动刷新,computed属性里面想自动刷新的话加一个setInterval即可,保证computed里面的vue变量加this
<a v-if="school_time.st_recruit_high>parseInt((new Date()).getTime()/1000+1)" onclick="recruit_hero(2,1)" class="btn btn-primary btn-xs recruit_hero">招募一次</a>
5、宗门时间表、宗门灵石表等表怎么处理节约数据库操作时间(从缓存方面思考)?
在base控制器中把对应表的id放进session
其实可以把宗门对应的时间表,灵石表的id都读到基础控制器base里面,也就是把对应的id放进session里面,这样每次找的时候可以直接从找id来从查找数据,而不用其它比如宗门id这样的条件
6、vue的computed的getter和setter方法的作用是什么?
getter是别人发生改变自己跟着变
setter是自己发生改变也让别人跟着变
7、vue计算属性变量书写需要注意什么?
computed中的vue中的变量一定要带this
computed中的vue中的变量一定要带this,这时候this表示vue,不然可能找不到
8、vue计算属性computed触发条件的依赖变量最好怎么写(data的属性改变,但是是根据data的属性做的computed,想要保住computed更新,最好怎么做)?
计算属性中依赖的vue变量最好是后面改变要更新的
计算属性中依赖的vue变量最好是后面改变要更新的,比如计算属性中依赖的是data,那么更新就更新data,同理如果是data的某个属性
9、函数的传入参数名怎么写才好?
写的见名知意
写的见名知意,这样就不用看参数注释了
10、服务器给ajax返回是否成功用什么好(用数字好还是用true,false好)?
用数字好 不同的success_num表示不同成功或者失败的原因
用success_num,不同的success_num表示不同成功或者失败的原因
二、内容在总结中
1、相关知识
2、代码
legend2---开发日志9(vue常见无法自动更新改变的原因是什么)的更多相关文章
- CMDB资产管理系统开发【day26】:实现资产自动更新
1.需求分析 1.比对分析 比对的时候以那个数据源为主? old [1,2,3 ] db数据库 new [2,3,4 ] 客户端汇报过来的 当然以客户端汇报过来的数据为主 2.更新分析 不同的表到底拿 ...
- Cordova webapp实战开发:(5)如何写一个Andorid下自动更新的插件?
在 <Cordova webapp实战开发:(4)Android环境搭建>中我们搭建好了开发环境,也给大家布置了调用插件的预习作业,做得如何了呢?今天我们来学一下如何自己从头建立一个And ...
- SVN----------项目服务器上的svn客户端自动更新设置。
1.局域网服务器上搭建了PHP项目运行的环境,然后怎么样讲根目录拉去到的项目可以随着开发人员提交的代码,自动更新成最新的代码. 2.首先将svn版本库上的代码拉取到www目录下或者你的根目录. 3.然 ...
- android使用友盟第三方自动更新/手动更新
最近项目用到自动更新,发现一个方便快捷的第三方组件非常好用,只需要几行代码搞定,非常适合新手使用.分享给大家一起学习. 本文档帮助您以最快速最简洁的方式集成使用自动更新组件. 一.申请友盟开发者账号创 ...
- vue常见开发问题整理
1.(webpack)vue-cli构建的项目如何设置每个页面的title 在路由里每个都添加一个meta [{ path:'/login', meta: { title: '登录页面' }, com ...
- python 全栈开发,Day91(Vue实例的生命周期,组件间通信之中央事件总线bus,Vue Router,vue-cli 工具)
昨日内容回顾 0. 组件注意事项!!! data属性必须是一个函数! 1. 注册全局组件 Vue.component('组件名',{ template: `` }) var app = new Vue ...
- U-Learning 后端开发日志(建设中...)
目录 U-Learning--基于泛在学习的教学系统 项目背景 技术栈 框架 中间件 插件 里程碑 CentOS 7搭建JAVA开发环境 接口参数校验(不使用hibernate-validator,规 ...
- Android开发面试经——6.常见面试官提问Android题②(更新中...)
版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http://blog.csdn.net/fi ...
- Android开发面试经——5.常见面试官提问Android题①
版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客: http://blog.csdn.net/f ...
随机推荐
- bzoj 4044 Virus synthesis - 回文自动机 - 动态规划
题目传送门 需要高级权限的传送门 题目大意 要求用两种操作拼出一个长度为$n$的只包含'A','T','G','C'的字符串 在当前字符串头或字符串结尾添加一个字符 将当前字符串复制,将复制的串翻转, ...
- 【linux下多实例Tomcat+Nginx+redis+mysql环境搭建】
一.搭建环境之前最好自己先创建一个文件夹,再次文件夹下在创建文件夹来安放项目包和Tomcat等应用以及性能测试监控的文件 1.项目存放地址: mkdir export (创建一个文件),mkdir a ...
- Win10子系统Ubuntu安装llvm+clang
https://apt.llvm.org/ 首先 然后 再然后修改/etc/apt/sources.list,添加下面的东西 然后 参考: https://blog.kowalczyk.info/ar ...
- 黄金连分数|2013年蓝桥杯B组题解析第四题-fishers
黄金连分数 黄金分割数0.61803... 是个无理数,这个常数十分重要,在许多工程问题中会出现.有时需要把这个数字求得很精确. 对于某些精密工程,常数的精度很重要.也许你听说过哈勃太空望远镜,它首次 ...
- ActiveMQ安装使用
入门: https://www.cnblogs.com/cyfonly/p/6380860.html http://www.uml.org.cn/zjjs/201802111.asp https:// ...
- 【基本知识】Flume基本环境搭建以及原理
系统:CentOS6.5JDK:1.8.0_144Flume:flume-ng-1.6.0-cdh5.12.0 一.什么是Flume flume 作为 cloudera 开发的实时日志收集系统,受到了 ...
- hihoCoder week10 后序遍历
题目链接 https://hihocoder.com/contest/hiho10/problem/1 给出先序 中序 求 后序 #include <bits/stdc++.h> usi ...
- P3232 [HNOI2013]游走
吐槽 傻了傻了,对着题解改了好长时间最后发现是自己忘了调用高斯消元了... 思路 期望题,分配编号,显然编号大的分给贡献次数小的,所以需要知道每个边被经过次数的期望 然后边被经过的次数的期望就是连接的 ...
- promise对象的使用
ES6中的promise的出现给我们很好的解决了回调地狱的问题,在使用ES5的时候,在多层嵌套回调时,写完的代码层次过多,很难进行维护和二次开发,ES6认识到了这点问题, 现在promise的使用,完 ...
- MongoDB集群配置笔记一
MongoDB 的部署方案有单机部署.复本集(主备)部署.分片部署.复本集与分片混合部署.混合的部署方式如图: 分片集群的构造 (1)mongos :数据路由,和客户端打交道的模块.mongos本身没 ...