原创 webpack配置項目並啓用靜態服務運行項目
demo倉庫地址 1. 新建一個js文件 2. npm init -y 初始化建立package.json文件 3. 安裝webpack和webpack-cli yarn add webpack -D yarn add webp
2020-04-13 23:08:25
原创 Taro 實現購物車 點擊修改商品數量 阻止事件冒泡
場景描述： 使用：Taro框架、 TaroUi框架組件：(InputNumber 輸入框)、 小程序原生組件(Checkbox) 問題： 購物車商品展示實現一般都是多選框包裹住商品信息，但這樣隨之而來的問題是，在點擊數量增減的時
2020-03-18 09:35:19
原创 npm 或 yarn安裝依賴報錯 EPERM: operation not permitted, unlink 解決方法
1. 權限問題 檢查是否限制爲只有管理員才能操作，打開當前項目的文件夾然後選中要打開的項目文件，在點擊左上角的 文件 然後以管理員身份運行。在裏面執行安裝命令npm i ...,yarn add ... 2. 緩存問題 np
2020-03-15 23:23:49
3
原创 Flex 佈局 元素被擠壓的問題
Flex 意爲 “彈性佈局”，是一種在開發靜態頁面過程中常用的佈局模式。 開發購物車使用flex佈局的時候遇到的一種場景： 具體如圖所示， 當商品名稱超出兩行文字時顯示省略號， 但是使用flex佈局， 佔位較多的子元素會去擠壓
2020-03-13 15:15:47
2
原创 CSS Module 在vue和react中的多類名寫法
vue： <van-panel :class="[$style.others, $style.panel]"/> 動態添加類名： :class="[$style['tag-active'], {[$style['tag-norm
2020-03-11 07:20:18
原创 解決VSCode沒有代碼提示的問題
在使用vscode寫代碼的過程中，有時候會遇到代碼提示沒有了，還有自己定義的常用的代碼片段，比如console 或者是const等等； // 自定義的代碼片段 "Print to console": { "prefix"
2020-03-07 20:35:17
66
原创 電商平臺添加商品到購物車中邏輯
一般都會把商品信息存儲於緩存之中，web端cookie可存的容量較小，sessionStorage關閉當前頁面便會銷燬數據，所以一般選擇localStorage存儲購物車的數據，小程序直至使用get/setStorageSync,
2020-02-26 21:21:00
原创 微信小程序商城
微信小程序電商平臺 視頻學習：零基礎玩轉微信小程序 跟着視頻中老師敲了一遍，自己換了數據接口又折騰了一遍。 數據使用的是：api工廠 ，免費使用，有配套的後臺管理，更詳細的使用可以前去官網查看相關文檔。 學習：微信小程序商城 本項
2020-02-25 22:59:15
原创 微信小程序學習三(wxml語法)
主要記錄學習過程中使用次數較多的內容 官方文檔-wxml語法參考 數據綁定 wxml中的動態數據均來自對應的Page的data 簡單綁定 數據綁定使用Mustache語法（雙大括號）將變量包起來。 內容 <!-- inde
2020-02-21 02:59:57
原创 The data property "value" is already declared as a prop. Use prop default value instead.
在prop和data中重複定義變量"value"。 點贊 收藏 分享 文章舉報 Kotoba209_ 發佈了29 篇原創文章 · 獲贊 2 · 訪問量 7590 私
2020-02-21 02:59:57
原创 vue註冊局部組件與全局組件
局部組件 創建一個.vue文件如myComponent.vue 頁面內容隨意 如： 在需要用到該組件的頁面引入該組件 使用 命名規則詳情見文檔vue官方文檔 全局組件 新建一個plugins文件夾 在文件夾中創建放
2020-02-21 02:59:57
原创 vue 對象屬性數組從對象數組中動態渲染值
數據格式如下 arr1 = [ "規格", "重量" ] arr2 = [ { "規格": "7號", "重量": "10斤" }, { "規格": "5號", "重量": "8斤" }, { "規格": "7號", "重量"
2020-02-21 02:59:57
原创 css margin塌陷問題
css margin塌陷問題 垂直並列 先設置兩個div，並分別設置寬高背景色。 <style> * { margin: 0; padding: 0; } .box1 { width
2020-02-21 02:59:57
原创 微信小程序學習四(WXS 語法)
主要記錄學習過程中使用次數較多的內容 WXS（WeiXin Script）是小程序的一套腳本語言，結合 WXML，可以構建出頁面的結構。 WXS 與 JavaScript 是不同的語言，有自己的語法，並不和 JavaScri
2020-02-21 02:59:57
原创 實用的開發過程中命名 變量或方法的工具
推薦一個好用的在開發的時候命名 方法或變量的工具CODELF 點贊 收藏 分享 文章舉報 Kotoba209_ 發佈了29 篇原創文章 · 獲贊 2 · 訪問量 759
2020-02-21 02:59:57