原创 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