原创 前端實現一鍵複製到剪切板
複製是網頁上很常見的一個功能，下面就使用js來實現複製功能； // 複製功能 copyUrl(dom) { var copyDOM = document.querySelector(dom); //需要複製文字的節點 va
2020-07-01 21:29:38
1
原创 js倒計時實現及vue輪詢報錯問題
遇到驗證碼獲取倒計時等場景需要用到定時器Interval，以下展示vue中計時器的用法 data() { return { codeTime: 60, // 倒計時讀秒數 codeTimer: F
2020-07-01 21:29:38
原创 isObject()等JS開發常用工具函數
1、isPrimitive() 檢測是不是原始數據類型 JS原始數據類型：Number、String、Boolean、Null、Undefined let isPrimitive = (value)=> { return (
2020-07-01 21:29:38
39
原创 CSS換行和CSS不換行
一、換行 1、使用<br/>標籤強行換行 2、在大段落使用<p></p>標籤實現大換行 3、連續數字或字母換行：{ word-wrap: break-word ; word-break: break-all; } 二、不換行 1、di
2020-07-01 21:29:38
3
原创 如何在vue項目中使用websocket
一般先要在項目中使用websocket對某個數據流進行監聽，最好使用全局方式來定義websocket 具體代碼如下： <script> export defalut { data() {
2020-07-01 21:29:28
原创 antd上傳組件踩坑和封裝
效果圖： 1、公共組件封裝： 將antd中的上傳組件進行改進： 不同文件格式使用不同上傳樣式； 增加上傳限制：大小，數量，尺寸； UploadCustom.js import { PlusOutlined, UploadOutline
2020-07-01 21:29:28
2
原创 js網址域名的校驗
二話不說，直接上代碼 export const IsURL = (str_url) => { const strRegex = '^((https|http|ftp|rtsp|mms)?://)' + "?(([0-
2020-07-01 21:29:27
原创 react封裝請求攔截處理
request.js import { Modal } from "antd"; import axios from "axios"; const instance = axios.create(); // 是否正在刷新token
2020-07-01 21:29:27
原创 四種方案實現CSS兩欄佈局
實現兩欄佈局：左側定寬，右側自適應 html： <html> <head> </head> <body> <div class="container"> <div class="left">LEFT
2020-07-01 21:29:27
1
原创 vue封裝圖片滑塊驗證組件
滑塊驗證組件整體不難，主要在於設置圖片的樣式問題，想要讓背景圖充滿div，就需要滑塊圖片也跟隨等比放大，效果與代碼如下： HTML： <template> <section class="slider-section">
2020-07-01 21:29:27
1
原创 react空標籤
在vue開發中，我們常常用<template></template>作爲一個不可見的包裹元素，用來包裹不能有父級容器的標籤（例如tbody）； 在react開發中，也有這樣一個空標籤<React.Fragment>，給需要的組件或元素提供
2020-07-01 21:29:27
原创 2020最全的前端面試大全
一、HTML和CSS 1、css動畫實現： animation（動畫）：keyframes提供了更多的控制；可以指定播放次數或是無限循環；可以定義動畫的中間狀態 transition（過渡）：需要事件來觸發；是一次性的，不能重複發生；
2020-07-01 21:29:27
1
原创 使用vue-cropper實現最實用的圖片裁剪組件
先上效果圖： 1、安裝vue-cropper npm install --save vue-cropperjs 2、項目中引入使用： （1）全局引入man.js import Vue from 'vue' import VueCro
2020-07-01 21:29:27
原创 五種方案實現CSS三欄佈局
方案一、浮動佈局float <html> <head> <style> .container::after { content: ''; display: block;
2020-07-01 21:29:27
1
原创 react實現一鍵複製
前端實現一鍵複製功能除了用原生js和window屬性來寫，還可以使用外部插件 react-copy-to-clipboard 使用方法如下： 1、安裝 $ npm install --save react-copy-to-clipboa
2020-04-12 07:41:25