原创 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樣