原创 CORS 跨域 實現思路及相關解決方案

本篇包括以下內容: CORS 定義 CORS 對比 JSONP CORS,BROWSER支持情況 主要用途 Ajax請求跨域資源的異常 CORS 實現思路 安全說明 CORS 幾種解決方案 自定義CORSFilter Ngi

原创 js 數組方法(全)

js數組方法大全 JavaScript中創建數組有兩種方式 ###(一)使用 Array 構造函數: var arr1 = new Array(); //創建一個空數組 var arr2 = new Array(20); // 創建一個包含

原创 從零開始 2,react -快速上手

什麼是React A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 用來構建UI的 JavaScript庫 React 不是一個 MVC 框架,僅僅是視圖(V)層的庫 特點 1 使用

原创 react入門 第一步-基礎api

安裝 npm install -g create-react-app npm install -g create-react-app --registry=https://registry.npm.taobao.org create

原创 javascript 生成一個一億長度的隨機數組,從中排列出最大的1000個項;

1.生成一億個隨機數,從中選出最大的100個 主要思想:直接選取這一億條數據的前100項,生成一個新數組newArray,對newArray項進行排序; 從第101個數字開始循環一億條數據,跟newArray的最後一項進行比較; 如果循環

原创 模塊化的Javascript

模塊化JavaScript,CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs 等模塊化的JavaScript概念及庫撲面而來。 如果不適用模塊化,我們會遇到什麼? 全局變量的災難 函數命名衝突 依賴關係

原创 ES6 語法 - Symbol

Symbol Symbol的概念 這種數據類型,提供一種獨一無二的值 Symbol的作用 let a1 = Symbol(); let a2 = Symbol(): console.log(a1===a2)

原创 前後端分離 NodeJS

1 爲什麼進行前後端分離? 後端因爲性能或者其他原因,提供接口的返回數據,也許不太適合前端直接使用; 前端所需要完成的頁面邏輯,數據篩選,再到頁面展示,也需要對數據進行二次處理,這些雖然可以在前端完成,但會影響瀏覽器性能; 前端代碼邏輯越

原创 HTTP1.0、HTTP1.1 和 HTTP2.0 的區別

HTTP 1.0 標準產生在 1996年 HTTP 1.1 標準產生在 1999年 HTTP 2.0 標準產生在 2015年 1.HTTP1.0和HTTP1.1的一些區別 1.HTTP1.0最早在網頁中使用是在1996年,那個時候只是使

原创 koa2 簡單瞭解

1.安裝 $ nvm install 7 $ npm i koa $ node my-koa-app.js 2.簡介 基於ES7開發的koa2,和koa 1相比,koa2完全使用Promise並配合async來實現異步。 app.use

原创 ES6 Promise

Promise promise是異步編程的一種解決方案 1 什麼是異步? 異步模式,每一個任務有一個或多個回調函數(callback),前一個任務結束後,不是執行後一個任務,而是執行回調函數,後一個任務則是不等前一個任務結束就執行,所以

原创 Webpack 4 api 瞭解與使用

webpack 最近升級到了 v4.5+版 01 官方不再支持 node4 以下版本 官方不再支持 node4 以下版本 官方不再支持 node4 以下的版本,所以如果你的node版本太低,先開始升級node吧! 話說node10 都出

原创 JS中的異常捕獲

JS中的異常捕獲(目的:把拋出的錯誤捕獲到,不讓其阻斷瀏覽器的繼續執行) try{ //需要執行的JS代碼(可能會報錯) }catch(e){ //try中代碼報錯,會執行catch }finally{ //不管try中的代碼成功還是

原创 NODEJS 413 request entity too large

nodejs 做爲服務器,在傳輸內容或者上傳文件時,系統默認大小爲100kb,這時,我們需要修改系統限制。我們在app.js中調用接口和對應方法中,加入對應參數即可,如: app.use(bodyParser.json({limit : “

原创 Vue表單回車事件下一個input獲取焦點

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="