原创 Vue Render渲染
下午開始看render渲染 官網鏈接 項目需求,一個基本案例吧,就像下圖展示,一個是slot,還有一個渲染列表,狀態顯示。官網上還是比較詳細的。 app.vue import renderTest from "./compone
原创 create-react-app webpack分離公共庫 試試Dllplugin
前段時間,寫了一篇關於vue-cli3 的 Dllplugin 鏈接,個人項目是react的,所以也想修改一下。代碼大部分都是一樣的。提倡不要改默認配置,就是不建議要npm run eject。可以類似vue.config.js一
原创 網站性能優化概述
一、網絡傳輸性能優化 這是navigation timing監測指標圖,從圖中我們可以看出,瀏覽器在得到用戶請求之後,經歷了下面這些階段:重定向→拉取緩存→DNS查詢→建立TCP鏈接→發起請求→接收響應→處理HTML元素→元素加
原创 vue-next
vue-next項目地址 git地址:鏈接 git clone [email protected]:vuejs/vue-next.git npm install npm run dev // 生成一個未壓縮的狀態vue文件 入門小案
原创 vue 數據綁定 與 利用proxy校驗攔截
Vue 數據綁定 Vue2 vue.js function vue(){ this.$data ={ a:1 }; this.el = document.getElementById("
原创 TypeScript (四) 接口 和 tslint.json配置項
npm install -g tslint tslint --init 生成 tslint.json // 不需要的就設置成false { // "linterOptions": { "exclude": [ "./
原创 TypeScript (三) Symbol
/** * ES6 symbol 獨一無二的值 兩個Symbol值判斷 false */ const s1 = Symbol() console.log(s1) //Symbol() const s2 = Sym
原创 vue-cli2 與 vue-cli3
Vue 格子衫很配哦 安裝 node環境, http://nodejs.cn/download/ vue-cli2 npm install -g vue-cli vue -V vue init webpack my-proje
原创 webpack (二)配置
webpack 按照所影響的功能來劃分: Entry: 配置模塊的入口 Output: 配置如何輸出最終的想要的代碼 Module: 配置處理模塊的規則 Resolve: 配置尋找模塊的規則 Plugins: 配置擴展的插件 D
原创 node.js+mongooe (四) 用戶登入 爬坑記錄(完善) jwt
JWT JWT是什麼 JSON Web Token (JWT)是一個開放標準(RFC 7519),它定義了一種緊湊的、自包含的方式,用於作爲JSON對象在各方之間安全地傳輸信息。該信息可以被驗證和信任,因爲它是數字簽名的。 JWT
原创 node.js+mongooe (五) 圖片上傳 前端 baseUrl轉碼預覽
upload.js npm install formidable silly-datetime -S var express = require('express'); var router = express.Router()
原创 webpack (一)
webpack https://www.webpackjs.com/concepts/ webpack 優點: 專注於處理模塊化的項目,能做到開箱即用,一步到位; 通過Plugin擴展,完整好用又不失靈活; 使用場景不限於web
原创 Vuex mutation/action 傳參
在vuex中提交 mutation 是更改狀態的唯一方法,並且這個過程是同步的,異步邏輯都應該封裝到 action 裏面。 官網上對於傳參,“提交載荷” 案例是基於uni-app的,標籤不要大驚小怪 在main.js 掛載 sto
原创 《JavaScript設計模式》筆記 之 外觀模式
外觀模式:爲一組複雜1子系統接口提供一個更高級的同一接口,通過這個接口使得對子系統接口的訪問更容易。 添加一個點擊事件 爲頁面文案document對象綁定了一個click文件事件來實現隱藏提示框的交互功能 document.onc
原创 SCSS 一文入坑
Sass是成熟、穩定、強大的CSS預處理器,而SCSS是Sass3版本當中引入的新語法特性,完全兼容CSS3的同時繼承了Sass強大的動態功能。 安裝 npm install -g sass sass --version 編譯