原创 限制 input 輸入框只能輸入xxx

限制 input 輸入框只能輸入xxx 使用 onkeyup 事件，有 bug ，那就是在中文輸入法狀態下，輸入漢字之後直接回車，會直接輸入字母 使用 onchange 事件，在輸入內容後，只有 input 喪失焦點時纔會得到結果，並不能

2019-06-16 15:05:00 604

原创 關於一個完整項目的前端頁面規劃

前言 計劃： 打算做一個簡單的網站，擁有前端頁面，後臺數據，以及管理系統，然而這並不容易，所以打算先完成前端頁面。 我喜歡做什麼事情之前都做一個計劃，現在這個計劃可以說有這個想法很久了，但是一直沒有去做，現在開始把前端頁面分析下，方便

2019-03-20 14:45:04

原创 詳解使用Nuxt.js快速搭建服務端渲染(SSR)應用

這篇文章主要介紹了詳解使用Nuxt.js快速搭建服務端渲染(SSR)應用，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 安裝 nuxt.js Nuxt.js 官方提功了兩種方法來進行項

2019-03-19 13:43:14

原创 使用 Nuxt.js 快速搭建服務端渲染(SSR) 應用

安裝 nuxt.js Nuxt.js 官方提功了兩種方法來進行項目的初始化，一種是使用Nuxt.js團隊的腳手架工具 create-nuxt-app ，一種是根據自己的需求自由配置 使用腳手架適合新手，對 nodejs 後臺框架有所瞭解；

2019-03-13 11:45:06 4

原创 [ JavaScript ] 數據結構與算法 —— 鏈表

本篇主要有三部分 什麼是鏈表 鏈表的實現 鏈表的變種 源碼地址：https://github.com/yhtx1997/S... 另外，今天2019年2月18日上午發現 2048-vue 版，代碼版本不對，且最新版本遺失，無奈只得重新修

2019-02-19 17:25:11 1

原创 [ JavaScript ] 數據結構與算法 —— 隊列

前言 JavaScript是當下最流行的編程語言之一，它可以做很多事情： 數據可視化（D3.js，Three.js，Chart.js）; 移動端應用(React Native,Weex,AppCan,Flutter,Hybrid App,

2019-01-31 18:05:12 1

原创 [ JavaScript ] 數據結構與算法 —— 棧

前言 JavaScript是當下最流行的編程語言之一，它可以做很多事情： 數據可視化（D3.js，Three.js，Chart.js）; 移動端應用(React Native,Weex,AppCan,Flutter,Hybrid App,

2019-01-30 15:45:03 13

原创 [ 邏輯鍛鍊] 用 JavaScript 做一個小遊戲 ——2048 （詳解版）

前言 這次使用了 vue 來編寫 2048，主要目的是溫習一下 vue。 但是好像沒有用到太多 vue 的東西，==！ 估計可能習慣了不用框架吧 之前由於時間關係沒有對實現過程詳細講解，本次會詳細講解下比較繞的函數 由於篇幅問題簡單的函數

2019-01-20 13:22:39

原创 [ 邏輯鍛鍊] 用 JavaScript 做一個小遊戲 ——2048 （初級版）

前言 前段時間發現網上有很多收費或公開課都有教用 js 做 2048 小遊戲的，然後自己就也想動手做一個，做這個小遊戲主要是爲了鍛鍊自己的邏輯能力，也算是對之前一些學習的總結吧 注： 實現方法完全是自己邊玩 2048 邊想的，所有些亂

2019-01-16 12:25:09 3

原创 [ 造輪子 ] 手動封裝 AJAX （二） —— 最終版

導言 在開始之前先想一想ajax是怎樣的流程 首先打開一個連接 發送數據 返回結果 我們要自定義的設置有哪些 設置請求方式 設置請求頭 設置返回數據格式 返回成功後或失敗後 我們要做的功能有哪些 數據校驗 統一數據的格式 支持文件

2018-12-30 11:22:45

原创 [ 造輪子 ] 手動封裝 AJAX （二） —— ES6 版

相比前一版本除了使用 ES6 與法外還有以下改動 現在不需要按順序輸入參數 會針對 GET 和 POST 做不同的數據處理 可以自定義設置請求頭 增加了參數數據類型的判斷 增加了 調用代碼示例 ajax({ url:'1.jso

2018-12-27 14:32:46

原创 [ 造輪子 ] 手動封裝 AJAX （一） —— 基礎版

關於 AJAX 相信都用過，自己動手封裝的也肯定有不少，但應該都只是簡單的可以請求，不能設置同步異步以及返回的數據格式 兼容低版本 IE5、IE6 可以使用 get 和 post 請求數據 可以設置請求頭 需要的思路以及語法都有了，需要小

2018-12-26 17:24:53 1

原创 [ ES6 ] 進階篇（一） —— Promise

Promise 是異步編程的一種解決方案，比傳統的解決方案——回調函數和事件——更合理和更強大。 什麼是 Promise 從使用上來說是一種語法糖，會了以後寫東西簡單一些 Promise 翻譯過來就是 承諾 諾言 約定 答應 的意思 那

2018-12-26 16:35:08

原创 [ ES6 ] 快速掌握常用 ES6 （二）

[ ES6 ] 快速掌握常用 ES6 （二） 本篇文章是對之前文章的一個補充，可以使 JavaScript 代碼更簡潔 函數 參數默認值 在 JavaScript 傳統語法中如果想設置函數默認值一般我們採用判斷的形式 function ex

2018-12-17 14:45:07 1