原创 ESLint Attribute ':isShow' must be hyphenated (vue/attribute-hyphenation)
好久木有更新博客啦，來記錄一波～ 最近在接別人做的一半的項目，搭建這個項目的人 eslint 弄了好多限制。我在vue父組件給子組件傳值時注意寫的： <contact :isShow="isShowDialog" @show="paren
2020-06-16 03:11:31
原创 vue中的父子組件之間的通信
最近想總結一下vue父子組件之間的通信，所以記錄一下。我只寫部分僞代碼，未寫全部代碼。 簡單的點擊事件的傳遞值：見1，2的寫法。 複雜的點擊事件的傳遞值：見3，4的寫法。3，4的用法也可以用於兄弟組件之間的傳值。注意，用在父子組件之間的傳
2020-06-16 03:11:31
原创 react項目從無到有 做國際化
公司之前只是用react做了一個系統，但是後來說要做國際化，要做英文版，當時這個任務交給我的時候真頭大，因爲vue國際化還好做點，這個react做國際化，還我一個人完全，真是有點懵。後來開始各種搜索記錄，完善，最後終於在自己的努力下完成了
2020-06-16 03:11:31
原创 vue項目打包部署上線，圖片 css 等不正常顯示的解決方式
vue項目打包部署的話，有時候訪問圖片會出現不能正常顯示的情況，比如：404等，遇到這種情況需要改下配置文件，以下是我自己蒐集以及整理的一些步驟，是自己實際項目中解決問題的，在此記錄以下。本人小菜鳥一個，如有問題歡迎指正～。 第一：找到b
2020-02-25 08:36:27
1
原创 element ui table的show-overflow-tooltip屬性以及設置其寬度
用vue+element ui框架，用到table表格，如果每列顯示的內容過長則可以使用該屬性，即 :show-overflow-tooltip="true"，該屬性可以讓內容在一行顯示，如果顯示不下時，顯示...,並且鼠標劃過時顯示全部
2019-02-20 16:14:16
原创 element table表格自定義表格暫無數據提示
由於項目需要，需要自定義element ui table表格暫無數據時的樣式。那麼如何實現自定義的暫無數據的提示呢？ 有兩種方式： 一、只需要更改文字提示 如果只要更改文字提示，直接添加empty-text屬性即可。如下圖所示： 二、更
2019-01-25 16:10:47
原创 vue項目本地開發環境設置代理解決跨域問題
跨域問題，在前後端連調過程中在所難免。有時後端可能暫時不會幫你解決，所以咱們前端的小姐姐們可以自己解決的。 如果你是vue-cli搭建的環境： 在config/index.js中找到proxyTable，並配置如下即可： proxyTab
2019-01-02 16:19:58
原创 elementui 的 import 'element-ui/lib/theme-default/index.css'報錯
最近接了一個新項目，要用elementui，（ps:我以前搭建的時候也沒啥問題，這次居然遇到問題了。然後有點懵。。） 問題就是：在main.js文件中引用完elementui文件後 引用的代碼如下： import elementUI fr
2018-12-23 15:55:24
1
原创 input上傳文件，前端判斷文件的大小及類型
由於項目需要，需要實現該功能紀錄如下。 上傳文件時，由前端判斷文件的大小及類型。舉例說明：要求上傳的文件小於10MB的文件，並且文件類型必須爲.txt類型。關鍵核心代碼如下： html代碼：<input type="file" @chan
2018-12-13 15:42:50
1
原创 element ui table表格的多選按鈕 設置不可勾選的方法
因爲項目需要，要對element ui中table表格的多選按鈕進行 可勾選和不可勾選 的操作。代碼大概如下： <template> <el-table ref="multipleTable" :data="tab
2018-12-07 15:50:47
原创 vue+elementui 使用tabs 瀏覽器會卡死問題
最近在用vue+elementui開發後臺管理系統，竟然出其不意的遇到了神坑（使用tabs 瀏覽器會卡死問題）。問遍了身邊的前端工作者，表示木有任何一個來遇到該問題。於是，翻翻白眼，能怎麼辦。於是乎，暫時先放棄了，但是偶然之間發現了這個
2018-11-28 13:03:19
37
原创 sass項目中的錯誤總結
正在積累中，目前是發現一個記錄一個哈： 1、錯誤一：Media query expression must begin with '(' 原因：import的結尾漏掉了 分號 ； 解決方法：加上；即可
2018-11-28 13:03:19
原创 js canvas實現畫圖、濾鏡效果
這篇文章主要爲大家詳細介紹了js canvas實現畫圖、濾鏡效果，具有一定的參考價值，感興趣的小夥伴們可以參考一下 本文實例爲大家分享了canvas實現畫圖、濾鏡效果的具體代碼，供大家參考，具體內容如下 1、用ca
2018-11-27 22:06:37
原创 觀察者模式的理解
最近看到了觀察者模式的例子，以此記錄一下。都是通過代碼例子來說明的。如有不對，歡迎指出。 觀察者設計模式的原理的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset=
2018-10-13 00:55:46
原创 頁面添加滑動驗證碼
增加後的效果如圖所示：因爲項目需要，需要在註冊頁面添加滑動驗證碼。所以在此記錄一下。我這裏寫的都是前端需要添加的代碼。1、首頁引用極驗驗證碼所需的js文件。需要注意的是：如果網站是http協議則引用如果網站是https協議，則引用2、前端
2018-09-04 15:56:08
4