原创 flex強化學習

Flex學習 一 Flex 佈局是什麼? Flex 是 Flexible Box 的縮寫,意爲"彈性佈局",用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲 Flex 佈局。 .box{ display: flex; } 行

原创 flex 佈局,元素不固定處理

最近用flex佈局,但是每個欄目數目不固定,佈局起來,有些很緊密,有些間距才超級大,與設計稿的效果相差太遠太遠了。 之前我處理,是寫一堆樣式,把可能的情況都包含,勉強可以實現。   今天又碰到類似的問題,但是我不想那樣寫了。於是網上搜索了。

原创 uviewui2 組件在項目使用相關配置

uviewui 組件使用 一 創建uniApp 新建——項目——uni-app——默認模板 二下載 uviewui 組件 下載地址:https://ext.dcloud.net.cn/plugin?id=1593 點擊: 下載插件ZIP

原创 頁面開發

隱藏樣式,有三種方法 一種是dispplay 第二種是透明度 第三中是  visibility: visible; <!DOCTYPE html> <html> <head> <meta charset="utf-8">

原创 響應式網頁編寫學習一

樣式     注意media 中width 屬性設置,那是爲了頁面大小連貫,不出現滾動條。最後一個設置居中,其他都是100%。 padding: 10px; box-sizing: border-box;   加上面兩個樣式是爲

原创 響應式頁面開發學習二

效果一    效果二    效果三    效果四    頁面代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 響應式頁

原创 js 列表分組處理

  getList(){ let data=[ { workflowDefinitionId:'workflowDefinitionId', name:'退款申請',

原创 node 升級導致Node Sass 衝突問題

今天把node.js 從  v12.16.3 升級到  v16.14.2 然後原來的程序系統出現了這個問題    先刪除  npm uninstall node-sass 或 cnpm uninstall node-sass

原创 TypeScript 升級或卸載或安裝總是 1.0.3.0的問題解決

之前的版本查看     無論升級,安裝,還是卸載都是上面那個版本。 解決辦法:   找到文件路徑 C:\Program Files (x86)\Microsoft SDKs\TypeScript  這裏沒有1.0,是因爲我已經刪除了。

原创 TypeScript 學習一

根據教程安裝 TypeScript  參考:https://www.runoob.com/typescript/ts-install.html   打開vscode 新建文件hello.ts ,保存在 E:\20220318 輸入內容 (

原创 win10系統同時安裝 vue2和vue3

之前電腦一直是用vue2開發,所以vue3沒有安裝。 現在要開始用vue3開發了。所以要學習了。   因爲之前的項目也要維護所以,必須安裝兩個版本。 今天在網上搜索了一下,找到方案了。 首先在電腦上找一個盤,我是F盤,新建一個文件夾vue3

原创 DatePicker 日期選擇器 快捷方法,今天,昨天,本週,上週,本月 ,上月,本季度,上季度,本年和上年腳本

需求就是日期選擇需要快捷方法,並且需要這些選項 今天,昨天,本週,本月,上月,本季度,上季度,本年,上年,最近7天,最近30天。 網上找了幾個,然後綜合了一下,基本滿足了需求功能要求, 上代碼   <el-form-item label

原创 我們一起來學習vue3

這是我學習vue3做的一個demo,功能實現了增刪查改。是演示效果,沒有真正與數據庫打交道。 做這個demo的過程中,我遇到了幾個問題。還好一一解決了。所以我覺得必要分享出來。 給各位像我一樣的新手。少浪費一些時間,多學習一些新知識。 我也

原创 nginx在centos服務器上的操作

nginx相關配置操作 1 下載和安裝 下載連接 https://nginx.org/en/download.html 安裝和配置教程 https://www.cnblogs.com/fengff/p/8892590.html 2 使用 s

原创 最新的vue3練習

需要實現的功能是,點擊列表(子組件),修改父組件的值,並改子組件變背景顏色。 效果圖 這裏用兩種方法實現,應該還有第三種,第四種,第五種。 如果有更好的方式,歡迎大家留言提供。  頁面 最上級頁面 <template> <div