原创 Vue全家桶之過濾器

vue過濾器通常用於對數據再渲染前進行一些複雜格式的轉換。通常用於時間格式的轉換 第一步,再main.js中聲明: 第一個參數是過濾器的名字,被調用時使用。回調函數中的參數是使用時前面需要處理的數據。padStart函數是用於不足

原创 js變量提升(語法小坑)

正如《你不知道的javascript》一書中說的,js是一門腳本語言,使用者不需要像學java一樣完全語法等,甚至只會其中的一些簡單的命令就可以直接開發了。 但是開發越久越發現,在前端框架如此多的情況下,js基礎等纔是作爲一個前端

原创 Vue全家桶之vue-router

路由分爲前端路由和後端路由,後端主要是通過識別請求路徑,分發對應的資源, 而前端路由主要是針對SPA單頁面應用的局部刷新。識別觸發的事件,分發對應的渲染內容。 vue-router中的router-link就會默認被渲染爲a標籤,

原创 處理ie8兼容

1.ie8換成edge模式渲染 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 2.X-UA-Compatible是針對IE8新加的一個設置,對於IE8之外的瀏覽器是不

原创 2020.03vue常見問題總結

2020.03前端問題總結 由於vue是MVVM,日常經常有些渲染問題。 1.綁定的元素(v-for)渲染出來的數據,尤其是對話框中。使用push、shift、splice等操作原數組的方法可使數據更新而不用重新渲染。 2.j

原创 jquery與vue項目的區別

因爲jq是js封裝的庫,所以文章直接說原始模式,vue爲數據綁定模式。 原始方式和簡單,第一步獲取元素,第二步綁定事件,第三步進行操作。 <li><a href="javascript:;" id="logout">退出</a><

原创 wx.request封裝解決回調地獄(轉載)

原文鏈接:www.xksblog.top/talk-about-… 見到wx.request的第一眼,就讓我想起了$.ajax這東西,使用起來確實有很多不方便,不能忍,幸好小程序是支持ES6語法的,所以可以使用promis

原创 js中淺複製和深複製

前言:在使用webSocket通訊時,因爲要用到Stomp(websocket的進一步封裝),而微信只提供了websocket。所以採用網上的封裝方法。一開始聲明瞭一個對象包含幾個null方法,可是將其作爲參數傳遞給stomp.j

原创 vue項目中批量打印二維碼

綜合了兩個文章實現。首先使用qrcode實現生成。然後window.open和window.print打印 一、生成二維碼 (原文鏈接:https://www.cnblogs.com/feijiediyimei/p/1113660

原创 nginx配置vue前端代理--一個斜槓引發的血案

背景:做一個前後端分離的項目,使用vue-cli創建的前端項目,在前端配置跨域請求。(結尾有彩蛋) 一、開發階段 在vue.config.js中配置devserver的proxy進行代理請求配置,然後將所有請求改爲/api開頭的即

原创 vue常見問題總結

2020.03前端問題總結 由於vue是MVVM,日常經常有些渲染問題。 1.綁定的元素(v-for)渲染出來的數據,尤其是對話框中。使用push、shift、splice等操作原數組的方法可使數據更新而不用重新渲染。 2.j

原创 前端項目簡單的構建

1.先說一下模塊化規範 require是Commonjs的規範,node應用是由模塊組成的,遵從commonjs的規範。 import是es6爲js模塊化提出的新的語法,import (導入)要與export(導出)結合使用。 (

原创 element-ui使用常見問題

評價一個ui框架的優劣,當然易用性啦~~ 1.最常見的問題:form表單的每一項的prop屬性是爲了提供表單驗證,儘量填寫,而且名字需要和每個表單項綁定的值的名字一致,否則表單驗證validate方法和重置表單resetField

原创 -ms-viewport的問題

Internet Explorer 10並沒有將屏幕的寬度和視口(viewport)的寬度區別開,這就導致Bootstrap中的媒體查詢並不能很好的發揮作用。爲了解決這個問題,你可以引入下面列出的這段CSS暫時修復此問題: @-m

原创 ajax提交data類型

一、來源 用了好久vue,一般使用axios發送請求,抽時間回顧一下原來項目的ajax請求的相關知識 二、概念 ajax有三種傳遞傳遞data的方式: json格式 json字符串格式 標準參數模式 1.json格式 形如: {“