原创 雙向數據綁定的簡單實現
代碼如下，在頁面修改input的內容，data.value的值會自動隨着改變，在控制檯修改data.value的值，input的內容也會隨着改變。 <!DOCTYPE html> <html lang="zh"> <head>
2020-06-20 00:58:38
原创 React封裝echarts
封裝代碼如下 import React, { Component } from 'react'; import echarts from 'echarts'; class MyEcharts extends Component
2020-06-19 23:42:52
原创 移動端鍵盤收起，頁面沒能恢復原狀的解決方案
移動端因鍵盤引起的頁面異常如下： 解決方案如下： // 優化移動端鍵盤收起時頁面沒能恢復原狀的問題 let inputs = document.getElementsByTagName('input'); let timer
2020-06-19 23:42:52
原创 React 後臺管理系統項目
該項目架構是純手工搭建的，並非使用腳手架搭建～ 相關技術 react + redux + react-router + sass + antd + eslint + webpack 項目預覽地址 https://jesonman.
2020-06-19 23:42:51
原创 ES6 async 函數
async 函數 基本用法 async函數返回一個 Promise 對象，可以使用then方法添加回調函數。當函數執行的時候，一旦遇到await就會先返回，等到異步操作完成，再接着執行函數體內後面的語句。 async函數返回的
2020-06-19 23:42:51
原创 ES6 Decorator 裝飾器
Decorator 裝飾器 簡介 裝飾器（Decorator）是一種與類（class）相關的語法，用來修改類、類方法和類屬性。 裝飾器是一種函數，寫成@ + 函數名。它可以放在類、類方法和類屬性的定義前面。 @frozen
2020-06-19 23:42:51
原创 TypeScript 入門教程
一、介紹 TypeScript 是 JavaScript 的超集（超集表示前者包含了後者），擴展了 JavaScript 的語法。TypeScript 無法直接運行於瀏覽器上，需要編譯轉換成 JavaScript 纔可以在瀏覽器上
2019-10-26 04:45:58
原创 移動前端開發之 viewport 的深入理解
在移動端設備上進行網頁的重構或開發，首先得搞明白的就是移動設備上的 viewport 了，只有明白了 viewport 的概念以及弄清楚了跟 viewport 有關的 meta 標籤的使用，才能更好地讓我們的網頁適配不同分辨率的
2019-10-26 04:45:58
原创 遠程訪問 Linux 的命令
可以通過ssh命令連接。 命令使用語法： 指定用戶： # 以下兩種方式都可以 ssh [email protected] ssh -l root 192.168.0.1 如果修改過ssh登錄端口的可以： # 以下兩種方式都
2019-10-26 04:45:58
原创 react後臺管理系統項目demo
該項目架構是純手工搭建的，並非使用腳手架搭建～ 相關技術 react + redux + react-router + sass + antd + eslint + webpack 項目預覽地址 https://jesonman.
2019-10-26 04:45:58
原创 eslint 常用規則說明
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用數組構造器 "no-bitwise": 0,//禁止使用按位運算符 "no-call
2019-10-26 04:45:58
原创 js的宏任務和微任務
概念 宏任務：當前執行棧中執行的代碼稱爲宏任務。（主代碼塊，定時器等等）。 微任務：當前宏任務執行完，在下一個宏任務開始之前需要執行的任務稱爲微任務。（promise.then，process.nextTick等等）。
2019-10-26 04:45:58
原创 webpack 入門教程
一、概念 本質上，webpack 是一個現代 JavaScript 應用程序的靜態模塊打包工具。當 webpack 處理應用程序時，它會在內部構建一個依賴圖，此依賴圖會映射項目所需的所有模塊，並生成一個或多個 bundle 。 入
2019-10-26 04:45:58