一、問題的由來 隨著項目不斷地演進，難免會涉及到微服務架構。當采用微服務架構之后，web項目自然免不了面臨跨域的問題。最近學習了一下這方面的知識，做個小筆記方便以后回顧，希望各位大神多多指教。 二、跨域究竟是個什么東東 跨域問題的出現是由于瀏覽器出于安全而遵守一個叫做“同源策略”的約定，而限制訪問不 ...

在以前的文章里，不管是繪制圖形，繪制點亦或者是改變色值，所有的內容都是靜態的。 在 webgl 里，圖形的運動分為 平移、旋轉、縮放 三種類型。 接下來，我們會從零基礎開始，一點一點來深入了解圖形如何進行運動。 首先來從零開始了解下圖形的平移 1. 圖形平移 首先我們來看如何實現圖形的平移操作。 平 ...

動態創建元素 為何要動態創建元素： 輸入電腦，傳入之后動態的出現下拉表 動態創建元素方法： document.write() //document.write('<p>world</p>')，當點擊按鈕的時候會把前面的頁面覆蓋的生成一個新的頁面顯示，所以不能在事件當中使用。一般在做服務的時候使用。比 ...

我們一般的應用系統，菜單是很多功能界面的入口，菜單為了更好體現功能點的設置，一般都是動態從數據庫生成的，而且還需要根據用戶角色的不同，過濾掉部分沒有權限的菜單；在Vue&Element的純前端框架中，還引入了路由的概念，路由是對應具體的頁面視圖和布局的相關信息集合，是用戶可訪問的頁面連接集合。本篇隨... ...

vue對組件進行二次封裝 經常遇到常用組件與設計圖有微小區別的情況，但是自寫組件功能又太單一（劃掉 其實原因就是懶），這個時候對組件封裝就很有用處 例如對 element 的 MessageBox 二次封裝 組件有很多自定義內容 例如 MessageBox 可自定義配置不同內容。 <template ...

本文是工程化系列第三篇,將詳細介紹項目的打包配置及打包的詳細過程，將涉及知識點一一概括標注，希望能對您有所幫助！ ...

1、二進制和八進制表示法 ES6 提供了二進制和八進制數值的新的寫法，分別用前綴0b（或0B）和0o（或0O）表示。 如果要將0b和0o前綴的字符串數值轉為十進制，要使用Number方法。 如：Number（'0b11'） //3 2、Number.isFinite() 判斷一個數字是不是有限的。 ...

V8 是 Google 推出的開源高性能 JavaScript 與 WebAssembly引擎，主要的應用包括Chrome瀏覽器以及Node.js。得益于Chrome瀏覽器的市場占有率，V8已經成為了當今最主流的JavaScript引擎。 很多前端開發人員對 V8 的理解還停留在表面，只是單純地使用 ...

前言 作為一名程序員數組的排序算法是必須要掌握的，今天來圖解 選擇排序 選擇排序原理 首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再從剩余未排序元素中繼續尋找最小（大）元素，然后放到已排序序列的末尾。以此類推，直到所有元素均排序完畢。 選擇排序原理圖（未優化） 綠色為當前比 ...

`build` 目錄下定義了許多項目構建腳本和配置（開發，打包，部署，持續集成）。 `npm script`各命令作為入口，會調用 `build` 目錄中文件,從而自動完成大量重復性工作。 ...

什么是數組扁平化？ 數組扁平化其實就是將多維數組轉為一維數組。 數組扁平化的幾種方式 方式一：ES6的flat方法 const arr = [1,[2,[3,[4,5]]],6] // 方法一：數組自帶的扁平化方法,flat的參數代表的是需要展開幾層，如果是Infinity的話，就是不過嵌套幾層，全 ...

前言 很多前端開發中都知道數組的reduce方法可以用來給數組求和，但是你問到里面的具體參數代表的時候什么，很多人卻不知道。所以在工作中也是很少人會用到這個方法。現在我就通過這篇文章給大家詳細講解一下，并通過幾個案例給大家展開 reduce方法 下面是api的使用和每個參數代表的含義： arr.re ...

節點的層次結構 nodeType節點的類型 1 元素節點 //nodeType=1 2 屬性節點 3 文本節點 //nodeType=3 4 注釋節點 //nodeType=8 nodeName 節點的名稱（標簽名稱） nodeValue 節點值 元素節點的nodeValue始終是null 父子結構 ...

介紹 Handlebars 是 JavaScript 一個語義模板庫，通過對view和data的分離來快速構建Web模板。它采用"Logic-less template"（無邏輯模版）的思路，在加載時被預編譯，而不是到了客戶端執行到代碼時再去編譯， 這樣可以保證模板加載和運行的速度。Handleba ...

三層架構與MVC模式 三層架構 三層架構是一種以實現**“高內聚，底耦合”**為目標，的代碼架構方法，它將整個業務分為，表示層，業務層，數據訪問層（Dao層）。 MVC模式 MVC模式是一種軟件設計的典范，一種組織代碼的方法。 M 是 model 模型 V 是 view 視圖 C 是 control ...

獲取標簽屬性和內容 DOM對象將標簽的屬性和內容封裝成了對象的屬性 <div id = "div">我是一個div <span>我是span</span> </div><script> var box = document.getElementById('div'); console.dir(box ...

API應用程序編程接口，是一些預先定義的函數，或方法。 任何開發語言都有自己的API API的特征是輸入和輸出（I/O ） Web API 是瀏覽器提供的一套操作瀏覽器功能和頁面元素的API（BOM和DOM） DOM經常進行的操作： 獲取元素 對元素進行操作（設置屬性或方法） 動態創建元素 事件 獲 ...

一、jQuery介紹 1、jQuery是一個輕量級的、兼容多瀏覽器的JavaScript庫。 2、jQuery使用戶能夠更方便地處理HTML Document、Events、實現動畫效果、方便地進行Ajax交互，能夠極大地簡化JavaScript編程。它的宗旨就是：“Write less, do m ...

一、BOM瀏覽器對象模型 覽器對象模型（BOM） Broswer object model（整合js和瀏覽器） window對象 所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。 所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。 全局變量是 windo ...

前篇“WEB安全防護相關響應頭（上）”中，我們分享了 X-Frame-Options、X-Content-Type-Options、HTTP Strict Transport Security (HSTS) 等安全響應頭的內容。下文中，我們則側重介紹一些和跨站安全相關的響應頭—— 一、Referre ...