原创 HTML DOM 基本操作

<div id="box" class="cla"> <ul> <li id="list1"></li> <li id="list2"></li> </ul> </div> 獲取元素 //通過id名獲取元素 docu

原创 Canvas - 幀動畫

目標:用 Canvas 實現幀動畫 先看頁面效果。下面四個按鈕分別表示 開始、結束、暫停、繼續 下面是幀動畫圖片素材: 該功能的實現,關鍵點是 ctx.drawImage() 方法(9個參數)和 setInterval 定時器。

原创 Ant Design Vue按需加載組件報錯

具體加載方式戳官方文檔: antd之按需加載組件 我們這裏主要說說踩到的坑,報錯如圖: 官方給的例子是Button,用同樣方式,我成功加載了Table, Input, Form等組件,但FormItem 報錯沒有正確註冊組件。

原创 uni-app開發安卓APP運行到真機,未檢測到手機或模擬器

本文以 EMUI10 手機系統爲例(華爲、榮耀手機) 問題 在開發安卓應用時,因爲安卓模擬器性能較差,uni-app官方不推薦使用,所以選擇真機運行的方式調試。 上手就踩了一個小坑,在 HBuilderX 內點擊 運行——運行到手

原创 Mongoose如何實現多對多查詢?

假設有兩張表,order訂單表和product商品表 // order表 { orderno: 'zs202002162234', createtime: '2020-02-16', price: 10000, produ

原创 JS循環性能對比

最近在做的在線商城項目,因爲數據量大,循環操作較多,所以項目性能優化先從循環開始;以下是JS幾種常見遍歷方式用例和性能對比: // 模擬數據 let arr = [{ name: 'zs', age: '11'}, { na

原创 node.js端口號被佔用,修改端口號

api-server 文件夾內執行命令行 node app.js,報錯 node.js 端口號 8888 被佔用。 Error: listen EADDRINUSE :::8888 at Server.setupListenH

原创 測試出select標籤樣式的幾個特性

測試出select標籤樣式的幾個特性: 1)select標籤是內聯塊標籤; 2)select標籤不能繼承body(父級)的任何屬性; 3)select標籤默認樣式margin:2px; font-size:13px; font-fam

原创 測試三組jQuery基本動畫,總結函數執行過程

測試三組jQuery基本動畫,總結函數執行過程一、show(), hide() 放大縮小show() 放大hide() 縮小toggle()二、slideDown(), sildeUp() 垂直伸縮slideDown() 拉高slid

原创 jQuery中的尺寸函數和位置函數offset系列、position系列、scrollTop系列

jQuery jQuery尺寸函數 height() 設置或返回元素的高度(不包括內邊距、邊框或外邊距) width() 設置或返回元素的寬度(不包括內邊距、邊框或外邊距) innerWidth() 返回元素的寬度(包括內邊距) in

原创 HTML DOM 操作

<div id="box" class="cla"> <ul> <li id="list1"></li> <li id="list2"></li> </ul> </div> 獲取元素 //通過id名獲取元素 docume

原创 JavaScript的offset系列,client系列,page系列,scroll系列

JavaScript的offset系列,client系列,page系列,scroll系列 一、offset系列 offsetX,offsetY 是該事件發生的盒子模型裏的座標,以盒子模型的左上角爲原點,與滾動條無關。 offsetLe

原创 塊標籤、內聯標籤、內聯塊標籤特性

塊標籤: 支持所有CSS樣式; 繼承父級寬度; 獨佔一行; 代碼換行不被解析。 內聯標籤: 不支持寬高,不支持上下margin和padding; 內容撐開寬度; 同屬性標籤同行排列; 代碼換行被解析爲一個空格; 標籤間距大小取決