前端技术目录：组件开发配置规范 / vue3+typescript / monorepo-lerna / Charles / JSBridge / ES6 / TypeScript / ...

置顶 已于 2025-07-17 10:19:11 修改
阅读量981 收藏 6
点赞数 20
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： 前端
于 2025-02-26 16:38:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/snowball_li/article/details/145881958

一、组件开发配置规范

前端组件开发：组件开发 / 定义配置 / 配置驱动开发 / 爬虫配置 / 组件V2.0 / form表单 / table表单_前端开发组件-CSDN博客

二、开发清单 

前端：前端开发任务分解 / 开发清单_前端模块任务划分文档模版-CSDN博客

三、 vue3+typescript

Vue：Vue3-TypeScript-Pinia-Vite-pnpm / 基础项目 / 20240807_typescript pinia-CSDN博客

四、 monorepo-lerna

架构-单一代码库-monorepo-lerna(8.0.0)：lerna-pnpm-vue3-vite-ts 实践 / 用于管理包含多个软件包（package）的 JavaScript 项目_lerna8-CSDN博客

五、 Charles

Charles：移动端抓包 / windows客户端 / iOS手机 / HarmonyOS 4.0 / 手机访问PC本地项目做调试_charles移动端抓包-CSDN博客

六、 JSBridge

AI问答：JSBridge / WebView 与 Native 通信_webview是如何和native通信的 安卓-CSDN博客

七、 ES6

ES6核心特性与环境搭建指南-CSDN博客

八、uni-app

小程序-uni-app：uni-app-base项目基础配置及使用 / uni-app+vue3+ts+vite+vscode_uniapp-CSDN博客

九、 TypeScript

TypeScript：熟练掌握TypeScript-CSDN博客

十、NestJS

NodeJS-NestJS：基础掌握 从了解到使用-CSDN博客

十一、monorepo-pnpm-workspace

架构-单一代码库-monorepo-pnpm-workspace：基本使用 / 一个代码仓库中包含了多个软件包（package）并进行开发-CSDN博客

十二、 微前端

前端架构：并列微前端m-saas-pc/m-snow-pc/ 对比Qiankun微前端、模块联邦的优劣势 / 完全隔离 / 推荐使用-CSDN博客

微前端-qiankun：vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用_qiankun.js-CSDN博客

十三、nuxt3

nuxt3：我们开始吧-开发-配置-部署-CSDN博客

十四、构建、测试、展示组件 

vue3-ts-storybook：理解storybook、实践 / 前端组件库_storybook vue3-CSDN博客

十五、Git

Git：Git分支管理规范 / 常用命令_git分支规范-CSDN博客

十六、 SEO

SEO：SEO优化与代码同构/服务端渲染/ssr_使用服务器端渲染(ssr)实现seo-CSDN博客

十七、供应链管理

前端-SCMP：技术和业务相辅相成 / 一分钟快速读懂SCMP供应链管理专家_scmp补贴-CSDN博客

十八、shelljs

shelljs：理解ShellJS / 安装引入 / 常见方法 / 优势 / 应用场景-CSDN博客

十九、网络分层与协议/OSI七层模型/(TCP/IP模型)

网络：网络分层与协议/OSI七层模型/(TCP/IP模型)-CSDN博客

二十、HTTP

协议：HTTP基础内容掌握-CSDN博客

二十一、供应链管理专家

https://blog.csdn.net/snowball_li/article/details/146381331?spm=1011.2415.3001.5331

二十二 、团队-传帮带

团队：传帮带 / 星火相传 / 与团队一起成长 / 独当一面 / 祛魅-CSDN博客

二十三、欢迎交流指正

vue-js-bridge:Vue.js的vue-js-bridge
05-14
vue-webview-js-bridge 适用于Vue.js的WebviewJavascriptBridge插件 基于 （ios）， （android）开发 Promise封装，支持then要么async/await等方式 安装 纱： yarn add vue-webview-js-bridge npm： npm i vue-webview-js-bridge // main.js import Vue from 'vue' import VueJsBridge from 'vue-webview-js-bridge' Vue . use ( VueJsBridge , { debug : true , nativeHandlerName : 'testObjcCallback' , mock : true , mockHandler ( payload , ne
JSbridge 在Vue的封装与交互
唐唐唐行的博客
04-26 1367
JSbridge 在Vue的封装与交互
架构-单一代码库-monorepo-lerna(8.0.0)：lerna-pnpm-vue3-vite-ts 实践 / 用于管理包含多个软件包（package）的 JavaScript 项目
snow的博客
12-12 2249
PNPM Workspaces是一个npm客户端，它允许您在单个存储库中管理多个npm软件包，但它与Lerna不同，它不需要将所有代码放在单个存储库中。总的来说，Lerna适用于需要在一个大型存储库中管理多个相关软件包的项目，而PNPM Workspaces适用于需要更灵活的存储库结构的项目。如果你之前使用软链接管理Lerna项目中的包，升级到Lerna 8.0.0后，你可以移除软链接的设置，并使用Yarn的工作空间功能来管理你的包。并且难以跟踪，并且， 跨越多个代码仓库的测试将迅速变得非常复杂。
20.jsBridge多页面交互与原生事件监听冲突问题
wdy00000的博客
06-18 445
用 JSBridge.openNewHybridPage() 是多 WebView 容器跳转，需要你手动管理每个 WebView 的事件监听与状态清理，否则就会出现“回到上一页还在监听”的 Bug。JSBridge 打开页面方式和 Vue router.push 打开页面方式之间，在WebView 生命周期管理和事件监听行为上的差异，这是核心本质。在不离开当前页面的情况下，通过前端框架（Vue/React）动态切换页面视图，让用户感觉像在换页面，实则是在同一个页面内加载不同组件。
通过JsBridge进行app与webview通信（Vue版）
weixin_41891519的博客
03-13 1万+
一、问题 现在很多app都是嵌套h5页面的混合型app，实现方式就是app加一个webview，webview加入h5的项目地址，那么有时候我们需要获取设备id、获取定位等等信息，都是h5获取不了的，这时候就需要app与h5建立一个通信，实现信息传输，我们可以使用JsBridge来实现这个需求。 二、JsBridge 通过JsBridge，Web端可以调用Native端的Java接口，同样Native端也可以通过JsBridge调用Web端的JavaScript接口，实现彼此的相互调用。 了解JsBridg
Vue使用jsBridge与APP交互
Liingot的博客
09-16 8366
jsBridge 介绍 JSBridge是一座用JavaScript搭建起来的桥，一端是web，一端是native。我们搭建这座桥的目的也很简单，让native可以调用web的js代码，让web可以 “调用” 原生的代码。 编写jsBridge文件 /* eslint-disable */ function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return c
Vue中封装WebViewJavascriptBridge实现与app原生交互
CaseyWei
12-06 3374
原生app里边一些需要页面需要h5来实现，涉及到app原生与h5交互，记录一下。
基于Vue3 + TypeScript的VTJ低代码开发工具设计源码
12-28
综合来看，VTJ低代码开发工具利用Vue3和TypeScript的强大功能，为用户提供了可视化的界面设计、强大的代码自动生成以及灵活的项目配置，满足了快速开发和部署低代码应用的需求。它的出现，不仅是对现有低代码开发...
一个用ve3 Shadcn UI、Vite TypeScript和Monorepo构建的现代vue管理面板.zip
11-11
一个由ve3 Shadcn UI、Vite TypeScript和Monorepo技术支持构建的现代Vue管理面板，是前端开发者为追求高效能、模块化以及灵活的解决方案而设计的。该管理面板项目框架中使用了Vite作为构建工具，这一工具以其快速的...
构建现代化Vue3管理面板：vue-vben-admin-Typescript资源
### Vue-vben-admin 与 TypeScript 资源知识点 ...综上所述，Vue-vben-admin-Typescript 资源文件集合了现代前端开发的关键技术栈与最佳实践，旨在为开发者提供一个高效、美观、易于部署与维护的管理平台解决方案。
ERROR in ./src/so/so/saleorder/card/init/initTemplate.js Module not found: Error: Can't resolve '../../../pub/pubrule/addMenuUtil' in 'D:\JAVA\work\ncc-2312-front\src\so\so\saleorder\card\init' @ ./src/so/so/saleorder/card/init/initTemplate.js 15:0-69 96:6-23 @ ./src/so/so/saleorder/card/init/index.js @ ./src/so/so/saleorder/card/index.js
最新发布
07-23
- 从`init`目录向上三级（`../../../`）应该到达`src`目录（因为`src`是项目的根目录之一）。 - 然后进入`pub/pubrule`目录，寻找`addMenuUtil`模块。 因此，期望的绝对路径是： `D:\JAVA\work\ncc-2312-front\src\...
Vue3结合Typescript资源整理与配置指南
综上所述，这个集合中的文件名称列表展示了在开发使用Vue3和Typescript结合的前端项目时，可能会用到的一些工具配置和最佳实践。开发者可以根据这些文件的模板和配置来设置他们的项目环境，确保项目的一致性、可维护...
133. 面试官：JSBridge是什么？
debug
11-29 886
133期 1. JSBridge是什么？2. 前端开发中，有哪些跨端开发方案？3. 给定二叉树中的2个节点，请查找最近的公共节点？132期问题及答案 1. vite为什么比webpack快？Vite相比Webpack更快的原因主要有几个方面，让我们从不同的角度来看：开发服务器速度：Vite： Vite利用ES模块的特性，采用了基于浏览器原生模块系统的开发服务器。这样在开发过程中，每个模块可以被单独...
jsbrige在前端的使用
qq_36324722的博客
11-29 1112
1.使用原因 在项目开发中因为某个模块业务不稳定，为了不经常让用户更新APP，所以决定在项目中使用H5页面嵌入到手机app中。本来开始只是简单调用手机端来获取登录信息就可以，后续网络请求由H5页面实现，但是由于安全问题，需要所有请求后台的接口由APP完成，这就伴随着可能需要一个请求，手机端开一个请求的方法，此种定义不够灵活，而且有可能后面修改业务，也需要更新app，这就失去了不更新的意义。所以应用...
vue项目的H5如何通过WebViewJavascriptBridge和原生通信
我说我是学霸你信吗的博客
05-07 1873
vue项目的H5如何通过WebViewJavascriptBridge和原生通信首先创建一个bridge.js文件在main.js中引用成全局在vue某个页面中点击拍照的函数中使用 首先创建一个bridge.js文件 // An highlighted block (function(global, factory) { typeof exports === 'object' &&am...
混合开发之-vue和JsBridge跳转返回
weixin_34062329的博客
07-19 3109
这两天领导一直想说要做个混合开发，然后让我用vue和原生app联调，vue中几乎没什么难点，主要的是和原生app嵌套的跳转返回（目前就先遇到这个问题，我相信还有很多难题。。。），看了一天的文档也调试过都没成功，今天此刻终于成功了，很开心的分享下~问题：原生app点击按钮可以跳到vue项目，但是返回不回去。。。复制代码方法：vue端： //在methods中加入这两个方法,其中closeWebvi...
混合开发app与webview层通信之vue端通信总结
cabinx的博客
05-24 2122
最近原生的app项目使用了混合开发，混合开发最大的难点在于原生app端与webview端之间的通信，以及两端之间的数据传输。
React Hooks 原理与最佳实践
热门推荐
前端下午茶
11-20 1万+
1. 前言React Hooks 是 React 16.8 引入的新特性，允许我们在不使用 Class 的前提下使用 state 和其他特性。React Hooks 要解决的问题是状态共...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值