原创 vue 複雜表格的遍歷渲染
目標效果 原始數據 { "data": [ { "projectName": "項目一", "model": [ { "modelN
原创 發送短信驗證碼,60秒倒計時重發
<template> <el-input size="small" placeholder="請輸入驗證碼" v-model="phoneCode"> <el-button :disabled="disSe
原创 自動註冊路由
main.js中 // 插件-路由 import VueRouter from 'vue-router' Vue.use(VueRouter) import {routes} from "./routes"; //自動註冊路由- p
原创 vue 滑動拼圖驗證
目錄 1. 新建文件 dragVerifyImgChip.vue ,複製粘貼下方代碼 2. 在任意vue文件中使用 使用方法 1. 新建文件 dragVerifyImgChip.vue ,複製粘貼下方代碼 <templ
原创 圖片熱點超鏈接
對圖片的局部區域加超鏈接,該怎麼做呢?這裏的難點在於座標的確定,此時需要用到Dreamweaver。 上圖中,切換到“設計”標籤,然後: 上圖中,點擊菜單欄插入-圖像,導入圖片: ,在圖片上點擊右鍵,選擇屬性,彈出屬性面板: 上圖
原创 CSS特效-超鏈接動感波浪線
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 邊框</title> </head> <body> <style
原创 VS Code教程
目錄 搜索技巧 新建文件和文件夾技巧 選中技巧 其他技巧 推薦設置 改完代碼後立即自動保存 推薦插件 GitLens Bracket Pair Colorizer 2 highlight-icemode 其他插件 TODO Highli
原创 base 標籤
寫在<head></head>標籤內,指定基礎的路徑。指定之後,所有的 a 鏈接都是以這個路徑爲基準。 <base href="/">
原创 《普通人改變命運最關鍵的10年》學習筆記
以下學習筆記源自學習材料《普通人改變命運最關鍵的10年》https://mp.weixin.qq.com/s/7w_pmJ8RwCewMIq7libZtA —— 學習筆記整理人:DOS大學校長-朝陽 13908056224 目錄 “心
原创 單頁面 VS 多頁面
單頁面應用(SinglePage Web Application,SPA) 只有一張Web頁面的應用,是一種從Web服務器加載的富客戶端,單頁面跳轉僅刷新局部資源 ,公共資源(js、css等)僅需加載一次,常用於PC端官網、購物等網站 如
原创 CSS 盒模型 VS IE 盒模型
怎樣纔算一個盒子? 內部能放內容的html標籤都是盒子,如div,span,a,p,h1-h6等 內部無法放內容的html標籤則不是盒子,如圖片img 整個網頁最大的盒子是<document>,即瀏覽器。而<body>是<docume
原创 多背景
給一個盒子同時設置多個背景,用以逗號隔開即可,可用於自適應佈局。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title
原创 顏色的HSLA 表示法
舉例: background-color: hsla(240,50%,50%,0.4); 解釋: H 色調,取值範圍 0~360。0或360表示紅色、120表示綠色、240表示藍色。 S 飽和度,取值範圍 0%~100%。值越大
原创 裁剪展示clip-path
clip-path屬性可以創建一個只有元素的部分區域可以顯示的剪切區域。區域內的部分顯示,區域外的隱藏。 雖然clip-path不是背景屬性,但這個屬性非常強大,但往往會結合背景屬性一起使用,達到一些效果。 舉例:(鼠標懸停時,放大裁剪的
原创 直接使用阿里圖標SVG圖片
打開阿里圖標庫 https://www.iconfont.cn/search/index?searchType=icon&q=%E7%94%B7 鼠標移動到需要使用的圖標上 在項目中需要的地方粘貼即可使用! 修改默認的icon樣