原创 JS中常用的四種數組拼接方法
1、方法一:concat c是新數組,此時內存使用有,c,a,b三個數組。 var a=[1,2,3,4,5]; var b=['lucy','andy','bob']; var c =a.concat(b) console.log(
原创 個人站——聯繫我頁面設計
項目目標:主體內容居中顯示,底部會有Github/CSDN/微信和QQ等聯繫方式,前兩個點擊可以跳轉到對應網址,鼠標在微信和QQ上時會出現二維碼。 步驟一:引入BootStrapCDN及wow.js/animate.css並創建基本佈局
原创 個人站——技術棧頁面設計
項目目標:大圓圈順時針旋轉,小圓圈逆時針旋轉,文字及圓圈分從右邊和左邊動畫效果進入,頁面展示效果 步驟一:引入BootStrapCDN並創建基本佈局 首先我們需要引入bootStrap的CDN <!-- 最新版本的 Bootstr
原创 uniapp如何引入colorUI
color UI 使用文檔 https://www.kancloud.cn/m22543/colorui/1289227 Uni-app中引入第三方ColorUI 1.去colorui官網下載colorui壓縮包 官方網址:htt
原创 APICloud Studio菜單欄不顯示
許多新入門的小夥伴對APICloud Studio的開發工具中一個不小心按了什麼鍵,然後菜單欄不見了,而且卸載重裝但重裝後也是一樣依舊沒有菜單欄,解決方法 : 按Alt鍵 來控制菜單欄的顯示與隱藏 可以去菜單欄中-----APICloud
原创 element-ui走馬燈實現圖片自適應
elementUI走馬燈實現圖片自適應(等比縮放,使得圖片縮小不擠壓,放大不拉伸變形) 解決方法的原理:監聽屏幕視口大小如果'resize',發生改變了,就獲取圖片的高度height,然後渲染到頁面 ElementUI 地址: https
原创 uni-app中如何引入uViewUI?
uni-app 引入uViewUI uViewUI官方地址:https://uviewui.com/ 1、npm 安裝uViewUI // 安裝 npm install uview-ui 2、npm 安裝方式的配置 uView依
原创 如何將阿里圖標庫的引入項目中?
阿里圖標庫官網:https://www.iconfont.cn/ (1)方法一:通過下載png類型的圖片,使用image標籤來使用圖標 (2)方法二:使用字體圖標方式 1)選中icon,並添加到購物車 2)點擊右側購物車
原创 9種水平垂直居中的方法(最詳細)
9種水平垂直居中的方法: 可以直接複製代碼去體驗一下。已引入了vue組件和elementUI組件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 引入Ele
原创 Touchwx 的基本項目創建
Touch wx 的基本項目創建 沒安裝相關環境的小夥伴去看另一篇環境配置文檔:https://blog.csdn.net/qq_40976321/article/details/104763659 --1、首先選擇一個空的文件夾 --
原创 uni-app 預編譯器錯誤:代碼使用了less語言,但未安裝相應編譯器
HBuilderX 預編譯器錯誤:代碼使用了less語言,但未安裝相應編譯器,請在菜單工具-插件安裝裏安裝相應編譯插件 解決方法: 頂部菜單欄----工具----插件安裝----選擇自己的預編譯語言less/sass 之後重新啓動項
原创 TouchWX 入門教程(1)
TouchWX的安裝 --1.node安裝 推薦使用node 6.10.0,node下載地址: https://npm.taobao.org/mirrors/node/v6.10.0/node-v6.10.0-x64.msi Window
原创 鼠標滑過圖片文字遮罩效果
常見的鼠標滑過圖片文字遮罩效果 一、從底部上升的遮罩效果: 解析: 完整實例代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 引入Ele
原创 object-fit : CSS 圖片自適應
object-fit : CSS 圖片自適應 .fill { object-fit: fill; } .contain { object-fit: contain; } .cover { object-fit: cover; } .n
原创 vue+ElementUI頁面模板
一 在普通HTML項目中引入elementUI vue+elementUI的HTML頁面模板,可以直接套用 引入 vue CDN: <!-- 引入vue組件庫 --> <script src="https://cdn.jsdelivr