原创 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 編譯