原创 外行都能看懂的使用CSS畫一個三角形

廢話不多說,先上效果圖 再上代碼 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /* css3繪製三角形 *

原创 Jquery將form表單序列化成JSON對象

廢話不多說,直接上代碼 <form class="form-horizontal" id="userEditForm" role="form" > <div class="form-

原创 element-ui版本升級問題

    昨天element-ui進行了一版版本升級,升級之後發現我們的項目出現了小圖標不顯示等一列問題,於是趕緊將版本改成原來的  ,具體注意事項如下圖:     

原创 微信小程序使用canvas繪製圓角矩形在Android:變形、鋸齒

      這兩天用小程序實現分享生成海報,那我的手機測的一直沒問題,結果後來用同事的小米測發現:畫的圖形缺個角,鋸齒形的,根據小程序社區回覆:使用ctx.arc + ctx.lineTo就能避免Android錯誤,Android只使用c

原创 使用CSS畫一個三角形

廢話不多說,先上效果圖 再上代碼 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> /* css3繪製三角形 *

原创 前端性能優化篇(一)開啓nginx gzip壓縮

什麼是GZIP GZIP是若干文件壓縮程序的簡稱,通常指GNU計劃的實現,此處的GZIP代表的就是GUN ZIP,這也是HTTP1.1協議定義的兩種壓縮方法中最常用的一種壓縮方法,客戶端瀏覽器大都支持這種壓縮格式。(下面兩圖我們對比下設置

原创 深入瞭解vuex,vuex的五個核心屬性

vuex是什麼?      專門爲vue設計的狀態管理架構,統一管理和維護vue的可變狀態。 vuex的五個核心屬性?      五個核心概念:state、getters、actions、mutations、modules state  

原创 js實現深拷貝的兩種方式

一、基本數據類型        數據分爲基本數據類型(String、Null、Boolean、Undefined、Symbol、Number)和引用數據類型。        基本數據類型的特點:直接存儲在棧中的數據。        引用數

原创 HTTP協議中Cookie徹底解讀

Cookie簡介:       Cookie總是保存在客戶端中,按在客戶端中的存儲位置,可分爲內存Cookie和硬盤Cookie。內存Cookie由瀏覽器維護,保存在內存中,瀏覽器關閉後就消失了,其存在時間是短暫的。硬盤Cookie保存在

原创 ES6中箭頭函數VS普通函數的this指向問題徹底講解

一、普通函數中this (1)總是代表着它的直接調用者,如obj.fn,fn裏的最外層this就是指向obj (2)默認情況下,沒有直接調用者,this指向window (3)嚴格模式下(設置了'use strict'),this爲und

原创 object對象keys(), values() entries()

1、 Object.keys() ES5 引入了Object.keys方法,返回一個數組,成員是參數對象自身的(不含繼承的)所有可遍歷( enumerable )屬性的鍵名。 var obj = { foo: "bar", baz: 4

原创 VUE項目中使用this.$forceUpdate();解決頁面改變data數據不重新渲染問題

         今天遇到一個問題,給數組添加了一個新的參數,但是也頁面始終沒有重新渲染。最後找了半天資料發現,原來是循環嵌套太深導致頁面無法重新rander;       解決方案如下:       添加this.$forceUpdat

原创 vue-color 取色器的用法研究

github:https://github.com/xiaokaike/vue-color 今天項目中引用了一下vue-color,大概步驟如下 1、安裝vue-color $ npm install vue-color 2、安裝所需依

原创 vue監聽瀏覽器原生返回按鈕,進行路由轉跳

     今天測試給我報了個bug說點擊瀏覽器返回頁數據顯示的不對,我查了半天原因:需要監聽瀏覽器的回退按鈕,並阻止其默認事件。     具體操作方法如下:   1、掛載完成後,判斷瀏覽器是否支持popstate mounted(){

原创 vue+webpack 前端性能優化

優化方法一: vue-router路由懶加載      按需加載:也叫延遲加載或者懶加載,即在需要的時候進行加載,隨用隨載。      使用懶加載的原因: vue是單頁面應用,使用webpcak打包後的文件很大,會使進入首頁時,加載的資源