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

總結

以上是生活随笔為你收集整理的legend2---开发日志5（如何解决插件的延迟问题，比如vue）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。