前端小知識點

2021-09-29 08:21:03 字數 1741 閱讀 8189

列表項前面標註

.********span
值個數分別為1個、2個、3個、4個:

1: margin: 上 = 右 = 下 = 左;

2: margin: 上 = 下 左 = 右;

3: margin: 上 左 = 右 下;

4: margin: 上 右 下 左;(順時針)

html特殊字元編碼對照表

賬號前後不能含空格

let spacereg = /^(\s+)|(\s+)$/

賬號名稱不能含有特殊字元

let specialreg = /^ [a-za-z0-9_\u4e00-\u9fa5]$/;

密碼必須為6~15位的數字母或下劃線

let pwdreg = /^ [0-9a-za-z_]$/;

密碼不能含空格

let reg = /\s+/

郵箱格式

let emailreg = /^ [0-9a-za-z]+@[0-9a-za-z]+.[a-za-z]$/

手機號格式

let phonereg = /^1[3456789]\d$/

一般登入註冊這些就夠用了~

當然~ 戳這有更全的常用正則

1.路由傳參

vue中動態路由的理解與使用

2.vue-router 非同步元件 按需載入

(1)使用以下方式把不同路由對應的元件分割成不同的**塊,然後當路由被訪問的時候才載入對應元件,會更加高效。

import vue from

'vue'

import router from

'vue-router'

vue.

use(router)

export

default

newrouter(]

, mode:

'history'

})

(2)使用import關鍵字引入,這個import(『***』)函式會返回乙個promise物件

(3)vue中使用import路由懶載入的原理、import和require的區別

(1)單行

width

: 300px;

overflow

: hidden;

white-space

: nowrap;

text-overflow

: ellipsis;

(2)多行

width

: 300px;

display

: -webkit-box;

-webkit-box-orient

: vertical;

-webkit-line-clamp

: 2;

overflow

: hidden;

屬性或引數中使用 ?:表示該屬性或引數為可選項

屬性或引數中使用 !:表示強制解析(告訴typescript編譯器,這裡一定有值),常用於vue-decorator中的@prop

變數後使用 !:表示型別推斷排除null、undefined

前端小知識點

1 自呼叫方法 function jquery 這裡把jquery傳遞給 其實是方便你使用 符號而不是jquery關鍵字 2 閉包 函式用到外部變數,不需要傳參就可以獲取 3 extend jquery.extend 函式用於將乙個或者多個物件的內容合併到目標物件。extend dest,src1,...

100個前端小知識點

1.jquery使用 元素 change 可以主動觸發onchange事件,但是僅僅是用於該事件僅適用於文字域 text field 以及 textarea 和 select 元素。同理有onclick 2.div如何在另乙個div裡邊居中 style margin auto left 0 righ...

前端知識點

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 知識點 ul li 中預設選擇class active firstli rem...