原创 解決vue修改數據頁面不重新渲染問題(Vue中數組和對象更改後視圖不刷新(轉載)

vue渲染機制和如何解決數據修改頁面不刷新問題的多種方法 本文不講原理,只講乾貨易懂易學,(感覺能學到知識,麻煩給小編來個贊!) 首先 第一點,vue底層是 將data對象傳人,使用Object.definePropety,轉換爲

原创 vue2.x打包後index.html鏈接資源鏈接沒有引號

在buildwebpack.prod.conf.js找到如下配置,找到removeAttributeQuotes: true,將true改爲false,重新打包即可 new HtmlWebpackPlugin({

原创 vscode 對js提案裝飾器的支持

vscode默認不支持ts或js文件使用提案中的一些語法,vscode會給予錯誤提示。以下是我的解決辦法。 錯誤提示: 步驟一: 步驟二:   在用戶選項下打鉤就是全局支持,在工作區下打鉤就是工程項目,工作區下支持。若是vscode

原创 使用純css實現類似於CSR方塊排列

有需求就有方案。現在遇到一個問題是後臺返回已經格式化好的CSR,但是在前端頁面顯示是不像在代碼編輯器中一樣會自定排版。之前看了有js方案的,傳送門,這樣解決是沒問題,但是用來處理CSR的會出現一個問題就是會重新組合字符串的長度,但是這不是

原创 Mac 關於MongoDB數據庫的安裝和設置全局環境變量

下載 進入官網點擊Software選項選擇社區版本(Community Server),選擇好系統,點擊下載。 我這裏也會附上官網給的鏈接,點擊下載 安裝 因爲我們下載的是tgz格式,直接雙擊加壓就好,然後將解壓後的那一坨放在/u

原创 js之reduce巧用

在JavaScript數組函數中有一個reduce函數,和filter、map、forEach等方法略有不同,雖然中間也是有內部循環,但reduce多了一層遞歸。先看看reduce函數接收的參數。 reduce(callbackf

原创 js實現一個簡單的訂閱模式

訂閱模式應用非常廣泛,比如Vue中的鉤子以及Vuex的設計模式中都大量使用了訂閱模式。下面就簡單的演示一下。 class Event { constructor() { this.handlers = {} // 事

原创 webpack學習記錄(第一階段)

Webpack(>4.0.0) 第一階段 本質上,webpack 是一個現代 JavaScript 應用程序的靜態模塊打包工具。當 webpack 處理應用程序時,它會在內部構建一個 依賴圖(dependency graph),

原创 使用koa、Nginx處理vue項目的history模式

使用koa處理vue項目的history模式 在vue項目的路由中默認是hash模式,又叫前端路由,根據瀏覽器url地址欄中的變化,使用onhashchange事件監聽做出相應的操作,不會向服務器發送請求。但是若採用了histor

原创 vue+element-ui 打包問題

vue2.x+element-ui打包後會出現字體找不到,在鏈接字體的時候會出現static/css/static/font這種路徑 解決辦法: 1.在build目錄下webpack.base.conf.js確認配置 module: {

原创 webpack學習記錄(第三階段)

手寫webpack 文章目錄手寫webpack構建自定義命令手寫loader手寫插件(簡單實現)手寫babel-loader實現file-loader實現url-loader實現css-loader,改造style-loader

原创 解決electron安裝慢的問題

去這個鏈接https://github.com/electron/electron/releases找到自己想要的版本,點進去下載。 找到對應的系統版本和SHASUMS256.txt文件並下載,放到以下緩存路徑。 這是我

原创 關閉 A cookie associated with a cross-site resource at ...瀏覽器警告

A cookie associated with a cross-site resource at … 這個是由於cookie跨域導致的,但不影響正常使用,淡黃色的警告~也讓人不爽。 幹掉! Chrome瀏覽器地址欄輸入chrom

原创 node-sass 安裝失敗問題解決方案

node-sass 安裝失敗問題解決方案 當我們去github上找到一個前端項目,公式項目整合、調試等場景裏面樣式使用sass、scss來編寫的時候,我們就必不可少的回去安裝sass、node-sass、sass-loader三件

原创 使用koa處理vue項目的history模式

使用koa處理vue項目的history模式 在vue項目的路由中默認是hash模式,又叫前端路由,根據瀏覽器url地址欄中的變化,使用onhashchange事件監聽做出相應的操作,不會向服務器發送請求。但是若採用了histor