随笔分类 - 技术
程序员技术，前端后端等
摘要：
Vue3.5 发布已近半年，抽空整理下常用的新增/改动特性 响应式 Props 解构 Vue3.5 中 Props 正式支持解构了，并添加了响应式跟踪 设置默认值 使用 JavaScript 原生的默认值语法声明 props 默认值 以前 const props = withDefaults( de
阅读全文
Vue3.5 发布已近半年，抽空整理下常用的新增/改动特性 响应式 Props 解构 Vue3.5 中 Props 正式支持解构了，并添加了响应式跟踪 设置默认值 使用 JavaScript 原生的默认值语法声明 props 默认值 以前 const props = withDefaults( de
阅读全文
摘要：说明 mask 是CSS中的一个属性，它允许开发者在元素上设置图像作为遮罩层。这个属性的强大之处，在于它可以接受多种类型的值，包括关键字值、图像值、渐变色，甚至可以设置多个属性值。 SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于 XML 的图像格式，用于定义二维
阅读全文
摘要：此教程适应于以webpack，vue-cli，vite等脚手架构建的vue项目。当然，vue2和vue3都是可以滴。 1. 前提：你的代码库已经提交到Github上 如果没有的话，请到GitHub上新建仓库，并把你本地的项目提交到GitHub上新建的仓库里。 具体方法，可以参考我的博客 Git使用记
阅读全文
摘要：在TS开发中，经常会遇到后台数据字段比较多的情况，这时候需要一个个复制字段然后给他手动配置数据类型来完成我们的TS类型定义，相当麻烦。有什么快速的方法呢，我就目前遇到的两种情况分别写了JS脚本来处理后台数据，直接生成我们需要的数据格式。 脚本编写 1. 处理数据字典中的数据 一般数据字典表里的数据可
阅读全文
摘要：
自己常用的 TS 写法总结，应该会一直更新。可使用 TS在线编译 校验 TS 语法。 基本用法 普通 const num: number = 10 const isStop: boolean = false const title: string = '常用TS总结' const curName:
阅读全文
自己常用的 TS 写法总结，应该会一直更新。可使用 TS在线编译 校验 TS 语法。 基本用法 普通 const num: number = 10 const isStop: boolean = false const title: string = '常用TS总结' const curName:
阅读全文
摘要：
已经用 uni-app+vue3+ts 开发了一段时间，记录一下日常遇见的问题和解决办法 uni-app 中的单端代码 uni-app 是支持多端，如果你想让你的代码，只在部分平台使用，那么就需要用的它的单端处理语法 //#ifdef 和 //#ifndef 等。 1. //#ifdef xxx 只
阅读全文
已经用 uni-app+vue3+ts 开发了一段时间，记录一下日常遇见的问题和解决办法 uni-app 中的单端代码 uni-app 是支持多端，如果你想让你的代码，只在部分平台使用，那么就需要用的它的单端处理语法 //#ifdef 和 //#ifndef 等。 1. //#ifdef xxx 只
阅读全文
摘要：
废话不多说，龙年腾云特效送给大家 预览 在线预览 龙年腾云 源码 龙是使用的 svg，你也可以替换成其他样式的龙，而云是图片转化成的 base64 编码，所以整个文件就是一个 html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
废话不多说，龙年腾云特效送给大家 预览 在线预览 龙年腾云 源码 龙是使用的 svg，你也可以替换成其他样式的龙，而云是图片转化成的 base64 编码，所以整个文件就是一个 html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
摘要：
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方
阅读全文
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方
阅读全文
摘要：
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 第1步和第2步是为了在echarts里使用百度地图，如果你不想使用，或者使用高德地图，
阅读全文
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 第1步和第2步是为了在echarts里使用百度地图，如果你不想使用，或者使用高德地图，
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件
阅读全文
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网 查看 特点 更简洁直接的 API，提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好
阅读全文
项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网 查看 特点 更简洁直接的 API，提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下
阅读全文
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito
阅读全文
项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito
阅读全文
摘要：
本文利用向量的点积和叉积来判断点是否在线段上。 基础知识补充 从零开始的高中数学——向量、向量的点积、带你一次搞懂点积（内积）、叉积（外积）、Unity游戏开发——向量运算（点乘和叉乘 说明 点积可以用来判断两个向量的夹角，如果这个夹角是0或者180度，说明这个点在直线上； 叉积可以用来判断一个点到
阅读全文
本文利用向量的点积和叉积来判断点是否在线段上。 基础知识补充 从零开始的高中数学——向量、向量的点积、带你一次搞懂点积（内积）、叉积（外积）、Unity游戏开发——向量运算（点乘和叉乘 说明 点积可以用来判断两个向量的夹角，如果这个夹角是0或者180度，说明这个点在直线上； 叉积可以用来判断一个点到
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu
阅读全文
项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template 关于tsconfig的配置字段可查看其他文档，如 typeScript tsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions": { "target": "ESNext", // 将代码编
阅读全文
项目代码同步至码云 weiz-vue3-template 关于tsconfig的配置字段可查看其他文档，如 typeScript tsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions": { "target": "ESNext", // 将代码编
阅读全文
摘要：
项目代码同步至码云 weiz-vue3-template 前提准备 1. node版本 Node.js版本 >= 12，如果有老项目需要旧版本的，推荐用 nvm 管理node版本。 PS C:\Users\Administrator> nvm --version 1.1.11 PS C:\Users
阅读全文
项目代码同步至码云 weiz-vue3-template 前提准备 1. node版本 Node.js版本 >= 12，如果有老项目需要旧版本的，推荐用 nvm 管理node版本。 PS C:\Users\Administrator> nvm --version 1.1.11 PS C:\Users
阅读全文
摘要：
场景：前后的分离项目，前端vue框架，打包后放在Tomcat里访问，端口是8080，后端服务端口8058。访问前端项目时，调用后端接口报跨域。 后端环境 正常访问端口8058 经过nginx配置（文末具体展示）后，去除端口，如下： 前端开发环境 1. 配置开发和生产的环境变量 .env.develo
阅读全文
场景：前后的分离项目，前端vue框架，打包后放在Tomcat里访问，端口是8080，后端服务端口8058。访问前端项目时，调用后端接口报跨域。 后端环境 正常访问端口8058 经过nginx配置（文末具体展示）后，去除端口，如下： 前端开发环境 1. 配置开发和生产的环境变量 .env.develo
阅读全文
摘要：
OPPO桌面有 3*5、3*6、4*5、4*6、5*5、5*6 等布局，随着布局不同，组件大小也会发生改变；不同型号手机分辨率不同，组件大小也不一致。这就要求组件内容做到自适应。 说明 OPPO主题组件自适应有两种表现方式，如下图所示。可以很明显的看到，第一种是根据宽高等比例缩放内容，第二种是固定内
阅读全文
OPPO桌面有 3*5、3*6、4*5、4*6、5*5、5*6 等布局，随着布局不同，组件大小也会发生改变；不同型号手机分辨率不同，组件大小也不一致。这就要求组件内容做到自适应。 说明 OPPO主题组件自适应有两种表现方式，如下图所示。可以很明显的看到，第一种是根据宽高等比例缩放内容，第二种是固定内
阅读全文
摘要：
本篇作为 OPPO主题组件调试与预览 文档的补充，因为它真的很简单而且太老，一些命令已发生变化😪 此图片来自官网 一、调试前准备 1. PC 端下载 adb命令工具 下载 下载地址 https://adbdownload.com/，或从其他地方下载也可 解压，放在你想放的文件夹下 配置环境变量 右
阅读全文
本篇作为 OPPO主题组件调试与预览 文档的补充，因为它真的很简单而且太老，一些命令已发生变化😪 此图片来自官网 一、调试前准备 1. PC 端下载 adb命令工具 下载 下载地址 https://adbdownload.com/，或从其他地方下载也可 解压，放在你想放的文件夹下 配置环境变量 右
阅读全文
