改變父元件標籤上屬性繫結值的方式
v-model 幾個實用的修飾符
插槽用法
動態的繫結標籤特性
"url">
...data:
解決方法
本地無法正常顯示
使用 require('本地路徑')
打包後的html頁面顯示空白
找到檔案 config/index.js 修改 build 配置下的 assetspublicpath 為相對路徑 './'
清除瀏覽器預設樣式
在專案引入 reset.css
vue中繫結鍵盤事件
@keydown.enter 注意綁到按鈕上無效
改變狀態值頁面無響應，頁面需下一幀才能得到變化
settimeout(()=>, 0)vue中還可以使用this.$nexttick(()=>)
路由使用history模式無效
這種模式需要在服務端有響應的配置 用hash模式可在前端使用路由
promise的基本用法
var p = new promise((resolve, reject) => ) p.then().catch().finally() promise.all([p1, p2, p3]).then().catch() //全部拿到結果後再執行 promise.race([p1, p2, p3]).then().catch() //有乙個拿到結果就執行
語法格式
簡單描述
array.includes()
檢測陣列中是否包含指定項，返回布林值
()=>{}
箭頭函式，注意它沒有自己的作用域
`***$`
模版字串
new set(array) ==> 使用[...array]
陣列快速去重
array.from(new set(array))
將set變成普通陣列
object.keys().length
判斷物件是否為空
物件拷貝
淺拷貝
對uri編碼和解碼
tofixed 出現無限迴圈小數flex流布局
選擇器優先順序
文字內容超出容器顯示省略號
消除img標籤中的為空時的邊框
img[src=""], img:not([src])
子元素設定浮動後父元素設定 height: auto 無效
.parent::after
設定寬高為相對百分比的情況下讓寬高相等
.parent .child
在less/scss中使用calc()無效
//less中加上~轉譯符號
height: calc(~"100vh-200px")
//scss中使用插值#{}
height: calc(100% - #)
簡單描述
text-decoration: line-through
定義穿過文字的一條線
text-align-last: justify
讓文字兩端對齊
resize: none
禁止textarea拉伸
font-size: 0
讓 input 的 cursor: pointer 樣式生效
touch-action: none
禁用瀏覽器觸控互動
pointer-events: none
讓元素永遠不能成為滑鼠事件的target
elementui
問題描述
解決方法
圖示無法正常顯示
在 build/utils.js 檔案中的 extracttextplugin 外掛程式中加入 publicpath: '../../'
antdesign
問題描述
解決方法
日期選擇框中的年月日是英文
import from 'antd' => import 'moment/locale/zh-cn => import zhcn from 'antd/es/locale/zh_cn' => ...
table元件中含有表單控制項時無法正常使用狀態state
table的column屬性不要定義在狀態中，直接用const接收
echarts
問題描述
解決方法
需要引入import 'echarts/extension/bmap/bmap'
axios
qs.stringify(, ) //形式： ids=1&ids=2&id=3 qs.stringify(, ) //形式： ids[0]=1&aids1]=2&ids[2]=3 qs.stringify(, ) //形式：ids=1&ids=2&ids=3 qs.stringify(, ) //形式： ids=1&ids=2&id=3
import axios from 'axios'
const autotextareaheight = (e) => } const handleblur = () => , 0) } //css // resize: none;
解決方法
ios/safari ***x-xx-xx 日期無效
不支援這種 - 的格式，利用正則替換日期字串 replace(/\-/g, "/")
火狐瀏覽器在檔案域中無法發起ajax請求請求json檔案
首先在瀏覽器位址列中輸入 about:config 然後找到security.fileuri.strict_origin_policy置為 false
ios/safari 使用 transform 時，z-index 無效
需要在祖先元素上加上overflow: hidden;
瀏覽器預設字型不一樣導致空格顯示的長度不一樣
設定樣式font-family: times new roman
ie 報錯 promise 未定義
安裝 babel-polyfill 然後在 main.js 中引入
手機上h5的網路不顯示 403 forbidden
在入口頁面加上
/*eslint-disable*/
.../*eslint-enable*/
2023年度總結
來杭州已經一年半了，在已經過去的2019年是比較難忘的一年，也是工作比較不順心的一年，因為從年初來了上一家公司由於經營原因倒閉了，老闆跑路了，好多同事還在專案裡面投了錢也血本無歸了，然後回了趟老家休息了半個月，本來計畫的考駕照結果諮詢的一下考的時間太久了，原本是要在杭州報的，結果杭州駕校體檢的時候沒...
2019 年度總結
一轉眼,又是一年過去了,自己也漸漸的步入社會找到了第乙份工作,美好的大學生活正在漸漸的離我們遠去,青春也在日月蹉跎中慢慢的老去,這份看似不准時的2019年度報告姍姍來遲,僅在此記錄下22歲的自己在此時此刻的感受和自己走過的2019的春夏秋冬.在2019裡,發生了很多事情,比如說自己從大三步入了大四,...
2023年度總結
今天大年初 四 新型冠狀病毒搞得今年該有的活動缺沒辦法執行 只好窩在家裡。想到19年還沒有總結 就爬起來做個總結，來個展望吧。回想一下自己的2019發生的很多值得回憶的事情，順便展望一下2020年自己計畫。本來不想寫這部分 但總覺得庚子年真是太厲害了 作為堅定的馬克思主義者，不應該相信這些東西的。但...