原创 原生js的input事件
1.onfocus 當input 獲取到焦點時觸發 2.onblur 當input失去焦點時觸發，注意：這個事件觸發的前提是已經獲取了焦點再失去焦點的時候纔會觸發該事件，用於判斷標籤爲空。 3.onchange 當input失去焦點並
2020-06-08 14:16:34
原创 js表單元素
1.input和texte <input type="text"/> <textarea name="" id="" cols="30" rows="10"></textarea> 獲取輸入框的值 oninput事件用戶輸入時觸發 o
2020-06-08 14:16:34
原创 vue checkbox的多選
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-05-14 16:17:09
原创 搜索記錄的問題
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-05-11 22:09:55
原创 element-ui autocomplete 模糊搜索
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <!-- import CSS --> <link rel="stylesheet"
2020-04-23 20:57:34
原创 僞類元素的使用
<dl class="hot-search"> <dt class="hot-search-menu"> <span>熱門搜索</span> </dt> <dd class="hot">opencv</
2020-04-15 06:58:03
原创 setTimeout實現輪循
1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device
2020-02-21 15:14:04
原创 js獲取前一天時間段的日期格式
date.js export function formatDate(date, fmt) { var date = new Date(date); //傳入的fmt格式爲 'yyyy-MM-dd hh:mm'
2020-02-21 15:14:03
原创 vue 強制組件重新渲染（重置）
數據通過異步操作後，對之前剛加載的數據進行變更後，發現數據不能生效 方案一 當數據變更後,通過watch 監聽，先去銷燬當前的組件，然後再重現渲染。使用 v-if 可以解決這個問題 <template> <third-comp v
2020-02-21 15:14:03
原创 js 事件流（2）
一、概述 事件流：事件流描述的是從頁面中接收事件的順序。 DOM事件流傳播的三個過程： 事件捕獲階段 ——》 處於目標階段 ——》 事件冒泡階段。 事件冒泡：事件開始時由最具體的元素接收，然後逐級向上傳播到較爲不具體的元素 事件捕獲
2020-02-21 15:14:03
原创 vue的scoped修改三方組件的局部樣式
vue引用了第三方組件，需要在組件中局部修改第三方組件的樣式，而又不想去除scoped屬性造成組件之間的樣式污染。此時只能通過 >>>，穿透scoped。 有些Sass 之類的預處理器無法正確解析 >>>。可以使用 /deep/ 操作符(
2020-02-21 15:14:03
原创 Vue Router 的params和query傳參的使用和區別
首先簡單來說明一下$router和$route的區別 //$router : 是路由操作對象，只寫對象 //$route : 路由信息對象，只讀對象//操作 路由跳轉 this.$router.push({ name:'he
2020-02-21 15:14:03
原创 js 事件流
Javascript與HTML之間的交互是通過事件實現。 一、事件流 事件，是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。事件流，描述的是頁面中接受事件的順序。IE9，chrome，Firefox，Opera，Safari均實現了DOM2
2020-02-21 15:14:03
原创 前端crypto-js加密
AES加密 今天做了Vue項目的加密，主要做了登錄接口，保證登錄的安全性能。 網上關於 AES 對稱加密的算法介紹挺多的，對這一塊還不是特別理解的小夥伴可自行百度，這裏我推薦一篇AES加密算法的詳細介紹與實現，講的還是蠻詳細的~ 要
2020-02-21 15:14:02
原创 js身份證號校驗
if (card === '') { console.log('請輸入身份證號，身份證號不能爲空'); return false; } if (isCardNo(card) === false) { c
2020-02-21 15:14:02