Kevin·Tseng-CSDN博客

原创免费CSS生成器CssCollector

免费CSS生成器CssCollector下载: 百度云自己在做Web开发的时候，页面里会有很多样式类，一个个复制到样式表里总感觉很麻烦网上也没有找到合适的工具，可以一键生成样式表所以，干脆自己做一个咯~花了一天时间，CSS样式生成器诞生了，哈哈。命名CssCollector可以快速拾取HTML中样式的类名，节省开发时间和精力话不多说，有图有真相分享给网友啦，需要的话可以直接下...

2019-10-25 16:46:11 362

原创免费.NET代码生成器KevinCodeBuilder

.NET代码生成器KevinCodeBuilder>>> 免费下载: 百度云 CSDN>>>点击学习：视频教程 + 完整源码自己在做.NET开发的时候，简单的三层架构会有很多重复的代码，如果手敲会比较浪费时间。前段时间在互联网找了下.net的代码生成器，发现要么太复杂甚至生成的代码会报错，要么要收费而且效果不是自己想要的。所以，干脆...

2017-10-28 23:09:52 11344 2

原创 Taro 微信小程序隐私协议

官方文档小程序隐私协议开发指南开发环境taro 版本^3.0.18解决方案设置调试基础库 3.0.0+安装依赖@tarojs/plugin-inject 版本^0.0.2(适配taro3.0+)修改设置 config/index.jsbabel: { plugins: [ ['@tarojs/plugin-inject',{ comp...

2023-09-07 13:45:00 346

原创 ReactNative MacOS环境初始化项目(安卓)

MacOS 12.6.1官方文档英文 https://reactnative.dev/docs/environment-setup中文 https://www.react-native.cn/docs/environment-setup相关文档ReactNative MacOS环境初始化项目(ios)OpenJDK 与 AdoptOpenJDK 的区别安装步骤安装H...

2022-12-10 11:48:00 556

原创 PHP WAMPServer集成环境下载和安装

下载(可选地址)https://wampserver.site/index/index.htmlhttps://www.filehorse.com/download-wampserver-64/http://www.wampserver.com/安装安装完成时提示是否修改默认浏览器和默认编辑器，可自行选择为chrome.exe(开发者版)和notepad++.exe自拟定端...

2022-12-10 10:49:00 263

原创 PHP PhpStorm添加XDebug调试

新建info.php，获取源代码打开XDebug官网 (https://xdebug.org/download/historical)点击自定义安装说明将源码粘贴在此，点击分析得到建议版本和修改步骤修改ini配置PhpStrom调式测试...

2022-12-10 10:48:00 144

原创 ReactNative XCode编译问题

MacOS Monterey 12.6.1 + XCode 14.1 (14B47b) + 模拟器 iPhone11 ios13.4启动步骤打开终端，yarn start 启动Metro服务打开XCode，打开项目中的ios文件夹下的 .xcworkspace 项目文件点击 ▶️ 编译运行问题及处理方法问题：myApp/ios/Pods/Charts/Source/C...

2022-12-03 11:54:00 457

安装php7.2+操作步骤安装HomeBrew/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"使用Brew安装Phpbrew install [email protected] // Error: [email protected] has been disabled because it...

2022-12-01 10:19:00 1065

原创 Win10 局域网内与Mac共享文件夹

win10 64bit + MacOS Monterey 12.6.1Win10设置控制面板里打开共享新建一个共享文件夹，右键属性设置共享关闭防火墙Mac设置打开共享设置：系统偏好设置 > 共享打开访达 > 前往 > 链接服务器，格式：smb://目标电脑IP地址输入win10账号密码操作共享的文件其他说明控制面板设置“全部网络”有...

2022-11-30 14:05:00 2070

原创 Mac 使用nvm管理和切换node版本

安装进入 cd ~克隆 git clone https://github.com/nvm-sh/nvm.git进入 cd nvm执行 ./install.sh新增 vim ~/.bash_profile写入export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" [...

2022-11-28 14:13:00 867

原创 VSCode 插件开发打包提示Cannot find name 'Blob'

问题描述执行打包 vsce package 提示错误原因分析未知解决方法打开错误源，将Blob改成any实现效果

2022-10-17 16:58:00 309

原创 Win10 使用Barrier与Mac共享鼠标键盘(推荐)

环境环境 win10 64bit + macOS Big Sur安装下载安装包https://github.com/debauchee/barrier/releasesWindows设置(server端)同意自动安装 bonjour关闭ssl设置应用端别名，然后重启BarrierMac设置(client端)填写server端IP，设置应用别名，关闭ssl重...

2022-07-05 14:39:00 1370

原创 Win10 使用ShareMouse与Mac共享鼠标键盘

环境 win10 64bit + macOS Big Sur安装下载ShareMouse.dmg，双击打开拖进资源管理器进行安装安装后打开安全性与隐私设置，点击这里输入密码开锁添加"完全访问磁盘访问权限"添加"辅助功能"权限MAC设置打开sharemouse设置，在clients 将局域网另一台电脑的IP添加进来，端口号默认6555在 network > passwo...

2022-06-25 14:39:00 1971 2

原创 ReactNative MacOS环境初始化项目

环境：macos 11.0.1官方教程 https://reactnative.cn/docs/environment-setup问题：安装Homebrew异常解决：执行替代命令 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"问题：XCode配...

2022-02-20 13:26:00 339

原创 VSCode Eslint+Prettier配置

打开VSCode设置{ "editor.fontLigatures": true, "editor.fontFamily": "Fira Code Light , Consolas, 'Courier New', monospace", "editor.maxTokenizationLineLength": 2000000, // 保存时自动格式化代码 ...

2022-01-05 09:33:00 203

原创 JS 日期时间的格式化

功能将日期时间转换为指定格式，如：YYYY-mm-dd HH:MM 表示 2021-11-02 15:00方法/** * 日期格式转换 * @param millisecond 毫秒 * @param template 模板(可选) * @example formatDate(new Date(), "YYYY-mm-dd HH:MM:SS") => 2021-11-02 0...

2021-11-02 14:45:00 291 2

原创 TS typescript高级类型

// 联合类型let connect: string | number;connect = "Tom";connect = "13500000000";// keyof 提取一个类型的属性名作为联合类型interface PersonModal { name: string; age: number; hobby?: Array<string>;}typ...

2021-10-26 11:06:00 68

原创 LESS 纯CSS带小三角提示框方案

效果预览实现方法 (less).layer-item-tip { position: absolute; left: 22px; top: 89px; padding: 6px; width: 232px; color: #F28645; text-align: left; line-height: 16px; bor...

2021-09-02 15:51:00 85

原创 React Swiper轮播图（二）

目录React Swiper轮播图(一)React Swiper轮播图(二)需求实现React可切换轮播图效果预览使用库swiper官网 https://swiperjs.com/reactnpm i [email protected] --save实现方法/** 导航 */import React, { useState } from "react";import S...

2021-08-27 14:45:00 319

原创 LESS flex布局和2x图方案

方案// flex布局.flex_func(@justify-content: flex-start, @align-items: center, @flex-direction: row, @flex-wrap: nowrap) { display: flex; justify-content: @justify-content; align-items: @ali...

2021-07-31 13:47:00 138

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

Reac中使用Context共享数据时，可以使用高阶组件做一个封装，方便页面使用方式一：使用高阶组件1.在App.js中添加状态共享Providerimport Home from './page/Home'import {Provider, Context} from './AppContext'const store = { user: { isLogin: tr...

2021-07-04 20:31:00 581

原创 Taro 本地图片上传转Base64

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

2021-04-30 16:55:00 1316 2

原创 React PC端悬浮锚点吸顶导航

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

2021-03-30 17:20:00 823

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

问题描述有些手机看到的1px线条比较粗原因分析大部分手机设备像素比DPR是1，所以CSS的1px显示出的物理像素为1px也有采用Retina屏幕的手机，设备像素比DPR是2或3。所以CSS里的1px映射到物理像素上时，会变成2px或3px解决方案less版// ** 1px线条.border-1px(@position: bottom, @color: #EAEAEA, ...

2021-03-29 17:11:00 434

原创 React Swiper轮播图

需求实现React轮播图使用库swiper官网 https://swiperjs.com/react实现方法/** 组件：图片轮播*/import React, { Component } from "react";import SwiperCore, { Navigation, Pagination, Autoplay, Thumbs } from "swiper";...

2021-03-26 17:23:00 978

原创 Win10 虚拟机安装mac系统

win10 64bit先安装虚拟机VMWare https://www.cnblogs.com/KevinTseng/p/14479562.html打开任务管理器，右键关闭所有VM相关服务下载unlocker(解锁虚拟机安装mac功能)链接：https://pan.baidu.com/s/1HdGi-JsSfyBLdj5I-E5pgQ 提取码：1234右键以管理员身...

2021-03-04 14:40:00 1209 2

原创 ReactNative Windows环境初始化项目

win10 64bit官方教程 https://www.react-native.cn/docs/environment-setup环境搭建《ReactNative Windows环境安装JDK》 https://www.cnblogs.com/KevinTseng/p/14469997.html《ReactNative Windows环境安装AndroidStudio》http...

2021-03-03 10:37:00 93

原创 Win10 安装AndroidStudio

win10 64bit官方教程 https://www.react-native.cn/docs/environment-setup先安装JDK https://www.cnblogs.com/KevinTseng/p/14469997.html安装是选中custom自定义安装AndroidStudio时先不设置代理单独下载sdk包(注意包要对应Andr...

2021-03-03 10:19:00 116

原创 ReactNative Windows环境安装JDK

win10 64bitWindows环境搭建Android目标平台如何安装JDK官方教程 https://www.react-native.cn/docs/environment-setupJDK下载安装包 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html全部系...

2021-03-02 17:10:00 636

原创 Win10 环境安装JDK

2021-03-02 17:10:00 68

原创 React Context

官方文档 https://react.docschina.org/docs/context.htmlContextContext 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props。何时使用 ContextContext 设计目的是为了共享那些对于一个...

2021-02-26 17:17:00 79

原创 React create-react-app跨域解决方案

方案一：配置proxy弹射出react详细配置 yarn eject修改config\webpackDevServer.config.jsproxy: { "/api": { target: "http://localhost:3000", changeOrigin: true, // pathRewrite: { ...

2021-01-19 23:26:00 575

原创 VSCode 打开控制台显示空白

问题描述系统：win10-64bit、VSCode: v1.52.1打开VSCode控制台显示空白原因分析vscode没有适配系统新版控制台解决方案取消勾选"兼容"勾选"以管理员运行"控制台属性里，勾选使用"旧版"修改vscode配置settings.json，指定控制台使用的终端。如 "terminal.integrated.shell.wi...

2020-12-31 14:23:00 4182

原创 Git 分支命名规范（转）

为规范开发，保持代码提交记录以及 git 分支结构清晰，方便后续维护，现规范 git 的相关操作。主要规范两点：git 分支命名规范git 提交记录规范1. git 分支命名规范git 分支分为集成分支、功能分支和修复分支，分别命名为 develop、feature 和 hotfix，均为单数。不可使用features、future、hotfixes、hotfixs等错...

2020-12-22 10:03:00 1378

原创 VSCode Eslint+Prettier+Vetur常用配置

工程里创建文件.eslintrc.jsmodule.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true, },...

2020-08-07 16:24:00 2946

原创 JS lodash进阶

<template> <div>Hello Lodash</div></template><script>var _ = require("lodash");export default { mounted() { this.test(); }, methods: { test1: fu...

2020-06-19 17:56:00 137

原创 JS lodash学习笔记

<template> <div>Hello Lodash</div></template><script>var _ = require("lodash");export default { mounted() { this.test(); }, methods: { test1: fu...

2020-06-19 17:56:00 143

原创 JS 高端操作整理

类型转换快速转 Numbervar a = '1'console.log(typeof a)console.log(typeof Number(a)) // 普通写法console.log(typeof +a) // 高端写法快速转 Booleanvar a = 0console.log(typeof a)console.log(typeof Boolean(a)) ...

2020-05-31 16:49:00 186

原创 Vue 组件通信

父组件到子组件通信通过自定义属性传递//父组件：parent.vue<template> <div> <child :vals = "msg"></child> </div></template><script>import child from "./ch...

2020-05-28 11:31:00 144

原创 Vue 搭建vue-element-admin框架

项目初始化vue-element-admin 源码git clone https://github.com/PanJiaChen/vue-element-admincd vue-element-adminnpm inpm run dev若npm 报错 Cannot find module 'core-js/modules/es6.regexp.constructor...

2020-05-27 11:21:00 1139 1