原创 vue 項目打包上線後 js css 文件找不到

在vue項目完成後打包上線,放到服務器上發現js和css引入不到,頁面加載不出來。 在使用vue-cli3以上版本構建的應用時,跟以下方式api有些區別: 如何區分是哪個版本? 可查看項目中是否有config文件夾即可,沒有就是v

原创 Vue 項目出現 Refused to load the image 'http://localhost:8082/favicon.ico' 的問題

問題出現的原因是在我按需引入element-ui,然後先是下載babel-plugin-component這個插件,然後去配置.babelrc文件。 在我按照步驟弄完了之後,npm run dev就顯示瞭如題 中出現的錯誤,這個錯

原创 js判斷是否是微信環境

今天收到一個要求,說是在登錄的時候,需要判斷一下是否是微信登錄。如果非微信登錄就不顯示微信的登錄框。這就需要判斷是否是微信登錄的了。 methods: { isWeixin () { let user= navigator.

原创 ES6中的let和const

let 和 const let let聲明的變量只在let命令所在的代碼塊內有效 { let a = 1 var b = 2 } a // ReferenceError: a is not defined b

原创 Vue中同時使用v-html和filters過濾器

原本是定義一個過濾器用來過濾表情url,解析成img,但是當使用的時候,發現並不能同時使用,於是使用$options.filters.face(value)。 // 原本是這樣 <span>{{ item.content | f

原创 使用iview的表格render渲染button的時候,this指向問題,不指向vue實例

新接觸的iview框架,初次使用iview的表格功能,但是複製了官網的代碼後,發現並不能正常渲染出來,而且還有其他好多問題。 // 並不能正常渲染出來 { title: '操作', key: 'action',

原创 js 把字符串數組轉換爲數組

在對接的過程中,後臺傳來的數據其中有一個是數組字符串,這時候就需要解析成純數組了。 使用JSON.parse()可以解析 let str = '["abc", "def"]' console.log(str) st

原创 Vue表單爲空也能提交的問題

今天在用Vue寫表單驗證的時候,習慣性把v-model綁定的值設置爲null,然後再測試的時候,發現如果填寫了表單後,又刪除輸入的內容,竟然能提交上去,百思不得其解。最後通過vue devtools這個工具找到了問題所在。大概是這

原创 es6的解構賦值

變量的解構賦值 es6允許按照一定模式從數組和對象中提取值,並對變量賦值,這樣叫解構。 let [x, y] = [1, 2] x // 1 y // 2 解構不成功的,值爲undefined let [a, b] =

原创 阿里雲服務器開放端口,使外網能夠訪問該端口

最近在自己寫前端後端代碼,然後部署在服務器上。在部署後端代碼後發現通過域名訪問不了該端口,正常情況下啓動服務後就能訪問,於是發現需要開放該端口。 這裏以阿里雲的服務器爲例: 首先登錄阿里雲賬號後,進入服務器管理頁面。 找到左側的

原创 使用jQuery製作左側導航欄,並用ES6 Class封裝起來

使用jquery製作左側導航,並用ES6的class封裝 首先是html結構: <ul class="left-nav"> <li> <a href="javascript:;" class="nav-pic1">導航

原创 使用layui/layuiAdmin的總結

layui是一個前端UI框架。主要是配合JQuery使用。 開始使用 首先是下載文件,然後引入css和js文件。 引入之後就需要在<script>標籤裏面寫代碼了。layui裏的js代碼都需要在layui.use()裏面寫。

原创 瞭解正則表達式的基本含義和操作

本文來自《正則表達式必知必會》的總結,因爲本人也算才入門,只是分享一下,也給自己做個總結。同時希望更多的人能夠理解其中的含義,而不只是上網百度之後直接就拿來用,本來正則沒有那麼難~以下引自書中的話將使用引用的方式聲明。 正則表達式

原创 微信小程序把openid放到緩存裏

在微信小程序裏面,openid只能通過wx.login獲取,如果在多個頁面使用的話需要傳遞openid,比如說: wx.navigateTo({ url: 'main/main?openid=' + openid }) 這樣就

原创 解決Vue請求接口出現跨域問題。Access-Control-Allow-Origin

解決Vue請求接口出現跨域問題 在使用axios請求了接口後,發現並沒有請求到,F12裏面出現如下圖所示的報錯 這是提示跨域了。所有使用JavaScript的瀏覽器都會支持同源策略。同源策略即指域名/協議/端口號相同。只要有一個