原创 內聯塊狀標籤在塊狀元素中垂直居中

內聯塊狀標籤在塊狀元素中垂直居中 結構部分 <div> <img src="a.jpg" /> <span></span> </div> css部分 <style>

原创 盒子垂直水平對齊

盒子垂直水平對齊 第一種:已知盒子具體寬高,利用瀏覽器容錯機制居中,和第三種類似 代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></

原创 定位樣式詳解

定位樣式詳解 概念 position:定位樣式,主要包含 relative,absolute,fixed,sticky等 四個值 relative:相對定位 參照自己 沒有脫離文檔流 absolute:絕

原创 搭建原生react-webpack整合項目

搭建原生react-webpack整合項目 初始化項目依賴文件 package.json npm init -y 安裝webpack相關的依賴 webpack/webpack-cli/webpack-dev-serve

原创 nodejs原生服務搭建

nodejs原生服務搭建 node安裝 因爲node安裝這一步比較簡單,百度一下nodejs,然後到官網上下載一個即可 下載下來之後,一路默認安裝 打開電腦命令行窗口 輸入node -v 初始化package.j

原创 原生JS實現日曆封裝

原生JS實現日曆封裝 1.結構部分:注意日曆結構至少是7行7列,我這裏用的是7行7列 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title

原创 vue中動態組件和動態路由的區別

動態組件無法向其他組件內傳遞參數,而路由組件可以 動態組件適用於組件內的切換,比如登錄和註冊就可以動態組件,路由組件則不適用啦

原创 mongodb數據庫多表查詢

mongodb數據庫多表查詢方式大致分爲兩種 ref…與population的形式。這一種僅僅適用於一對多的關係表中,並且ref自動關聯另一個表的_id字段 aggregate…$lookup的形式適用於任何形式,包括一對多,多

原创 nodejs項目上線流程(超全面,整理不易,還請支持)

node項目上線流程須知 1. 租用服務器 你可以在雲平臺購買雲服務器(比如百度雲,華爲雲,騰訊雲等平臺購買。我這裏以騰訊雲作爲講解) 百度一下,搜索騰訊雲(可以使用QQ或者微信登錄) 找到學生機併購買(位於騰訊雲首頁最底部,你

原创 axios中pacth和put的方法區別

axios.pacth和axios.put之間的區別 要修改的對象如下 "username":"wdq", "userage":"28", "usesex":"男", "usertel":"12

原创 json-server

json-server教程 json-server是什麼 json-server是一款模擬數據的工具,它可以使前端開發者利用json文件中的假數據完成增刪改查的一些功能 充當數據庫的json文件要遵循json-server的規

原创 props使用

根據swiper插件封裝swiper組件 組件多次調用複用時,出現輪播點不滑動的問題是因爲同一個swiper元素被操作多次,所以要保證選中元素的唯一性 輪播圖不滑動的問題是因爲數據更新之前,swiper結構已經繪製完畢 封裝

原创 webpack

webpack的基本操作 打包就是把多有東西打到一個文件中,這個文件就是所謂的包 1.webpack的基本配置 常用的基本選項配置 entry:入口 打包到額入口文件 output:出口配置 打包到哪裏 path:打包文件

原创 俄羅斯方塊遊戲

俄羅斯方塊遊戲 一,遊戲結構 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> html,body{

原创 象棋排版

象棋排版 象棋結構 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>象棋</title> <style> *{ margin: