KevinTseng - 博客园

2021年7月

摘要：方案 // flex布局 .flex_func(@justify-content: flex-start, @align-items: center, @flex-direction: row, @flex-wrap: nowrap) { display: flex; justify-content 阅读全文

posted @ 2021-07-31 13:47 KevinTseng 阅读(147) 评论(0) 推荐(0)

React 使用高阶组件封装Context的两种方式

摘要： Reac中使用Context共享数据时，可以使用高阶组件做一个封装，方便页面使用方式一：使用高阶组件 1.在App.js中添加状态共享Provider import Home from './page/Home' import {Provider, Context} from './AppCont 阅读全文

posted @ 2021-07-04 20:31 KevinTseng 阅读(354) 评论(0) 推荐(0)

2021年4月

Taro 本地图片上传转Base64

摘要：描述使用Taro将本地图片转成base64格式尝试一 (真机提示有误) 使用Taro.chooseImage获取图片路径然后使用下面的方法转成base64，但发现真机调试时会提示“接口请求失败” 模拟器获取的图片path是"http://xxx"，真机获取的图片path是"wxfile://x 阅读全文

posted @ 2021-04-30 16:55 KevinTseng 阅读(1266) 评论(0) 推荐(0)

2021年3月

React PC端悬浮锚点吸顶导航

摘要：需求描述实现PC端吸顶导航实现分析先采用absolute绝对定位滚动超过锚点导航时，修改该导航定位为fixed 效果预览实现方法 /** 锚点导航*/ import React from "react"; import styles from "./index.less"; import 阅读全文

posted @ 2021-03-30 17:20 KevinTseng 阅读(766) 评论(0) 推荐(0)

LESS 移动端一像素1px线条CSS解决方案

摘要：问题描述有些手机看到的1px线条比较粗原因分析大部分手机设备像素比DPR是1，所以CSS的1px显示出的物理像素为1px 也有采用Retina屏幕的手机，设备像素比DPR是2或3。所以CSS里的1px映射到物理像素上时，会变成2px或3px 解决方案 less版 // ** 1px线条 .bo 阅读全文

posted @ 2021-03-29 17:11 KevinTseng 阅读(210) 评论(0) 推荐(0)

React Swiper轮播图

摘要：需求实现React轮播图使用库 swiper官网 https://swiperjs.com/react 实现方法 /** 组件：图片轮播*/ import React, { Component } from "react"; import SwiperCore, { Navigation, Pa 阅读全文

posted @ 2021-03-26 17:23 KevinTseng 阅读(1717) 评论(0) 推荐(0)

Win10 虚拟机安装mac系统

摘要： win10 64bit 先安装虚拟机VMWare https://www.cnblogs.com/KevinTseng/p/14479562.html 打开任务管理器，右键关闭所有VM相关服务下载unlocker（解锁虚拟机安装mac功能）链接：https://pan.baidu.com/s/1 阅读全文

posted @ 2021-03-04 14:40 KevinTseng 阅读(349) 评论(0) 推荐(0)

Win10 安装VMware15.5

摘要： win10 64bit vmware15.5 https://download3.vmware.com/software/wkst/file/VMware-workstation-full-15.5.1-15018445.exe 修改安装路径到非C盘输入序列号阅读全文

posted @ 2021-03-04 14:29 KevinTseng 阅读(535) 评论(0) 推荐(0)

ReactNative Windows环境初始化项目

摘要： win10 64bit 官方教程 https://www.react-native.cn/docs/environment-setup 环境搭建《ReactNative Windows环境安装JDK》 https://www.cnblogs.com/KevinTseng/p/14469997.ht 阅读全文

posted @ 2021-03-03 10:37 KevinTseng 阅读(115) 评论(0) 推荐(0)

Win10 安装AndroidStudio

摘要： win10 64bit 官方教程 https://www.react-native.cn/docs/environment-setup 先安装JDK https://www.cnblogs.com/KevinTseng/p/14469997.html 安装是选中custom自定义安装Android 阅读全文

posted @ 2021-03-03 10:19 KevinTseng 阅读(425) 评论(0) 推荐(0)

公告