原创 多行省略號不顯示的問題

       最近做的項目中遇到一個很奇葩的事情,在我電腦上多行省略號是正常顯示的,但是在測試人員的電腦上竟然不顯示,怪不得叫測試機,哈哈。上網百度發現有人遇到同樣的問題,在最下面的小字當中發現了答案,話不多說直接上圖: 我電腦的效果:

原创 iview表單校驗上傳圖片成功後,提示文字不消失

       最近做的項目中有直播和課程後臺管理模塊,遇到一個bug,其中有個功能是上傳直播圖片和直播附件,而且都是必填項。用的框架是vue+iview,用Form表單驗證,對必填項做校驗。當不填寫時點提交會出現紅色提示文字,但是當圖片上

原创 在iview + vue項目中使用自定義icon圖標

       最近做一個後臺管理系統,是用iview+vue cli2做的,在做的過程中需要將左側的導航欄加入icon圖標,但是iview庫裏的圖標和UI要求不符,這就需要引入自己的圖標庫。 1. UI設計師會把自己做的圖標庫上傳到阿里巴

原创 js數組去重的方法

1.遍歷數組法 它是最簡單的數組去重方法(indexOf方法) 實現思路:新建一個數組,遍歷去要重的數組,當值不在新數組的時候(indexOf爲-1)就加入該新數組中; var arr=[2,8,5,0,5,2,6,7,2]; funct

原创 js排序的方法

1. 冒泡排序 var arr = [1,4,-8,-3,6,12,9,8]; function bubbleSort(arr){         for (var i = 0; i < arr.length; i++) {       

原创 使用原生js實現郵箱模糊查詢的效果

寫的比較粗糙,還有很多改進的地方,先用來記錄一下 html: <div class="box">         <input type="text" placeholder="網易郵箱/常用郵箱" id="text">         

原创 js繼承的幾種方式

1. 原型鏈式繼承 即 子構造函數.prototype = ne 問題:不能給父構造函數傳遞參數,改變子級構造函數裏的對象時,父級也會跟着改變,父子構造函數的原型對象之間有共享問題。 2. 借用構造函數繼承 數() 注意:使用call

原创 原生js實現一個隨機點餐的小效果

html: <div class="wrap">         <div id="box">         </div> <button id="start">開始</button> <button id="stop">停止</but

原创 數組的深淺拷貝總結

數組的淺拷貝(只能拷貝基本類型) ES5 方法總結 1.slice方法     let arr = [2,4,434,43]     let arr1= arr.slice();     console.log(arr1); // [ 2

原创 跨域以及解決辦法

同源:符合“協議+域名+端口”三者相同,就是同源。 同源策略:同源策略,初衷是爲了瀏覽器的安全性,保證瀏覽器不易受到XSS、CSFR等攻擊。 同源策略限制的內容有: Cookie、LocalStorage和IndexedDB等存儲性內容

原创 HTTP和HTTPS的理解

1. HTTP和HTTPS的基本概念 HTTP:是客戶端和服務器端用來傳遞消息的一種網絡超文本傳輸協議,是一個客戶端和服務器端請求和應答的標準(TCP)。 HTTPS:HTTPS協議是由SSL+HTTP協議構建的可進行加密傳輸、身份認證的

原创 閉包

1.閉包概念:閉包是指有權限訪問另一個函數作用域中的變量的函數。 2.閉包的由來:要理解閉包,首先要理解javascript的特殊的變量作用域。變量的作用域無非就兩種:全局變量和局部變量。javascript語言的特別之處就在於:函數內部

原创 this指針的理解

js當中的this指向在創建時並不能確定,而是要看它所在的環境,也就是說不是由定義是決定的,而是由調用時決定的。通常會指向調用它的對象,深入一點的說,它的值取決於調用的模式。而在JavaScript中,一共有4中調用模式:方法調用模式、函

原创 從輸入url到頁面加載完成發生了什麼

當用戶輸入url地址時,大致發生以下幾步: 輸入網址,點擊回車; 瀏覽器查找當前URL是否存在緩存,並比較緩存是否過期(包括瀏覽器緩存、系統緩存、路由器緩存); 發送到DNS服務器,並獲取域名對應ip地址; 與web服務器建立TCP連接;

原创 vue中配置不同的代理同時訪問不同的後臺

如果和不同的後臺調接口,如果後臺接口沒有合到一起,前端可以配不同的代理來共同訪問他們的接口 在config文件夾下的index.js中設置如下: proxyTable: {     '/api/login': {  // 第一個代理:此處