m_Orchestrate learning system---二十7、修改時如何快速找到做用位置

m_Orchestrate learning system---二十7、修改時如何快速找到做用位置

1、總結

一句話總結：找人，找起做用的位置真的重要，找到就事半功倍了

加載頁面的時候觀察在f12的element裏面觀察是哪部分在起做用，就能夠找到那部分，

而後就很方便修改了

好比說mo首頁的preload加載效果：

<!-- Preloader section --> <!--<div class="preloader">--> <!-- <div class="sk-spinner sk-spinner-pulse"></div>--> <!--</div>-->

在頁面沒進入正文部分的時候發現它一直在閃紅，就知道他在起做用咯，

而後註釋掉這部分，就沒有了preload加載的效果了

 

一、刪除在查找以前，因此會形成查找不到的錯誤？

$res=db('article')->delete($a_id);

$u_id=db('article')->field('a_authorid')->find($a_id)['a_authorid'];

 

二、如何解決沒有縮略圖顯示混亂的問題？

用戶沒有縮略圖的，本身放張暫無縮略圖的圖片上去

 

三、phpstudy配置的時候如何讓網站關聯ip？

直接在VirtualHost 中填上域名就行了

<VirtualHost 172.17.8.136>
DocumentRoot "D:\software\code\phpStudy2018\PHPTutorial\WWW\github\m_Orchestrate\m_Orchestrate\public"
ServerName 172.17.8.136
  <Directory "D:\software\code\phpStudy2018\PHPTutorial\WWW\github\m_Orchestrate\m_Orchestrate\public">
    Options +Indexes +FollowSymLinks +ExecCGI
    AllowOverride All
    Order allow,deny
    Allow from all
    Require all granted
  </Directory>
</VirtualHost>

 

 

四、如何找到頁面起做用的部分，好比mo首頁的加載好久的那個特效？

加載頁面的時候觀察在f12的element裏面觀察是哪部分在起做用，就能夠找到那部分，

而後就很方便修改了

好比說mo首頁的preload加載效果：

<!-- Preloader section -->
<!--<div class="preloader">-->
<!--    <div class="sk-spinner sk-spinner-pulse"></div>-->
<!--</div>-->

在頁面沒進入正文部分的時候發現它一直在閃紅，就知道他在起做用咯，

而後註釋掉這部分，就沒有了preload加載的效果了

 

五、瀑布流加載的時候格式混亂的緣由（加載以後刷新就行了）？

這就是爲何js函數不少都寫在ready函數裏面

也就是jquery中簡化的$();裏面

問題的本質仍是由於缺乏依賴文件

這是由於瀑布流那個js比較小，雖然放在後面，可是加載比較快

最主要仍是執行瀑布流的代碼，直接運行到這裏就執行了，而其它的好比jquery.js都還沒加載完

因此設置一個timeout就行了，讓這段函數2秒後再執行

 1 <!--瀑布流-->
 2 <script>
 3     function fry_masonry(){
 4         var container = document.querySelector('#masonry_container');
 5         var msnry = new Masonry( container, {
 6             itemSelector: '.masonry_item',
 7             columnWidth: 0
 8         });
 9     }
10     $(function () {
11         setTimeout(fry_masonry,2000);
12         //fry_masonry();
13     });
14 </script>
15 <!--END 瀑布流-->

 

哪些css加載的是真的慢，最後才加載

 

 

六、加載後在刷新和直接加載的區別是什麼（加載頁面樣式顯示不正常，刷新就正常了）？

這是由於加載的時候執行到代碼的位置依賴的文件還沒加載完，因此會出現樣式錯亂，

再次刷新的時候其實已經有了以前加載的文件，因此不會出現樣式錯亂，因此表現爲刷新就行了

 

七、在響應式的元素中加上瀑布流，columnWidth設置爲多少？

其實設置爲0比較合適，由於響應式裏面已經自動設置好了每列之間的寬度了，若是不設置爲0，效果會很是很差

<!--瀑布流-->
<script>
    function fry_masonry(){
        var container = document.querySelector('#masonry_container');
        var msnry = new Masonry( container, {
            itemSelector: '.masonry_item',
            columnWidth: 0
        });
    }
    $(function () {
        setTimeout(fry_masonry,100);
        //fry_masonry();
    });
</script>
<!--END 瀑布流-->

 

 

八、 FontAwesome 在繪製圖示的時候不一樣圖示寬度有差異，如何解決？

FontAwesome 在繪製圖示的時候不一樣圖示寬度有差異， 添加 .am-icon-fw 將圖示設置為固定的寬度，解決寬度不一致問題（v2.3 新增）。

 

九、給隱藏元素設置的動畫會執行麼？

注意：Chrome 和 Firefox 下， display: inline-block; 或 display: block; 的元素才會應用旋轉動畫。

 

十、高德地圖確定是支持多語言的啊？

多去看參考文檔，一回生，兩回就熟了

建立地圖經常使用參數
創造Map類實例時，可經過傳入地圖初始化參數來設置地圖的初始狀態。

JavaScript
var map = new AMap.Map('container',{
    zoom: 10,  //設置地圖顯示的縮放級別
    center: [116.397428, 39.90923],//設置地圖中心點座標
    layers: [new AMap.TileLayer.Satellite()],  //設置圖層,可設置成包含一個或多個圖層的數組
    mapStyle: 'amap://styles/whitesmoke',  //設置地圖的顯示樣式
    viewMode: '2D',  //設置地圖模式
    lang:'zh_cn', //設置地圖語言類型
});

 

 

 

2、內容在總結中