原创 js實現交通燈（兩種方案）

簡介 剛在抖音上刷到一個面試題，說實現交通燈的方案，我一開始想到的是通過定時器去實現，沒想到他提到了一個問詢的方式去實現，藉此記錄下來，本文介紹了兩種方案去實現交通燈以及對應的倒計時。廢話不多說，上代碼 html+css html代碼如下：

2024-03-18 14:19:46 1

原创 harmonyOS一：基本語法

基本語法 文件構成 一個文件以 __.ets__結尾的，基本上要包含 裝飾器 @Entry @Component @builder @State ... 自定義組件 用@Component裝飾的struct Index 變量

2024-01-11 14:25:25

原创 網格佈局grid

起因 昨天面試的時候，出了一道面試題，模擬面試公司的列表的元素寬度伸縮變化，根據屏幕大小的不同，一行上放置最多的元素，元素寬度不固定，間距固定,可換行，靠左對齊，當時猜出來用flex➕js監聽resize來實現，最後發現媒體查詢結合grid

2023-10-27 14:22:32

原创 git問題.git/index.lock': File exists.

緣由 不知道之前動了git的什麼操作還是git更新了，每次在git add/git commit的時候總是彈出此類問題 git add -A -- /Users/shiqinghao/eqx-work/eip-client/src/view

2023-03-16 14:25:30

原创 vue-router切換路由時同一組件不更新問題

場景 在研發中有一個場景，創建頁和編輯頁是同一個組件不同的path同一個router-view，通過query的參數來區分創建頁還是編輯頁，左邊還有個nav欄，創建頁和列表頁，列表頁點擊某一項直接切換到編輯頁。現在有個問題就是點擊nav欄時

2022-07-22 14:26:41

原创 es6運算符- ?.與??與??=與&&=與!!

?. 鏈判斷運算符 左側的對象是否爲null或undefined，若是則不再往下運算，而是返回undefined，否則一直運算下去，直到返回最後一個值。 鏈判斷運算符?.讀取深度嵌套在對象鏈中的屬性值，而不必驗證每個值。當值爲空時，表達式停

2022-07-08 14:38:32

原创 簡單實現一個流程圖（箭頭流程圖）

前言 在項目中有一個需求，做一個流程圖，本來想着ctrl+c/v來着方便些，網上查了一下，少之又少，就乾脆自己寫了一下，供大家參考。示例圖如下。 本次開發用的是vue+scss形式，不過基本上都是css3+js而已，簡單易懂，同樣也好拓展。

2021-11-03 14:32:19

原创 TypeScript學習筆記--接口

接口 interface 此接口非彼接口，在ts中只是對象的一種，用來定義對象的類型 什麼是接口 在面嚮對象語言中，接口（Interfaces）是一個很重要的概念，它是對行爲的抽象，而具體如何行動需要由類（classes）去實現（imple

2021-10-29 14:29:39

原创 TypeScript學習筆記--函數function

函數 function 在ts中，函數是主要的定義 行爲的地方。 TypeScript爲JavaScript函數添加了額外的功能，讓我們可以更容易地使用。 聲明方式 在 JavaScript 中，有兩種常見的定義函數的方式——函數聲明和函數

2020-11-01 13:54:00

原创 TypeScript學習筆記--數據類型

開頭 ts的基本類型學習 一 string 字符串 和js的聲明方式一樣，只不過在聲明變量之前定義數據類型而已 聲明方式是小寫，不是大寫 let name :string = 'peter' let str :string = \`my

2020-10-21 13:54:20

原创 TypeScript學習筆記--初始化

安裝 npm install -g typescript 初始化ts.config問題 mac 在實行tsc --init時，報bash: tsc: command not found 解決辦法： 輸入cd ~/ 進入當前用戶的hom

2020-10-14 13:54:24

原创 node實現防盜鏈

什麼是防盜鏈 盜鏈，顧名思義就是盜竊鏈接，就是在他人未經允許的情況下，去使用他人站點的任何圖片，視頻，內容等資源，來藉此提升已用的站點的活躍度，嚴重損壞了別人的利益。那麼防盜鏈就是採用一些辦法阻止自己的資源被盜用。 模擬圖片防盜鏈 一般情況

2020-04-18 13:44:56

原创 封裝cookie設置和獲取的簡易方法

(function() { var tool = { expires: "expires", // 過期時間expires path: "path", // 路徑 domain: "

2018-09-21 22:33:46