【私人笔记】Web前端

*	内容	网址
1	Vue官网	Vue.js - 渐进式 JavaScript 框架 | Vue.js
2	Next.js 官网（英文）	Next.js by Vercel - The React Framework
3	Next.js 文档（中文）	简介 | Next.js 中文文档
4	React官网（中文）	https://react.docschina.org/learn
5	Ant Design组件总览	组件总览 - Ant Design
6	tailwindcss类名大全 · 官网·英	Justify Content - TailwindCSS中文文档 | TailwindCSS中文网
7	tailwindcss类名大全 · 官网·中	https://tailwind.nodejs.cn/docs/flex
8	tailwindcss常用类名	TailwindCSS常用类大全_tailwindcss border-CSDN博客
9	react菜鸟教程	React 列表 & Keys | 菜鸟教程

 

Vue专题

vue3

win10中从零开始创建vue3+ElementPlus项目_windows10 vue3-CSDN博客文章浏览阅读788次，点赞17次，收藏11次。2) 看到安装完成提示 + 预览地址 Local: http://localhost:5173/2) nvm list [列出本地已安装版本]4) nvm install latest [安装最新版本的nodejs]3) nvm install 21.0.0 [安装指定版本的nodejs]> vue的vite、vue-cli、create-vue的区别。0.打开cmd，运行nvm -v检查是否已经安装nvm。_windows10 vue3https://blog.csdn.net/qq285744011/article/details/139338165uniapp 土法 瀑布流 - vue3_vue3uniapp瀑布流-CSDN博客文章浏览阅读1.8k次。本文介绍了如何使用uni-app进行Vue3瀑布流布局的实现，通过实例代码展示了具体步骤，帮助开发者理解瀑布流的构建过程。https://blog.csdn.net/qq285744011/article/details/131742630
vue3 页面路径前面添加目录 - 路由base设置 - vite设置base
https://mbd.baidu.com/ma/s/XdDrePju
修改vite.config.js: 

export default defineConfig({base: '/your-directory/',// 其他配置...
});

Vue3 setup中的useRoute：轻松访问路由信息 - url传参 - query参数
https://blog.csdn.net/qq_35844043/article/details/141390994
读取 localhost:9000/anypath/?id=xx&name=yy 中的id name等值

vue2

【怀旧版】win10中从零开始创建vue2+ElementUI项目_windows10安装vue2-CSDN博客文章浏览阅读1.3k次，点赞15次，收藏8次。2) 看到安装完成提示 + 预览地址 Your application is running here: http://localhost:8080。3) nvm install 21.0.0 [安装指定版本的nodejs]4) nvm install latest [安装最新版本的nodejs]5.全局安装vue-cli脚手架 [旧版，新版是create-vue]> vue的vite、vue-cli、create-vue的区别。0.打开cmd，运行nvm -v检查是否已经安装nvm。_windows10安装vue2https://blog.csdn.net/qq285744011/article/details/139338145

uniapp

【持续更新】uni-app学习笔记_uniapp快速复制一行快捷键-CSDN博客文章浏览阅读6.5k次，点赞4次，收藏27次。优先级1）官方手册优先uni-app官网uni-app：一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/README2）面向效果找组件https://hellouniapp.dcloud.net.cn/pages/component/view/viewhttps://hellouniapp.dcloud.net.cn/pages/component/view/view3）v-for等指令手册（vue手册，因为uni-app基于vue）_uniapp快速复制一行快捷键https://rudon.blog.csdn.net/article/details/122662633uniapp自用速查表 - 我的常用组件_customicons.css-CSDN博客文章浏览阅读2.1k次。uniapp项目登录退出、全局变量与状态、本地存储、Tabbar标签栏、顶部导航栏、下拉刷新、触底刷新、Ajax交互、内置组件样式修改、自定义图标、app图标设置、启动页、alert提示、confirm确认框、柱状图统计图、图片上传、文件选择 等_customicons.csshttps://rudon.blog.csdn.net/article/details/127021069

tailwindcss

vue2项目启用tailwindcss - 开启class=“w-[190px] mr-[20px]“ - 修复tailwindcss无效的问题_tailwindcss + vue2 不生效 直接在vue中写class不生效-CSDN博客文章浏览阅读1k次，点赞14次，收藏11次。Tailwind CSS是utility-first(功能类优先)的CSS框架，功能类优先是指在一组受约束的原始功能类的基础上构建复杂的组件，Tailwind CSS内置了很多CSS类，直接放在HTML class属性中，以代替CSS。 项目中安装配置Tailwind CSS很简单，这里不再赘述，看官网文档即可。使用Tailwind CSS后，我们不再去写内联样式或者css文件，而是在html标签的class属性中写一连串类名就行了。_tailwindcss + vue2 不生效 直接在vue中写class不生效https://rudon.blog.csdn.net/article/details/143683462

React专题

React

React初体验 - [Next.js项目]-CSDN博客文章浏览阅读1.2k次，点赞15次，收藏26次。Next.js是一个用于构建全栈Web应用程序的React框架。可以使用React组件来构建用户界面，使用Next.js来实现额外的功能和优化。Next.js基于文件系统的路由器，构建在服务器组件之上，支持布局、嵌套路由、加载状态、错误处理等。https://rudon.blog.csdn.net/article/details/144310960

next.js

React简单入门 - [Next.js项目] - 页面跳转、AntD组件、二级目录等_react next.js antd-CSDN博客文章浏览阅读1.1k次，点赞9次，收藏15次。页面跳转、AntD组件等。React官网力荐Next.js：为何它取代了Create-React-App？_react next.js antdhttps://blog.csdn.net/qq285744011/article/details/144426470

其他

ElementUI从unpkg.com完整下载到本地的方法 - 解决unpkg.com不稳定的问题 - 自建镜像站 - 不想打包只想cdn一下_elementui下载到本地-CSDN博客文章浏览阅读1.2k次。最简单方法：npm i element-ui -S后提取包即可。或者在github中搜索对应的库zip包，不过和unpkg.com结构不一样。_elementui下载到本地https://rudon.blog.csdn.net/article/details/138412659

持续更新中...