惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

SecWiki News
SecWiki News
WordPress大学
WordPress大学
Martin Fowler
Martin Fowler
MyScale Blog
MyScale Blog
Project Zero
Project Zero
博客园 - 聂微东
Recorded Future
Recorded Future
MongoDB | Blog
MongoDB | Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Stack Overflow Blog
Stack Overflow Blog
T
The Exploit Database - CXSecurity.com
博客园 - 三生石上(FineUI控件)
C
CERT Recently Published Vulnerability Notes
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Engineering at Meta
Engineering at Meta
美团技术团队
Microsoft Azure Blog
Microsoft Azure Blog
C
Cisco Blogs
www.infosecurity-magazine.com
www.infosecurity-magazine.com
小众软件
小众软件
N
News and Events Feed by Topic
D
DataBreaches.Net
量子位
B
Blog RSS Feed
Apple Machine Learning Research
Apple Machine Learning Research
F
Fortinet All Blogs
博客园 - 司徒正美
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
T
Tailwind CSS Blog
Spread Privacy
Spread Privacy
Blog — PlanetScale
Blog — PlanetScale
M
MIT News - Artificial intelligence
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
C
Check Point Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
爱范儿
爱范儿
S
SegmentFault 最新的问题
人人都是产品经理
人人都是产品经理
C
CXSECURITY Database RSS Feed - CXSecurity.com
Hugging Face - Blog
Hugging Face - Blog
AI
AI
腾讯CDC
I
InfoQ
P
Palo Alto Networks Blog
G
Google Developers Blog
T
Threat Research - Cisco Blogs
T
Tenable Blog
Vercel News
Vercel News
Google Online Security Blog
Google Online Security Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - LungGiyo

frp 教程 nginx 跨域解决 001 局域网其他电脑也能访问wsl服务 001 nvm 管理不同版本的 node 与 npm 关于IP送中的影响和解决办法 Antigravity google ai 接入高德MCP 1.3.2 git使用ssh密钥 连接远程仓库 dynadot域名 托管到cloudflare , 使用cloudflare 的CDN功能 003 二进制日志-binlog Django 项目开发整体步骤(0 开始)+进阶 磊科N60Pro刷机 uni的页面解析 使用 Lucky 为群晖 / 极空间 NAS 全服务启用 HTTPS 安全访问 00 docker 命令总结 001 Python 基础 麒麟系统升级openssh至openssh-10.0p1 零信任访问控制系统aTrust 蓝屏 Python PyInstaller 打包、Pyarmor加密等 001 安装wsl 2 && 开启 WSL2 Oxidized的model
前端技术知识扫盲篇
LungGiyo · 2025-07-03 · via 博客园 - LungGiyo

Vue 是一个前端框架

用来构建 Web 页面 UI 的 JavaScript 框架,由尤雨溪开发。

  • 类似于 Java 的 Spring、PHP 的 Laravel
  • 它解决的是「页面结构、交互、组件化开发」问题
  • 文件格式通常是 .vue,由 template + script + style 三部分组成

注意:不要用VUE3,组件兼容低、会有很多问题

uni-app (或者叫uni)

uni-app 是 DCloud 公司开发的一套基于 Vue 的跨平台应用框架。

一句话理解:你只需用 Vue 写一套代码,就可以生成多端应用,包括:

  1. 微信 / 支付宝 / 百度 / 抖音小程序
  2. Web H5 页面
  3. Android / iOS 原生 App(基于 nvue 或 WebView)【ps: App(基于 nvue)是 uni-app 提供的一种 原生渲染页面机制,主要用于构建 App原生页面, App(基于 WebView)通过 WebView 渲染 vue 页面】

uni-app 开发微信小程序

uni-app + HBuilderX + 微信开发者工具

模块功能
vue代码使用 Vue 语法书写 UI 和逻辑Vue 页面代码(.vue)
uni-app 框架写 Vue 风格页面,跨平台运行uni-app 框架转译 + 页面配置(pages.json)
HBuilderX图形界面工具,写代码 + 构建平台HBuilderX 构建生成微信小程序目录(app.json等)
把.vue 转为  .wxml + .js + app.json 等微信标准格式
微信开发者工具预览/调试微信小程序微信开发者工具运行、预览、提交审核上线

UI组件库

uView Plus  移动端UI组件【只支持Vue3】

uView Plus 是基于 uni-app 的一套 高颜值、强功能、全端兼容的开源 UI 组件库,由社区团队维护(非官方 DCloud,但质量非常高)。

uView 2.x 移动端UI组件

【只支持Vue2,3】

uni-ui 移动端UI组件

是提供一套轻量、稳定、跨平台兼容的基础组件 , 由 DCloud 官方出品的 uni-app 专用 UI 组件库 

特性项uView Plus ✅(推荐)uni-ui ✅(官方基础组件)
开发团队开源社区 uview-plusDCloud 官方 uni-app 提供
组件数量多(90+)少(20+)
跨端兼容✅ 全端兼容(H5、小程序、App)✅ 全端兼容(较简洁)
主题切换/样式✅ 支持 SCSS 变量、暗黑模式❌ 不支持
插件能力✅ Toast、Modal、Message 等❌ 需手写
设计风格精致、美观(接近 TDesign)简约、基础
维护情况✅ 活跃社区(更新频繁)✅ 官方维护(稳)
文档/示例✅ 全组件演示 + 文档齐全文档较少、样例较老
二次封装灵活度高(支持深度定制)中(部分组件不灵活)
上手难度中等简单

element-ui  后台管理界面

Element UI 是饿了么开源的 Vue 2 框架下的中后台组件库,主要用于 PC Web 页面(非小程序/App)。

特点:

- 高颜值、成熟稳定

- 提供完整的表单、表格、弹窗、树形等管理后台常用组件

- 适用于基于 Vue2 构建的管理系统项目(如 vue-admin)

TDesign 

TDesign 是腾讯推出的统一设计体系,支持多个前端技术栈(Vue、React、小程序、Flutter),UI 风格精美,适合中大型企业项目。

但是请不要使用 TDesign。

TDesign 当前没有一套“真正多端统一”的解决方案,而是拆分成:

  • tdesign-miniprogram:只支持小程序端
  • tdesign-vue / tdesign-react:只支持 Web 端
  • 没有 App(nvue)或全端通用版本