原创 前端面試題（四）—— 事件委託（Event Delegation）
一、什麼是事件委託 事件委託（Event Delegation）是一種常用的技術。 它利用事件冒泡的特性，在父元素上監聽事件，而不是在子元素上直接添加事件監聽器。 通過在父元素上捕獲事件，然後根據事件的目標（target）來執行相應的操作，
2024-02-28 14:26:42
1
原创 前端面試題（一）—— CSS 盒模型
一、什麼是 CSS 盒模型 CSS 盒模型是指在網頁中，每個元素都被看作是一個矩形的盒子，這個盒子包含了元素的內容（content）、內邊距（padding）、邊框（border）和外邊距（margin）。 二、標準盒模型與怪異盒模型
2024-02-28 14:26:42
1
原创 前端面試題（三）—— 跨域
一、什麼是跨域 1、跨域的產生 在Web開發中，一個網頁請求另一個域（域名、協議、端口號任一不同）的資源，就會發生跨域。 2、跨域請求 跨域請求是指在瀏覽器中執行的請求，其目標資源的域名、協議或端口與當前頁面不同。 3、跨域資源共享（COR
2024-02-28 14:26:42
6
原创 看看 ChatGPT 給的前端面試題
以下是一些可能出現在中國互聯網公司前端開發工程師面試中的題目： 解釋一下 CSS 盒模型，並說明其中的各個部分。 請解釋一下響應式設計是什麼，以及你是如何實現響應式設計的。 什麼是跨域資源共享（CORS）？它的工作原理是什麼？如何在前端處
2024-02-27 14:24:18
3
原创 面試題（二）—— 響應式設計
一、什麼是響應式設計 是一種網站或應用程序設計方法 頁面的佈局、內容、以及功能在不同的設備和屏幕尺寸下都能夠自動適應 確保用戶無論在何種設備上都能夠獲得一致且友好的體驗 二、如何實現響應式設計 1、流式佈局 使用百分比、em或rem等相
2024-02-27 14:24:18
1
原创 Liquid 常用語法記錄
一、什麼是 Liquid Liquid 是一款專爲特定需求而打造的模板引擎。 Liquid 中有兩種類型的標記：Output 和 Tag。 Output 通常用來顯示文本 {{ 兩個花括號 }} Tag 通常用於執行邏輯命令 {%
2024-01-09 14:49:14
原创 2023年第一篇，希望不是最後一篇
2023年好快啊，一轉眼就要結束了 (⊙︿⊙) 我竟然一整年都沒有寫一篇博客 Σ(⊙▽⊙"a 我這一年都幹啥了？！ 回想一下，主要就是各種主題開發…… 論壇 Discourse 自定義主題，電商平臺 magento 和 shopify 的自
2023-12-06 14:24:57
6
原创 小程序threejs參考
之前做了一個小程序眼鏡試戴的功能，涉及了人臉識別和3D模型渲染等。暫時記錄一些參考的東西，有時間再整理。 threejs官方文檔（一定要看看） https://threejs.org/docs/index.html#manual/en/in
2022-11-25 14:25:56
原创 小程序 AI/AR 能力
一、關於 VisionKit 1、定義 VisionKit 爲小程序提供了開發 AR 功能的能力，包含了 AR 在內的視覺算法。 2、版本 提供了 V1 和 V2 兩個版本，區別如下： V1平面接口，適用於用戶在平面場景下，例如桌面
2022-09-23 14:34:58
原创 關於Image的mode屬性（多圖示例）
一、總覽 Image的mode是指圖片裁剪、縮放的模式，共有14個合法值，分別是： /** 縮放模式，不保持縱橫比縮放圖片，使圖片的寬高完全拉伸至填滿 image 元素 */ scaleToFill /** 縮放模式
2022-09-09 14:22:52
原创 使用fontforge修改字體，只保留數字
設計圖上的數字採用了Roboto字體，原字體文件200多k，而小程序主包最大2m，承受不起這麼大的字體。因爲只用到了數字，所以可以使用fontforge編輯字體，刪除多餘的部分。 一、下載並安裝fontforge https://www.m
2022-08-09 14:41:30
1
原创 小程序中用css修改svg的顏色
記一下(#^.^#) <div class="svg"> <img src="./firefox-logo.svg" class="svg-color"> </div> //css .svg { width: 30px;
2022-07-07 14:36:23
原创 Flutter學習（一）——創建一個項目
本文基於 flutter 2.5.1，開發工具 Visual Studio Code。 一、創建 打開 VS Code 點擊 View > Command Palette…（快捷鍵command+shift+p） 搜索‘flutter’，
2022-04-07 14:23:00
1
原创 dart的map方法如何獲取index
一、前言 我們常常用dart中的map方法遍歷List，但是直接用map，只能取到value，得不到index，這是因爲map方法就只給了一個value，map的實現如下圖： 下面就看看獲取index的方法吧~(#^.^#)~ 提醒：想直
2022-03-25 14:23:23
原创 【筆記】css —— BFC 原理
一、什麼是 BFC BFC 即 Block Formatting Contexts (塊級格式化上下文)，具有 BFC 特性的元素可以看作是隔離了的獨立容器，容器裏面的元素不會在佈局上影響到外面的元素。 二、觸發 BFC 只要元素滿足下面
2022-03-19 14:23:11
2