legend2---开发日志5(如何解决插件的延迟问题,比如vue)

legend2---开发日志5(如何解决插件的延迟问题,比如vue)

一、总结

一句话总结:元素可以先设置为隐藏,这样就不会让用户看到延迟的问题,然后等加载完再显示,

元素先设置为隐藏 加载完再显示

 

 

1、thinkphp解决各种方式(post传值,链接传值,get传值)传值统一的简单方式?

读取主要 特判补充

读取最主要的哪一种,然后进行特判补充,从而方便下面的统一编码

1 $dataIn=input('get.');
2 
3 //步骤一:因为也用a标签传值过来,所以dataIn可能取不到这部分值
4 if(input('xiulian_type')!=null&&!isset($dataIn['xiulian_type'])) $dataIn['xiulian_type']=input('xiulian_type');
5 if(input('blog_recommend')!=null&&!isset($dataIn['blog_recommend'])) $dataIn['blog_recommend']=input('blog_recommend');
6 if(input('finished_question')!=null&&!isset($dataIn['finished_question'])) $dataIn['finished_question']=input('finished_question');

 

 

 

2、php变量转js变量时候的注意事项是什么?

字符串变量加引号 打印变量

如果是字符串变量必须加引号表示是字符串,而且最好打印变量,防止错误

question_space_type="{$question_list['info']['question_space_type']}";

 

 

3、php传值给js变量比较好的策略是什么?

用json 传过去的数据做全局变量

用json,整数组传,而且这些变量有时候传成全局变量比较方便,分开写的好处是可加注释,如下

 1         //===========题目列表信息全局变量
 2         //做题目对应的url
 3         url="{:url('index/blog.do_question/index')}";
 4         //显示的题目的编号
 5         showQuestionNum={$question_list['info']['now_question_num']};
 6         //题目总数
 7         totalQuestionNum={$question_list['info']['question_num']};
 8         //博客题目类型-question_space_type(推荐,全库,一日,多日,收藏)
 9         question_space_type="{$question_list['info']['question_space_type']}";
10         //修炼类别-xiulian_type(灵气,心境,功法,炼丹,炼器,炼符,阵法,傀儡,种植,育兽,占卜)
11         xiulian_type={$question_list['info']['xiulian_type']};
12         //博客题目顺序方式-question_order_type(推荐,顺序,随机,作对最少)也是博客题目类型对应的值,因为键值对可以一次传两个值
13         question_order_type={$question_list['info']['question_order_type']};
14         //博客对应的日期-question_date
15         question_date="{$question_list['info']['question_date']}";
16         //英雄的id-hero_id-当为英雄修炼而不是宗门修炼的时候,为0表示是宗门修炼
17         hero_id="{$question_list['info']['hero_id']}";

 

 

4、页面端的函数是否有存在的意义?

没有 其实完全可以被替代 处理好数据后再传页面

页面上的php函数肯定是可以用模型中的php函数代替,也就是处理好了数据再传到页面,让页面无需做php的处理

 

5、写注释的好的方式?

[变量]-变量或者核心部分用显眼的中括号括起来 分步骤写-用显眼的中文

变量用中括号括起来,步骤用汉字步骤表示

1 //步骤五:根据【修炼类型的经验值数值】和【当前等级经验值上限】获取【经验值的百分比】

 

 

6、网页版应用如何减少服务器负载?

计算任务扔给客户端 核心计算仍然要在服务器上

计算任务可以都扔给客户端,服务器没必要做复杂的计算,可以只负责传入传出数据就好

 

7、html中用内联的display: none;会出现标签延迟加载的情况么,用js控制的显示隐藏会出现延迟么

内联的不会 js控制的会

用js出现延迟加载的情况是因为要加载完html才运行js,所以会有延迟,而内联标签和html的加载应该是同时,所以不会,

 

8、thinkphp框架配合vue无延迟加载的策略是什么?

thinkphp改变display属性 vue通过v-show改变display属性 display属性做中介 加载完再显示

thinkphp改变display属性,vue通过v-show来控制的display是否为none,而且可以选择加载完再显示,这样效果好很多

1 <div style="color: red;{if condition='$vo.bq_collected<=0'}display: none;{/if}">
2     <i class="fa fa-fw fa-heart"></i>
3 </div>
4 <div style="{if condition='$vo.bq_collected>0'}display: none;{/if}">
5     <i class="fa fa-fw fa-heart-o"></i>
6 </div>

 

 

9、如何解决vue的延迟问题,不让用户看到这种延迟(比如底部经验条)?

元素先设置为隐藏 加载完再显示

元素可以先设置为隐藏,这样就不会让用户看到延迟的问题,然后等加载完再显示,

 

10、如何让标签加载完再显示(比如当加载文件多时去掉vue的延迟显示效果)?

先display:none  放在$()中 .show设置为显示

先设置display:none; 再在加载完成函数中$()添加让标签显示的class,比如bootstrap的.show

<!--底部经验固定条-->
<div style="position: fixed;bottom: 0;width: 100%;font-size: 10px;display: none;" id="bottom_exp_bar">
    $(function () {$('#bottom_exp_bar').addClass('show');});

 

 

 

 

二、内容在总结中

1、相关知识

 

2、代码

 

 

转载于:https://www.cnblogs.com/Renyi-Fan/p/10657540.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/569544.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java中ArrayList用法详解,基本用法(含增删改查)

1、什么是ArrayList ArrayList就是 动态数组&#xff0c;它提供了①动态的增加和减少元素 ②实现了ICollection和IList接口 ③灵活的设置数组的大小 ArrayList是一个其容量能够动态增长的动态数组。它继承了AbstractList&#xff0c;实现了List、RandomAccess, Cloneable, java…

性能测试学习05_lr(根据接口文档写脚本+参数化)

1、根据接口文档写脚本&#xff0c;函数&#xff08;web_custom_request&#xff09;&#xff0c;完成get&#xff0c;post请求&#xff08;注册&#xff0c;登录&#xff09; 代码&#xff1a; Action() {lr_save_string("请填写你的IP", "IP");//注册/*w…

java中Collections常用方法总结(包括sort,copy,reverse等)

1、sort(Collection)方法的使用(含义&#xff1a;对集合进行排序)。 例&#xff1a;对已知集合c进行排序public class Practice {public static void main(String[] args){List c new ArrayList();c.add("l");c.add("o");c.add("v");c.add(&quo…

蓝桥杯 java基础练习 回形取数

问题描述回形取数就是沿矩阵的边取数&#xff0c;若当前方向上无数可取或已经取过&#xff0c;则左转90度。一开始位于矩阵左上角&#xff0c;方向向下。输入格式输入第一行是两个不超过200的正整数m, n&#xff0c;表示矩阵的行和列。接下来m行每行n个整数&#xff0c;表示这个…

golang中的接口实现(二)

指针类型 vs 值类型实现接口 package mainimport ("fmt" )// 定义接口 type Describer interface {Describe() }// 定义一个类 type Person struct {name stringage int }// 值类型的Person 实现了 Describe 方法 func (p Person) Describe() {fmt.Printf("%s …

java 中break如何跳出多层循环(包含二层循环)

问题&#xff1a;break只能跳出一层循环&#xff0c;如下&#xff1a; while(true){ for (int i 1; i < s; i) {t2;s2 v2;if (s2 > l) {System.out.println("T" "\n" t2);break; //if不算在内&#xff0c;该break只能跳出for循环&#xff0c;而不…

gulp通过http-proxy-middleware开启反向代理,实现跨域

原理同nginx开启代理&#xff0c;只不过写法不同&#xff0c;所以直接上代码&#xff1a; 1、gulpfile.js配置代理服务器 gulp.task("domain3",function(){webServer.server({root:"./crossDomainC",port: 8082,livereload: true,middleware:function(conn…

java蓝桥杯 基础练习 芯片测试

问题描述有n&#xff08;2≤n≤20&#xff09;块芯片&#xff0c;有好有坏&#xff0c;已知好芯片比坏芯片多。每个芯片都能用来测试其他芯片。用好芯片测试其他芯片时&#xff0c;能正确给出被测试芯片是好还是坏。而用坏芯片测试其他芯片时&#xff0c;会随机给出好或是坏的测…

java 蓝桥杯 基础练习 FJ的字符串

问题描述FJ在沙盘上写了这样一些字符串&#xff1a;A1 “A”A2 “ABA”A3 “ABACABA”A4 “ABACABADABACABA”… …你能找出其中的规律并写所有的数列AN吗&#xff1f;输入格式仅有一个数&#xff1a;N ≤ 26。输出格式请输出相应的字符串AN&#xff0c;以一个换行符结束。…

os模块操作文件

os模块&#xff1a; pathos.path.join(os.path.dirname(os.path.dirname(__file__)),images) path:运行脚本的当前文件下的上一个文件的地址images os.path.dirname(__file__) 脚本是以完整路径被运行的&#xff0c; 那么将输出该脚本所在的完整路径&#xff0c;比如&#xff1…

java 蓝桥杯 基础练习 Sine之舞

问题描述最近FJ为他的奶牛们开设了数学分析课&#xff0c;FJ知道若要学好这门课&#xff0c;必须有一个好的三角函数基本功。所以他准备和奶牛们做一个“Sine之舞”的游戏&#xff0c;寓教于乐&#xff0c;提高奶牛们的计算能力。不妨设Ansin(1–sin(2sin(3–sin(4...sin(n))..…

Nginx 快速搭建HTTP 文件服务器

一&#xff1a;安装直接可以apt......二&#xff1a;配置文件位于&#xff1a;/etc/nginx/nginx.conf 可以修改处理器数量、日志路径、pid文件等&#xff0c;默认的日志位于/var/log/nginx/.....在nginx.conf文件的末尾有一句&#xff1a;inxclude /etc/nginx/conf.d/*.conf;…

java 历届试题 合根植物

问题描述w星球的一个种植园&#xff0c;被分成 m * n 个小格子&#xff08;东西方向m行&#xff0c;南北方向n列&#xff09;。每个格子里种了一株合根植物。这种植物有个特点&#xff0c;它的根可能会沿着南北或东西方向伸展&#xff0c;从而与另一个格子的植物合成为一体。如…

U66785 行列式求值

二更&#xff1a;把更多的行列式有关内容加了进来&#xff08;%%%%%Jelly Goat奆佬&#xff09; 题目描述 给你一个N(n≤10n\leq 10n≤10)阶行列式&#xff0c;请计算出它的值 输入输出格式 输入格式&#xff1a; 第一行有一个整数n 在以下n行中&#xff0c;每行有n个整数&…

(软件工程)用例说明模板

在画完用例图后&#xff0c;往往需要为图中的用例写用例说明&#xff0c;使得这些用例更加的清楚&#xff0c;流程更加完整 其中一种用例说明的模板如下&#xff1a; 用例编号&#xff1a;用例名称&#xff1a;&#xff08;跟用例图一致&#xff09;执行者&#xff1a;用例说明…

蓝桥杯(java)基础练习 龟兔赛跑

问题描述话说这个世界上有各种各样的兔子和乌龟&#xff0c;但是研究发现&#xff0c;所有的兔子和乌龟都有一个共同的特点——喜欢赛跑。于是世界上各个角落都不断在发生着乌龟和兔子的比赛&#xff0c;小华对此很感兴趣&#xff0c;于是决定研究不同兔子和乌龟的赛跑。他发现…

$.ajax的标准写法

var baseurl "http://" //后台的url $.ajax({ url:baseurl"后台的接口", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步&#xff0c;默认为异步&#xff0c;这也是ajax重要特性 data:{ //这里是…

(软件项目管理)项目会议纪要模板

备注&#xff1a; 七: 1、报送&#xff1a;把整理好的会议的内容报给上级的相关部门。2、主送&#xff1a;把整理好的会议的内容发放给下级相关部门。3、抄送&#xff1a;把整理好的会议的内容送给相关的同级单位或不相隶属的单位。

(软件测试)代码覆盖(语句覆盖,分支覆盖,条件覆盖,条件组合覆盖,路径覆盖)

一、概念 语句覆盖/代码行覆盖&#xff1a;目标☞保证程序中每一条语句最少执行一次&#xff0c;其覆盖标准无法发现判定中逻辑运算的错误&#xff1b; 判定覆盖/分支覆盖&#xff1a;是指选择足够的测试用例&#xff0c;使得运行这些测试用例时&#xff0c;每个判定的所有可能…

js 字符串,数组扩展

console.log(Array.prototype.sort)//ƒ substring() { [native code] }console.log(String.prototype.substring)//字符串扩展String.prototype.addstring function(){return this字符串扩展}console.log(ff.addstring())//ff字符串扩展转载于:https://www.cnblogs.com/whlBo…