原创 不同瀏覽器加載JS不同解決方案——defer
最近在工作中遇到了一個奇怪的問題，在web文本前端加載js文件，在Chrome和Firefox瀏覽器中運行正常，但在IE瀏覽器中運行無法顯示效果。採用多種辦法，最後發現IE和Firefox瀏覽器兼容性互斥，於是採用了再JS文件中先辨別瀏覽
2020-06-30 17:35:07
1
原创 jQuery學習筆記（一）---
最近開始做動態網頁前臺的開發，要對前臺javascript進行操作，所以在此對jQuery、Javascript、AngulaJS進行學習，此時開始對jQuery的學習進行總結。 DOM（Document Object Model，文本對
2020-06-30 17:34:52
原创 Angular JS開發指南--（一）
初學Angular JS不知所措，開始整理一下基本知識，由基本出發，一點點整理。 在<html>標籤裏，用ng-app標識符標明這是一個AngularJS應用。ng-app標識符使用Angular JS自動初始化應
2020-06-30 17:34:52
原创 HTML與Javascript在瀏覽器中的加載順序
之前在做項目的時候遇到在不同瀏覽器中運行Javascript腳本出現不同結果的問題。雖然最後解決了（解決方法請參照之前的文章），但對瀏覽器中如何對HTML和Javascript進行加載還是一知半解，在此進行相關總結。 HTML是按照從上到
2020-06-30 17:34:52
2
原创 Angular JS開發指南--（二）
指令：當關聯的HTML結構進入編譯階段時應該執行的操作。指令可以寫在元素的名稱裏、屬性裏、CSS類名裏、註釋裏。指令本質上只是一個當編譯器編譯到相關DOM時需要執行的函數。 其中在AngulaJS中一般通過ng-model指令給控件綁定事
2020-06-30 17:34:52
原创 HTML5 script元素async、defer異步加載使用介紹
HTML5 script元素async、defer異步加載使用介紹 對於HTML5感到興奮不已的原因之一是它實現了衆多業界期待已久的特性。我們一直需要輸入框顯示空白提示，但都是用JavaScript來實現的。我們也想要整個塊都變成可被點
2020-02-23 01:17:32
原创 Angular JS開發指南--（三）
AngulaJS命名空間：爲方式意外的明明衝突，AngulaJS爲可能衝突的命名對象名加以前綴“$”，所以不要在自己的代碼裏用"$"做前綴，以免和AngulaJS代碼發生衝突。 指令： 1、從HTML中調用指令。 指令遵循駝峯式命名，
2020-02-23 01:17:32
原创 HTML 5 defer 屬性
http://www.jb51.net/w3school/html5/att_script_defer.htm HTML 5 <script> 標籤 實例 頁面已加載後纔會運行腳本： <script type="text/java
2020-02-23 01:17:32
原创 Angular JS解析（二）——解析一個APP
1、加載script文件 在使用Angular時需要對相應的庫函數進行加載。Angular JS的加載方式和其他Javascript庫文件的加載方式相同，可以通過Google的CDN（content delivery network）來進
2020-02-23 01:17:32
原创 Javascript 異步加載詳解(瀏覽器在javascript的加載方式)
一、同步加載與異步加載的形式 1. 同步加載 我們平時最常使用的就是這種同步加載形式： <script src="http://yourdomain.com/script.js"></script> 同步模式，又稱阻塞模式，會阻止瀏覽器的
2020-02-23 01:17:32
原创 動態加載js文件
在不同的情況下，需要對Javascript文件進行加載，尤其是對同一個文件在不同瀏覽器中運行時所需要做的處理，例如IE9、Firefox等，對Javascript文件的加載需要做不同的處理，此處將網上搜來的一些加載方式進行借鑑： 1）直接
2020-02-23 01:17:32
原创 Javascript的預編譯和執行順序
在Javascript中，function纔是Javascript的第一型。關於Javascript的預編譯和執行順序關係如下所示： 如下面一段代碼： <scripttype="text/javascript"> func
2020-02-23 01:17:32
原创 jQuery學習筆記（三）--jQuery選擇器2
4）內容過濾選擇器 內容過濾選擇器根據元素中的文字內容或所包含的子元素特徵獲取元素，其文字內容可以模糊或絕對匹配進行元素定位，其詳細說明如下表所示： 內容過濾選擇器語法 選擇器 功能 返回值 ：contains(text) 獲取包含給定
2020-02-23 01:17:32
原创 瞭解html頁面的渲染過程以備學習前端的性能優化
昨天晚上寫了一篇關於瀏覽器的渲染過程的隨筆，但只是通過一小段代碼解釋了一下，並沒有通過瀏覽器測試，說服力不夠，而且還有很多不完善的地方，今天在瀏覽器中測試了一下，並把測試的結果分享給大家，測試過程可能有點亂，希望大家理解。 測試瀏覽器
2020-02-23 01:17:32
原创 在JS中判斷瀏覽器的類型
在前臺開發的過程中，因爲瀏覽器的不同其中的操作也是不同，尤其是Javascript腳本的加載過程 。往往IE和Firefox兩者相對，其中一方滿足條件，而另一方則不滿足，此時則需要在前臺頁面加載Javascript腳本時對瀏覽器的類型進行
2020-02-23 01:17:32