原创 SVG基本使用（一）
一、SVG概念 1.什麼是SVG? SVG英文全稱爲Scalable Vector Graphics，意思爲可縮放的矢量圖 2.位圖和矢量圖 在計算機中有兩種圖形, 一種是位圖, 一種是矢量圖 2.1 位圖: 傳統的 j
2019-08-28 19:43:11
原创 Canvas基本使用1
1.什麼是Canvas Canvas是H5新增的一個標籤，我們可以通過JS在這個標籤上繪製各種圖案 Canvas擁有多種繪製路徑、矩形、圓形、字符以及圖片的方法 2.繪製基本步驟 2.1.在body中創建一個canvas標籤
2019-07-30 19:53:34
原创 promise對象基本使用。——使用同步流程表示異步操作
0.爲什麼要介紹promise 因爲js是串行，單線程語言。是同步流程，代碼只能順序執行。（詳見：簡述進程、線程、串行、並行基本概念，便於快速理解） 企業開發中爲了保存異步代碼的執行順序, 那麼就會出現回調函數層層嵌套 如果回調
2019-06-24 19:18:38
1
原创 簡述進程、線程、串行、並行基本概念，便於快速理解
1.靜態數據、動態數據 靜態數據： 靜態數據是指一些永久性的數據，一般存儲在硬盤中。 計算機關閉之後再開啓，這些數據依舊還在，只要你不主動刪掉或者硬盤沒壞，這些數據永遠都在 靜態數據一般是以文件的形式存儲在硬盤上，比如文檔、照片
2019-06-24 19:18:38
2
原创 JSONP解決跨域問題
同源策略、跨域概念：詳見博文同源策略、跨域 1.什麼是JSONP? JSONP讓網頁從別的地址（跨域的地址）那獲取資料，即跨域讀取數據。本質上就是script標籤 2.JSONP實現跨域訪問的原理 2.1、在同一界面中可以定義多個
2019-06-21 19:44:29
3
原创 同源策略、跨域
訪問資源時遇到問題，報錯：No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 原因：訪問的資源不是同源的。 1.什麼是同源策略
2019-06-21 19:44:29
原创 jQuery基礎原理及案例
一、初識jquery 1.1、初識jQuery 1.jQuery是什麼？ jQuery是一款優秀的JavaScript庫，從命名可以看出jQuery最主要的用途是用來做查詢（jQuery=j（javascript）+Query）.
2019-06-15 20:05:15
原创 javaScript同PHP基礎語法對比（快速掌握php基礎語法）
寫這篇文章是爲了剛入門前端的童鞋快速瞭解一門後端語言，選擇php是因爲php的大部分語法同js很相似，可以快速掌握。 本人使用php是爲了快速實驗ajax的一些基本原理。 1.php基本格式 <?php 所有php代碼都必須寫
2019-06-15 20:05:15
原创 真僞數組的轉化及apply/call/slice方法
此篇文章前半部分都在介紹真僞數組轉換的涉及的相關js方法，原理。 想要直接看真僞數組轉化的具體方法可以直接看文章的最後一節“總結真僞數組的轉換”。 注意：文章內所有的arr均爲真數組的命名，obj及res爲僞數組的命名。 補充th
2019-06-13 05:00:50
原创 頁面不斷滾動，無法查看底部樣式
頁面滾動產生新的內容原因： 頁面滾動時訪問服務器，加載新的數據。 解決無法查看底部樣式問題方法： 斷開網絡連接 斷開網絡連接方法： 使用google控制檯：network->No thrott
2019-06-10 21:51:13
原创 JavaScript網頁滾動距離
不同瀏覽器獲取網頁滾動距離的方法不同 瀏覽器在渲染網頁的時候有兩種模式：“標準模式（CSS1Compat）”、“混雜模式/怪異模式（BackCompat）” 默認情況下都是以標準模式來渲染的， 如果網頁沒有書寫文檔聲明就會按照”
2019-06-10 21:51:13
原创 less使用方法
1、less可以在node.js環境下運行 2、less可以在瀏覽器中直接運行 2.1、瀏覽器中運行方式一 步驟： （1）編寫less文件 （2）引入less文件 （3）引入less.js下載地址 （4）運行 //引用文件 <
2019-06-10 21:51:13
原创 SASS基本概念
1.SASS開篇 1.什麼是SASS(Syntactically Awesome Stylesheets Sass)? SASS是一套利用Ruby實現的, 最早最成熟的CSS預處理器, 誕生於2007年. 它擴展了 CSS 語言，增加了變
2019-06-10 21:51:13
原创 Javascript語法精講——BOM
1.JavaScript-BOM開篇 1.什麼是BOM? DOM就是一套操作HTML標籤的API(接口/方法/屬性) BOM就是一套操作瀏覽器的API(接口/方法/屬性) 2.BOM中常見的對象 window: 代表整個瀏覽器窗口 注
2019-06-10 21:51:13
原创 JavaScript獲取網頁的寬高
獲取網頁可視區域的寬高，分不同情況下共計三種方式： 可視區域：當前瀏覽器窗口可見的部分，不包括可以滾動的區域。 方法一：IE9及IE9以上的瀏覽器 使用innerWidth、innerHeight可以獲取網頁可視區域的寬高 con
2019-05-11 11:01:53