原创 網頁HTML調用攝像頭功能
實時預覽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> </head> <body> <div>
2021-05-08 12:57:45
原创 vscode配置備份
備份vscode配置 { "typescript.updateImportsOnFileMove.enabled": "always", "javascript.updateImportsOnFileMove.enabled
2021-04-24 12:57:47
1
原创 正則替換html代碼中img標籤的src值
正則替換html代碼中img標籤的src值 在開發富文本信息在移動端展示的項目中，難免會遇到後臺返回的標籤文本信息中img標籤src屬性按照相對或者絕對路徑返回的形式，類似： <img src="qinhancity/v1.0.0/imag
2021-03-22 18:34:40
1
原创 vue.js實現抖音很火八卦時間數字羅盤屏保壁紙
使用vue.js實現數字羅盤壁紙 代碼如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device
2021-02-01 12:57:51
原创 vue3基礎知識學習系列（二）響應式原理實現
使用對象的 set/get 方法 模擬實現 vue3 ref 單數據響應 const targetMap = new Map(); let currentEffect; class Dep { constructor(val) {
2021-01-26 12:57:51
1
原创 vue3基礎知識學習系列（一）
關於vue3新添加的api 使用匯總(ref,reactive,toRefs,setup,watch, teleport等) <template> <div> <div v-for="(item, index) in
2021-01-22 12:57:48
原创 eslint規則中文解釋
eslintOptions = { "no-alert": 0, //禁止使用alert confirm prompt "no-array-constructor": 2, //禁止使用數組構造器 "no-bitwise": 0
2020-08-26 13:05:40
原创 開發筆記:使用canvas實現3D金字塔比例圖表📈
業務中展現如下： 在線示例 代碼如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/c
2020-08-07 13:05:36
原创 實用網頁UI調試技巧
網頁調試實用技巧 藉助 Chrome 的書籤功能。 打開書籤管理頁 右上角三個點「添加新書籤」 名稱隨意，粘貼以下代碼到網址中 javascript: (function() { var elements = document.bod
2020-06-30 14:26:51
原创 docker部署前端項目
docker部署前端項目 1. 安裝docker nginx # 安裝docker 官網下載不贅述 # 查看docker是否安裝 docker info # docker 安裝nginx docker pull nginx 2. 新建d
2020-06-20 14:27:31
原创 CSS實現不規則圖形，填充漸變色
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <div class="background-box
2020-05-01 13:39:37
1
原创 Fiddler斷點調試
Fiddler斷點調試 使用Fiddler可以對HTTP進行斷點調試，這是Fiddler又一強大和實用的工具之一。通過設置斷點，Fiddler可以做到： 1.修改HTTP請求頭信息。例如修改請求頭的UA, Cookie, Referer
2020-04-21 13:31:28
原创 前端入職項目問題總結
新公司熟悉項目遇到的問題總結 react項目、VSCODE配置eslint保存格式化 { "editor.fontFamily": "Source Code Pro, Consolas, 'Courier New', monos
2020-03-23 14:24:50
原创 react-hooks實現todolist
import React , {useState, useCallback, useRef, useEffect, memo} from 'react'; import './ToDoList.css'; let idSeq = 0; co
2020-03-13 14:31:28