原创 vscode debug模式配置

vscode可以通過配置debug模式來實現斷點調試。 1.瀏覽器部分代碼調試 下載Debugger for Chrome插件 配置如下json信息: { "type": "chrome",

原创 React教學(1)

React教學(1) React產生背景 React 是Facebook 在2013年推出的一款前端框架。 當時Facebook的開發者在實現首頁狀態欄的時候,要實現當前好友請求數、消息列表、狀態列表3者的展示。發現當有一條新的

原创 面試集錦(三)

面試總結(三) 1.語義化 HTML中不同的元素代表不同的含義,使用具有含義的元素來書寫HTML文檔,即是語義化。 選擇合適的語義標籤搭建的HTML文檔,不僅便於開發着閱讀、維護,也能讓瀏覽器爬蟲技術輕鬆解析。 可訪問性、可檢索

原创 js字符串轉函數

js字符串轉函數 對於函數型的字符串,我們想要將其轉換爲一個函數然後執行,有2種常用的方法。 1.eval() eval()具有可以解析表達式的特性,所以可以利用這一特性將字符串解析爲一個函數。 let funcStr = "

原创 call、callee、caller詳解

call call用於改變函數指向。 call是Funcrion.prototype的屬性方法 function add(a, b) { console.log(this); return a + b; }

原创 面試集錦(四)

1.HTTP HTTP協議 HTTP詳情可參考:https://www.cnblogs.com/qdhxhz/p/8468913.html http1.0、http1.1、http2.0的區別 http1.1開始支持長連接(ke

原创 Babel 7

Babel-7 babel是一個工具鏈,其主要用於將ES5以上對的版本代碼轉化爲向下兼容的JavaScript語法。 本文是針對babel7.10.0講解的 創建測試項目 mkdir babel-test cd babel-t

原创 MYSQL SQL拼接工具

最近用到node+express+mysql開發後端業務,但是sql的拼寫相當麻煩,特別是查詢條件的拼接,故書寫了如下工具,方便sql生成。 /*查詢字段 */ interface fieldsProps { //distinct

原创 面試集錦(五)

1.宏任務和微任務 js是一門單線程語言,所以同一時間只能執行一個任務。爲了防止主線程不阻塞,開發者提出了事件循環(Event Loop)。 1.1任務執行的原則: js將任務分爲了同步任務和異步任務。 同步任務都在主線程上執行

原创 React-Redux學習

Redux流程圖 React和Redux分工 React-Redux將所有組件分爲了UI組件和容器組件。 UI組件不帶任何邏輯,只負責渲染,所有的數據都通過this.props提供。(由React負責) 容器組件負責數據管理和業

原创 ES6對象擴展

ES6對象擴展 對象簡寫 ES6允許屬性和方法名簡寫方式。 屬性名的簡寫即只書寫屬性名,屬性值則爲與屬性名同名的變量值。 方法簡寫即是省略function關鍵字。 屬性簡寫 let name="es6" let descript="es6

原创 樹結構佈局

樹結構佈局 前言 本文講解如何實現圖形化樹結構佈局。 佈局規則: 根節點始終處於畫布中間 同級節點不能相互重疊 父節點永遠處於子節點的水平中間位置 準備工作 以上圖爲例進行樹結構佈局設計,我們以每個節點的中心位置作爲節點座標

原创 Vue filter詳解

Vue filter源碼詳解 1.解析表達式 以reportDate | DFormat('YYYY-MM-DD') | SDefault爲例。 parseFilters 解析函數位於node_modules/vue/src/co

原创 Vue入門

Vue入門 1.Mac下快速搭建Vue項目 sudo npm install -g vue //下載vue sudo npm install -g vue-cli //下載vue-cli腳手架 vue init web

原创 常見的十大排序算法詳解

常見的十大排序算法詳解 性能對比 名詞解釋 n: 數據規模 k:“桶”的個數 In-place: 佔用常數內存,不佔用額外內存 Out-place: 佔用額外內存 穩定性:排序後2個相等鍵值的順序和排序之前它們的順序相同