EqxHB63BqxXS
已经用uni-app+vue3+ts开发了一段时间，记录一下日常遇见的问题和解决办法 uni-app中的单端代码 uni-app是支持多端，如果你想让你的代码，只在部分平台使用，那么就需要用的它的单端处理语法//ifdef和//ifndef等。 1.//ifdefxxx只在xxx平台生效 //ifdefMP-WEIXIN menuButtonInfo='微信' //endif 2.//ifndefxxx除了xxx平台，其他都生效 //ifndefMP-WEIXIN menuButtonInfo='只要不是微信，其他都可以' //endif 安全边距 1.异形屏 因为有异形手机屏的存在，...
自己常用的TS写法总结，应该会一直更新。可使用TS在线编译校验TS语法。 基本用法 普通 constnum:number=10 constisStop:boolean=false consttitle:string='常用TS总结' constcurName:null=null constcurType:undefined=undefined constbirthday:Date=newDate() 对象 //type typeLoginParams={ account:string } //interface interfaceLoginParams{ account:string }...
废话不多说，龙年腾云特效送给大家 预览 在线预览龙年腾云 源码 龙是使用的svg，你也可以替换成其他样式的龙，而云是图片转化成的base64编码，所以整个文件就是一个html。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>龙年腾云</title> <style> .wra...
浏览器每次打开都有个烦人的提示要获取将来的microsoftedge更新，需要macos10.15或更高版本，找了很久也没有解决办法，有windows端的解决方案，有禁止更新的解决方案，就是没有Mac上如何避免这个告警的方案，于是走上Edge定制化之旅。 效果 使用前后对比 省流 直接下载下面的com.microsoft.Edge.customized.mobileconfig文件，安装后重启Edge即可。 链接:https://pan.baidu.com/s/15ojiAdmDjzVczj_Whqk09Q提取码:bh6d 安装流程：右键文件->打开，或者双击文件选择继续选择安装安...
项目代码同步更新至码云uni-vue3-ts-template 开发前准备 利用uni-app开发，有两种方法： 通过HBuilderX创建（需安装HBuilderX编辑器） 通过命令行创建（需安装NodeJS环境），推荐使用vscode编辑器 这里我们使用第2种方法，这两种方法官方都有详细介绍点击查看官方文档 vscode安装插件 安装Vue3插件，点击查看官方文档 安装VueLanguageFeatures(Volar)：Vue3语法提示插件 安装TypeScriptVuePlugin(Volar)：Vue3+TS插件 工作区禁用Vue2的Vetur插件(Vue3插件和Vue...
实例项目使用vite5+vue3+ts，项目地址vite-vue3-charts，预览地址https://weizwz.com/vite-vue3-charts 准备工作 1.注册为百度地图开发者 官网地址，然后在应用管理->我的应用里，创建应用，创建好后复制AK 2.在根目录的index.html里引入百度地图 <head> <metacharset="UTF-8"/> <linkrel="icon"type="image/svg+xml"href="/vite.svg"/> <metaname="viewport"content="wid...
项目代码同步至码云weiz-vue3-template基于axios封装请求，支持多域名请求地址 安装 npmiaxios 封装 utils目录下新建request文件夹，并新建index.ts、request.ts和status.ts文件。 1.status.ts文件主要是封装状态码 exportconstErrMessage=(status:number|string):string=>{ letmessage:string='' switch(status){ case400: message='请求错误！请您稍后重试' break case401: message='未授权...
项目代码同步至码云weiz-vue3-templatepina是vue3官方推荐的状态管理库，由Vue核心团队维护，旨在替代vuex。pina的更多介绍，可从pina官网查看 特点 更简洁直接的API，提供组合式风格的API 支持模块热更新和服务端渲染 对TS支持更为友好 安装 npmipinia 使用 1.创建实例 src目录下新建store文件夹，并新建index.ts文件 import{createPinia}from'pinia' conststore=createPinia() exportdefaultstore 2.使用实例 在main.ts里引入并使用 impo...
项目代码同步至码云weiz-vue3-template要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置eslint和prettier。 editorconfig 安装EditorConfigforVSCode插件，根目录下新建.editorconfig文件，增加以下配置 [.{js,jsx,ts,tsx,vue}] indent_style=space indent_size=2 end_of_line=crlf trim_trailing_whitespace=true insert_final_newline=true max_line_leng...
项目代码同步至码云weiz-vue3-templateVueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。 1.安装 npmivue-router@4 2.集成 1.新建两页面进行示例 在src/view下新建home.vue和login.vue，内容如下： <scriptsetuplang="ts"> defineOptions({ name:'V-home' }) </script> <template> <div>homepage</div> </te...
本文利用向量的点积和叉积来判断点是否在线段上。基础知识补充从零开始的高中数学——向量、向量的点积、带你一次搞懂点积（内积）、叉积（外积）、Unity游戏开发——向量运算（点乘和叉乘 说明 点积可以用来判断两个向量的夹角，如果这个夹角是0或者180度，说明这个点在直线上；叉积可以用来判断一个点到一条直线的距离，如果这个距离是0，说明这个点在直线上。 假设有a、b、c三点，其中a和b是线段的两个端点，c是要判断的点： 计算向量ab和ac的点积，记为dot。 如果dot小于0，说明c在ab的垂直平分线上； 如果dot等于ab的模长的平方，说明c在ab的延长线上； 如果dot在0和ab的模长...
项目代码同步至码云weiz-vue3-template关于tsconfig的配置字段可查看其他文档，如typeScripttsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions":{ "target":"ESNext",//将代码编译为最新版本的JS "useDefineForClassFields":true, "module":"ESNext",//使用ESModule格式打包编译后的文件 "lib":["ESNext","DOM","DOM.Iterable"],//引入ES最新特性和DOM接口的类型定义 "skipLibCheck...
项目代码同步至码云weiz-vue3-template关于vite的详细配置可查看vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts的默认内容如下： import{defineConfig}from'vite' importvuefrom'@vitejs/plugin-vue' //https://vitejs.dev/config/ exportdefaultdefineConfig({ plugins:[vue()], }) 配置别名 1.安装@types/node npmi@types/node-D 2.修改vite.con...
每次重装系统后，都要重新安装软件，配置环境变量，极为繁琐。故作环境环境变量备份，常用软件恢复记录，前提是你的软件要安装在非系统盘，D/E盘等 软件安装在非系统盘 开发软件安装在非系统盘，建好目录。重装系统后，只是重置系统盘，所以这些软件不需要重新安装。譬如java相关目录： PSD:\java>ls Directory:D:\java ModeLastWriteTimeLengthName ------------------------ d---2023/9/2715:28jdk d---2023/10/1123:45maven d---2023/9/2717:29mysql d-...
习惯了linux命令的快捷操作，使用winodws的shell感觉效率非常低下，于是开始搜寻工具支持。刚开始搜到的是GnuWin32，但是它已经停止更新维护了，于是找到了Cygwin。当然Cygwin还有其他功能，在此不做赘述 下载安装 1.登录Cygwin官网下载界面，进行下载 2.执行setup-x86_64.exe安装文件，选择从互联网安装 3.选择安装目录，如果想安装到其他盘，请提前新建文件夹 4.选择本地软件包安装目录 5.选择互联网连接，使用系统代理 6.选择下载站点，使用国内镜像地址，163/aliyun/tencent/huaweicloud等 7.选择软件包，...
本篇作为OPPO主题组件调试与预览文档的补充，因为它真的很简单而且太老，一些命令已发生变化😪 此图片来自官网 一、调试前准备 1.PC端下载adb命令工具 下载下载地址https://adbdownload.com/，或从其他地方下载也可 解压，放在你想放的文件夹下 配置环境变量右键我的电脑/此电脑选择属性，在弹出的面板里选择高级系统设置在弹出的面板里，选择环境变量，在弹出的面板里找到Path，点击编辑在弹出的面板里，选择新建，在新建的空白行内填入，你解压后的文件夹地址，比我的是D:\Tools\windows\platform-tools最后一步步确定，关闭所有面板 测试打开命令行工...