uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template
开发前准备
利用 uni-app 开发，有两种方法：
通过 HBuilderX 创建（需安装 HBuilderX 编辑器）
通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器
这里我们使用第2...[2024/1/10]
现代 CSS 解决方案：文字颜色自动适配背景色！
在 23 年的 CSS 新特性中，有一个非常重要的功能更新 -- 相对颜色。
简单而言，相对颜色的功能，让我们在 CSS 中，对颜色有了更为强大的掌控能力。
其核心功能就是，让我们能够基于一个现有颜色 A，通过一定的转换规则，快速生成我们想要的颜色 B。
其功能能够涵盖：
精简
调暗
饱...[2024/1/10]
扩展 jQurey.i18n.properties 的能力来向 vue-i18n 靠齐
jQuery.i18n.properties 是 jQuery 老项目的国际化框架，其实国际化方案本质上都大同小异，都是需要用翻译函数包裹词条，然后根据词条文件来进行翻译
就是使用上与其他框架不太一样而已
但由于我们已经基于 vue 框架实现了一个国际化自动处理脚本，脚本会自动用全局函数包裹...[2024/1/8]
踩坑ffmpeg录制的mp4无法在浏览器上播放
前言
使用ffmpeg编译好的程序在电脑上进行音视频转换，可以参考这篇：《windows电脑FFmpeg安装教程手把手详解_windows安装ffmpeg》，而我们要做的是在游戏引擎中集成ffmpeg源码用来录制游戏视频。
我们游戏目前只支持录制avi格式的视频，但是近期有个运营需求：在上架商...[2024/1/8]
uniapp的app苹果应用商店上架最简教程
除了测试版本之外，uniapp打包好的ipa文件是无法直接安装在普通用户的手机上面，这是苹果的证书和描述文件的机制的原因。
因此我们需要将打包好的ipa文件上架到苹果应用商店，也就是app store。
下面我整理了一篇全程不需要mac os电脑参与的上架苹果应用商店的教程。
教程的第一步...[2024/1/5]
项目国际化的难点痛点是什么
如果有做过项目国际化的应该了解, 国际化的工作项大概包括以下几项：
【词条相关工作】
文本包裹翻译函数，如 $t
提取翻译词条到 json 文件里
翻译并更新 json 文件
【三方库相关工作】
组件库的国际化配置，如 element-ui 组件库
其他有词条场景的三方库的国际化配置
...[2024/1/5]
【源码系列#05】Vue3响应式原理（Ref）
Ref & ShallowRef
ref：接受一个参数值并返回一个响应式且可改变的 ref 对象。ref 对象拥有一个指向内部值的单一属性 .value
可以将 ref 看成 reactive 的一个变形版本，这是由于 reactive 内部采用 Proxy 来实现，而 ...[2024/1/5]
【Azure APIM】APIM 策略语句如何来设置多个Cookie值让浏览器保存【Azure APIM】APIM 策略语句如何来设置多个Cookie值让浏览器保存
问题描述
在APIM的 <return-response> 策略中，设置Cookie值，因为需要设置多个Cookie值，使用下面两种方式都只能保存一个Cookie值：
方式一：把多个cookie值用分号(；）拼接
<return-response...[2024/1/5]
善用浏览器的一些调试技巧
$0 和 __vue__
$0 是指当鼠标点击 Element 面板的某个 dom 元素后，console 里 $0 变量会自动指向该 dom 元素对象
__vue__ 是指 vue 框架会往 vue 组件 $mount 挂载的 dom 元素对象上添加一个 __vue__ 变量来指向当前 vu...[2024/1/3]
VSCode 中优雅地编写 Markdown
VSCode 中优雅地编写 Markdown
在 VSCode 中编写 Markdown 有几个无法拒绝的优势，首先是顺手方便，常写代码的同学打开 VSCode 各项功能和快捷键使用的都比较熟练，可以提高效率，其次可以方便地集成 Git 对文件进行版本管理，最后也是最重要的一点，可以无缝集成 C...[2024/1/3]
Layui treeTable 使用【数据不显示、子级不显示】
返回JSON数据类
public cla LeaveMe ageTreeTable
{
public LeaveMe ageTreeTable()
{
this.children = new List<LeaveMe ageTreeTable>(...[2023/12/29]
【UniApp】-uni-app-打包成网页【UniApp】-uni-app-打包成网页
前言
经过上一篇文章的介绍，已经将这个计算器的计算功能实现了，接下来就是我们项目当中的一个发包上线阶段，我模拟一下，目的就是为了给大家介绍一下，uni-app是如何打包成网页的。
除了可以打包成网页，uni-app还可以打包成小程序、App、H5、快应用等等，后面在单独开文章详细介绍。
正...[2023/12/29]
vue3+ts打开echarts的正确方式vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https: weizwz.com/vite-vue3-charts
准备工作
1. 注册为百度地图开发者
官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 ...[2023/12/29]
【UniApp】-uni-app-打包成小程序
前言
大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为网页。
趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包为小程序。
正文
打开微信小程序呢，其实还是需要进行一些相关的配置的
首先打开微信小程序的配置页面找到 manifest.jso...[2023/12/29]
【UniApp】-uni-app-项目实战页面布局(苹果计算器)
前言
经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了
那么从本文开始，我们就开始进行一个项目的实战
这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手
创建项目
打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目：
...[2023/12/26]
【UniApp】-uni-app-动态计算字体大小(苹果计算器)
前言
本文主要介绍uni-app中动态计算字体大小的方法
原因呢就是在上一篇文章当中我发现输入的内容已经超过了展示区域
于是我就想到了动态计算字体大小的方法，这样就可以保证输入的内容不会超过展示区域
正文
首先要改造的是 style="font-size: 180rpx;"
...[2023/12/26]
用JS实现简单的屏幕录像机用JS实现简单的屏幕录像机
本文将介绍如何用JS实现简单的屏幕录像机。
一、录制准备
创建一个按钮
<button id="recording-toggle">Start recording</button>
书写JavaScript
var RECORDING_ONGOING = fa...[2023/12/22]
前端 JS 安全对抗原理与实践前端 JS 安全对抗原理与实践
作者：vivo 互联网安全团队- Luo Bingsong
前端代码都是公开的，为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用，需要使用一些加密和混淆的防护手段。
一、概念解析
1.1 什么是接口加密
如今这个时代，数据已经变得越来越重要，网页和APP是主流的数...[2023/12/22]
10个必备的 async/await 工具函数10个必备的 async/await 工具函数
| 当谈到异步编程时，async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例，以及对它们的代码用途的解析：
1.异步获取数据
async function fetchData() {
const response = await f...[2023/12/22]
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template
基于 axios 封装请求，支持多域名请求地址
安装
npm i axios
封装
utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。
1. stat...[2023/12/21]
Chrome扩展的核心：manifest 文件（上）
大家好，我是dom哥。我正在写关于 Chrome 扩展开发的系列文章，感兴趣的可以点个小星星。
Chrome 在全球浏览器市场份额独占 6 成，无论是对普通用户还是开发者，都是电脑里的必备利器。Chrome 无论是在性能还是 UI 交互方面都非常出色，而 Chrome 扩展则为开发者提供了接口...[2023/12/15]
带圆角的虚线边框？CSS 不在话下
今天，我们来看这么一个非常常见的切图场景，我们需要一个带圆角的虚线边框，像是这样：
这个我们使用 CSS 还是可以轻松解决的，代码也很简单，核心代码：
div {
border-radius: 25px;
border: 2px dashed #aaa;
}
但是，原...[2023/12/15]
开源地图库OpenLayers的简单使用
引言
最近在学习可视化的东西，这让我想起了一些以前用过的图表库，其实我在日常做的大多是普通的需求，可视化方面应用的并不多，只是偶尔会因为个别特殊的需求，去借助一些图表库来实现图表的展示，这些普通的图表库，在使用上都大差不差，并没有什么太大的区别，但是某些特殊的图表库，比如地图库，在使用上和一些普...[2023/12/15]
echarts设置多条折线不是你想的那样简单
简单的多条折线图
小伙伴写过多条折线图的都知道，
常见的折线图是 xAxis 配置项下的 data属性上设置时间或者日期。
series配置项下是对应的 legend中的数据以及该条折线的数据。
<!DOCTYPE html>
<html lang="en">
&l...[2023/12/15]
在 JMeter 中使用 JSON 提取器提取特定条件下的值
当你需要在 JMeter 中对接收到的 JSON 响应进行处理时，JSON 提取器是一个非常有用的工具。在本文中，我们将讨论如何使用 JSON 提取器来提取特定条件下的值，以满足你的需求。
问题描述
假设你收到了以下 JSON 格式的响应结果：
{
"flag": "succe "...[2023/12/15]
React Hooks 钩子特性
人在身处逆境时，适应环境的能力实在惊人。人可以忍受不幸，也可以战胜不幸，因为人有着惊人的潜力，只要立志发挥它，就一定能渡过难关。
Hooks 是 React 16.8 的新增特性。它可以让你在不编写 cla 组件的情况下使用 state 以及其他的 React 特性。
React Ho...[2023/12/13]
【UniApp】-uni-app-CompositionAPI应用生命周期和页面生命周期
前言
好，经过上个章节的介绍完毕之后，了解了一下 uni-app-OptionAPI应用生命周期和页面生命周期
那么了解完了uni-app-OptionAPI应用生命周期和页面生命周期之后，这篇文章来给大家介绍一下 uni-app-CompositionAPI应用生命周期和页面生命周期
Co...[2023/12/11]
three.js 汽车行驶动画效果
实现原理是使用TWEEN.Tween实现动画效果
实现
汽车模型加载
使用Promise编写模型的异步加载方法
参数position是汽车初始位置，参数rotation是汽车初始朝向
Car.prototype.loadCar = function (position, rotation)...[2023/12/8]
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来...[2023/12/8]
【UniApp】-uni-app概述
前言
好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。
好，开始，那什么是 Uniapp 呢？这个时候我们不管三七二十一，先打开我们 Uniapp 官方文档，它官方地址...[2023/12/8]
OpenTiny Vue 3.12.0 发布：文档大优化！增加水印和二维码两个新组件🎈
你好，我是 Kagol。
非常高兴跟大家宣布，2023年11月30日，OpenTiny Vue 发布了 v3.12.0 ??。
OpenTiny 每次大版本发布，都会给大家带来一些实用的新特性，10.24 我们发布了 v3.11.0 版本，增加了富文本、ColorPicker 等4个新组件，...[2023/12/8]
【UniApp】-uni-app-全局数据和局部数据
前言
好，经过上个章节的介绍完毕之后，了解了一下 uni-app-全局样式和局部样式
那么了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据
搭建演示环境
创建一个全新的项目：
然后在配置一下，微信小程序的 AppId，直接去之前的项目...[2023/12/8]
Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pinaVite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina
项目代码同步至码云 weiz-vue3-template
pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网 查看
特点
更简洁直接的 API，提供组合式风格的 API
支持模块热更新和服务端渲染
对TS支...[2023/12/5]
JSX 代码是如何“摇身一变”成为 DOM 的？
JSX 是一种语法，并不是 React 中的内容，时下接入 JSX 语法的框架越来越多，但与之缘分最深的仍然是 React。本节来讲一下 React 是如何摇身一变成为 DOM 的。
我们平时在写React时会用 JSX 来描述组件的内容，例如下面的代码中，render 方法 return 的...[2023/12/5]
Gradio-Lite: 完全在浏览器里运行的无服务器 Gradio
Gradio 是一个经常用于创建交互式机器学习应用的 Python 库。在以前按照传统方法，如果想对外分享 Gradio 应用，就需要依赖服务器设备和相关资源，而这对于自己部署的开发人员来说并不友好。
欢迎 Gradio-lite ( @gradio/lite ): 一个通过 Pyodide ...[2023/12/1]
Golang中如何自定义时间类型进行xml、json的序列化/反序列化
在日常开发工作中，我们进行会遇到将 struct 序列化 json字符串以及将 json字符串 反序列化为 struct 的场景，大家也对此十分熟悉。
最近工作中，遇到了需要将 struct 序列化 xml字符串以及将 xml字符串 反序列化为 struct 的场景，对于普通类型...[2023/12/1]
Taro：高性能小程序的最佳实践
前言
作为一个开放式的跨端跨框架解决方案，Taro 在大量的小程序和 H5 应用中得到了广泛应用。我们经常收到开发者的反馈，例如“渲染速度较慢”、“滑动不够流畅”、“性能与原生应用相比有差距” 等。这表明性能问题一直是困扰开发者的一个重要问题。
熟悉 Taro 的开发者应该知道，相比于 Tar...[2023/11/29]
Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范
项目代码同步至码云 weiz-vue3-template
要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。
editorconfig
安装 EditorConfig for VS Code 插件，根目录下新建 ...[2023/11/29]
ASP.NET Core Web API设置响应输出的Json数据格式的两种方式
前言
在ASP.NET Core Web API中设置响应输出Json数据格式有两种方式，可以通过添加System.Text.Json或Newtonsoft.JsonJSON序列化和反序列化库在应用程序中全局设置接口响应的Json数据格式，本文示例使用的是新的Minimal API模式。
JSO...[2023/11/29]
浏览器跨 Tab 窗口通信原理及应用实践
最近，相信大家一定被这么个动效给刷屏了：
以至于，基于这个效果的二次创作层出不穷，眼花缭乱。
基于跨窗口通信的弹弹球：
基于跨窗口通信的 Flippy Bird：
我也尝试制作了一个跨 Tab 窗口的 CSS 动画联动，效果如下：
代码不多，核心代码 200 行，感兴趣...[2023/11/29]
图文剖析 big.js 四则运算源码 - xingba-coder
big.js，一个小型、快速的用于任意精度的十进制算术的JavaScript 库。
big.js 用于解决平常项目中进行算术运算时精度丢失引起的结果不准确的问题。和 big.js 类似的两个库 bignumber.js 和 decimal.js 也都是出自同一作者（MikeMcl）之手。
作...[2023/11/29]
Vue公共loading升级版（处理并发异步差时响应）Vue公共loading升级版（处理并发异步差时响应）
公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤：
1.通过全局状态管理定义状态值（vuex、pinia等）。
2.在程序主入口监听状态值变化，从而展示/隐藏laoding动画。
3.在请求和相应拦截器中变更状态值。
第一二步骤处理大同小异，但在第三步中，网上很多博文...[2023/11/22]
一个简单案例的Vue2.0源码
本文学习vue2.0源码，主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例，介绍了这个代码编译运行的流程，在流程中原始DOM的信息会被解析转换，存在不同的对象中。其中关键的对象有el、template、ast、code、render...[2023/11/20]
在Vue3中使用Element-Plus分页（Pagination ）组件
在Vue3中使用Element-Plus分页（Pagination ）组件
开发过程中数据展示会经常使用到，同时分页功能也会添加到页面中。
记：在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。
开始实现
引入表格和分页组件的H5标签。
<strong>...[2023/11/20]
Netty源码学习4——服务端是处理新连接的&netty的reactor模式
系列文章目录和关于我
零丶引入
在前面的源码学习中，梳理了服务端的启动，以及NioEventLoop事件循环的工作流程，并了解了Netty处理网络io重要的Channel ，ChannelHandler，ChannelPipeline。
这一篇将学习服务端是如何构建新的连接。
一丶网络包接收...[2023/11/20]
脚踏esbuild祥云，胸怀tsx利刃，身披scss羽衣，追寻前端的本质
本文所有内容，纯属个人观点，无意与任何人争论
前端技术的现状
我觉得前端技术发展到现在有两个最主要的特征
前端工具链为前端工程化提供了强有力的支持
这方面主要是webpack、rollup、esbuild等工具产生的价值，当然还有背后的Node.js。
这些工具让前端开发者可以更...[2023/11/17]
将ECharts图表插入到Word文档中
@目录在后端调用JS代码准备ECharts库生成Word文档项目地址库封装本文示例 EChartsGen_DocTemplateTool_Sample
如何通过ECharts在后台生成图片，然后插入到Word文档中？
首先要解决一个问题：总所周知，ECharts是前端的一个图表库，如何在后...[2023/11/17]
使用js写一个音乐音谱图
我们经常看到在听乐音的时候，会有音谱图随着音乐的节奏不断变化给人视觉上的享受，那么我们通过js来实现以下这个效果，下面是简单的效果图
首先我们需要有一个绘制音频的函数
function draw() { 请求下一帧动画 animationId = req...[2023/11/17]
JS逆向实战26——某店ua模拟登陆
声明
本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！
目标
目标网站
aHR0cHM6Ly9kLndlaWRpYW4uY29tL3dlaWRpYW4tcGMvbG9naW...[2023/11/17]
为React Ant-Design Table增加字段设置
最近做的几个项目经常遇到这样的需求，要在表格上增加一个自定义表格字段设置的功能。就是用户可以自己控制那些列需要展示。
在几个项目里都实现了一遍，每个项目的需求又都有点儿不一样，迭代了很多版，所以抽时间把这个功能封装了个组件：@silverage/table-custom，将这些差别都集成了进去...[2023/11/17]
经验首页