原创 React Swiper輪播圖（二）
目錄 React Swiper輪播圖（一） React Swiper輪播圖（二） 需求 實現React可切換輪播圖 效果預覽 使用庫 swiper官網 https://swiperjs.com/react npm i swipe
2021-08-28 12:55:57
原创 LESS flex佈局和2x圖方案
方案 // flex佈局 .flex_func(@justify-content: flex-start, @align-items: center, @flex-direction: row, @flex-wrap: nowrap) {
2021-08-01 12:56:00
原创 React 使用高階組件封裝Context的兩種方式
Reac中使用Context共享數據時，可以使用高階組件做一個封裝，方便頁面使用 方式一：使用高階組件 1.在App.js中添加狀態共享Provider import Home from './page/Home' import {Pr
2021-07-05 12:55:56
原创 Taro 本地圖片上傳轉Base64
描述 使用Taro將本地圖片轉成base64格式 嘗試一 (真機提示有誤) 使用Taro.chooseImage獲取圖片路徑 然後使用下面的方法轉成base64，但發現真機調試時會提示“接口請求失敗” 模擬器獲取的圖片path是"ht
2021-05-01 12:56:05
1
原创 React PC端懸浮錨點吸頂導航
需求描述 實現PC端吸頂導航 實現分析 先採用absolute絕對定位 滾動超過錨點導航時，修改該導航定位爲fixed 效果預覽 實現方法 /** 錨點導航*/ import React from "react"; import
2021-03-31 12:56:09
原创 LESS 移動端一像素1px線條CSS解決方案
問題描述 有些手機看到的1px線條比較粗 原因分析 大部分手機設備像素比DPR是1，所以CSS的1px顯示出的物理像素爲1px 也有采用Retina屏幕的手機，設備像素比DPR是2或3。所以CSS裏的1px映射到物理像素上時，會變成2px
2021-03-30 12:55:56
原创 React Swiper輪播圖
需求 實現React輪播圖 使用庫 swiper官網 https://swiperjs.com/react 實現方法 /** 組件：圖片輪播*/ import React, { Component } from "react";
2021-03-27 12:56:07
原创 React create-react-app跨域解決方案
方案一：配置proxy 彈射出react詳細配置 yarn eject 修改config\webpackDevServer.config.js proxy: { "/api": { target: "
2021-01-20 12:55:57
原创 VSCode 打開控制檯顯示空白
問題描述 系統：win10-64bit、VSCode: v1.52.1 打開VSCode控制檯顯示空白 原因分析 vscode沒有適配系統新版控制檯 解決方案 取消勾選"兼容" 勾選"以管理員運行" 控制檯屬性裏，勾
2021-01-01 12:55:57
原创 Git 分支命名規範（轉）
爲規範開發，保持代碼提交記錄以及 git 分支結構清晰，方便後續維護，現規範 git 的相關操作。 主要規範兩點： git 分支命名規範 git 提交記錄規範 1. git 分支命名規範 git 分支分爲集成分支、功能分支和修復分支，分
2020-12-25 12:56:38
原创 VSCode Eslint+Prettier+Vetur常用配置
工程裏創建文件.eslintrc.js module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'm
2020-08-08 13:07:40
6
原创 JS lodash學習筆記
<template> <div>Hello Lodash</div> </template> <script> var _ = require("lodash"); export default { mounted() {
2020-06-20 14:09:27
原创 JS 高端操作整理
類型轉換 快速轉 Number var a = '1' console.log(typeof a) console.log(typeof Number(a)) // 普通寫法 console.log(typeof +a) // 高端寫法
2020-06-01 14:43:25
原创 Vue 搭建vue-element-admin框架
項目初始化 vue-element-admin 源碼 git clone https://github.com/PanJiaChen/vue-element-admin cd vue-element-admin npm i npm ru
2020-05-31 01:22:04
原创 小程序 HTTP請求封裝
定義http.js // http,promise封裝 import { config } from "../config" const tips = { 1001: '參數錯誤', 1002: 'json格式不正確',
2020-05-10 14:00:09