vercel + mongo + jquery 搭建无需注册的免费在线笔记网站
## 主要功能：免注册 ，一个 url 地址或者 6 位验证码， 在手机或者电脑可以直接打开编辑的在线文本。
体验网站 https://doc.op52.com/
开源代码 https://github.com/tans/online-editor.git
通过 vercel 的 serverless function 和 saas 版 mongodb 的免费 quota ，搭建了一个在线文本笔记网站。
vercel 相当于主机， 可以托管静态文件和 serverless function 。
mongo 提供一个 10G 的免费 quota 。
个人主要当粘贴板和共享文档用。
一点开发心得
1. vercel 的 serverless function 很方便， 放个 js 文件到 api 文件夹， 就是一个接口， 文件路径就是接口路径， 貌似支持所有 http method 调用。
2. mongo 的 saas 版本本地连接有点难链上， 经常遇到 socket hangup 。
3. jquery 很久没用了，交互处理确实不方便，习惯了基于状态的开发， 到处写事件绑定有点恶心。 但胜在细节处理方便。比如 textarea 动态高度，不知道 vue 和 react 怎么处理。 本来不打算做成大项目，jquery 勉强够用。
4. 本项目没有用 next 框架， 算是 vercel 的最简单的使用方法了，没有被隐藏的技术细节， 十分适合上手 serverless 项目用。
欢迎大家提 各种产品的 features 和 bug 。
#vercel #serverless #function #https #com #saas #quota #mongo #jquery #方便
## 主要功能：免注册 ，一个 url 地址或者 6 位验证码， 在手机或者电脑可以直接打开编辑的在线文本。
体验网站 https://doc.op52.com/
开源代码 https://github.com/tans/online-editor.git
通过 vercel 的 serverless function 和 saas 版 mongodb 的免费 quota ，搭建了一个在线文本笔记网站。
vercel 相当于主机， 可以托管静态文件和 serverless function 。
mongo 提供一个 10G 的免费 quota 。
个人主要当粘贴板和共享文档用。
一点开发心得
1. vercel 的 serverless function 很方便， 放个 js 文件到 api 文件夹， 就是一个接口， 文件路径就是接口路径， 貌似支持所有 http method 调用。
2. mongo 的 saas 版本本地连接有点难链上， 经常遇到 socket hangup 。
3. jquery 很久没用了，交互处理确实不方便，习惯了基于状态的开发， 到处写事件绑定有点恶心。 但胜在细节处理方便。比如 textarea 动态高度，不知道 vue 和 react 怎么处理。 本来不打算做成大项目，jquery 勉强够用。
4. 本项目没有用 next 框架， 算是 vercel 的最简单的使用方法了，没有被隐藏的技术细节， 十分适合上手 serverless 项目用。
欢迎大家提 各种产品的 features 和 bug 。
#vercel #serverless #function #https #com #saas #quota #mongo #jquery #方便
求推荐后端开发的前端学习路线
本人后端 java 开发一枚，最近想写一个自己的 web 项目（后端还是用 java/python ），苦于之前只会简单的 js/jquery/css/bootstrap ，感觉不太顺应时代的潮流。。
现在想更新下技术栈，看 vue3 挺火的（以及各种途径听说 react 上手难），就想用 vue3+tailwind 写一下。想问下只会 js 基础能用好 vue3 吗？还是需要先深入学习 js 的特性，npm 之类的，才能开始学 vue3 ？另外 css 也只是能做出正常的页面，花哨的还有 less 也没用过，是否也要先打好基础？
或者大佬们有没有初学者更友好的技术栈推荐下？
#vue3 #js #java #css #只会 #问下 #顺应时代 #web #python #jquery
本人后端 java 开发一枚，最近想写一个自己的 web 项目（后端还是用 java/python ），苦于之前只会简单的 js/jquery/css/bootstrap ，感觉不太顺应时代的潮流。。
现在想更新下技术栈，看 vue3 挺火的（以及各种途径听说 react 上手难），就想用 vue3+tailwind 写一下。想问下只会 js 基础能用好 vue3 吗？还是需要先深入学习 js 的特性，npm 之类的，才能开始学 vue3 ？另外 css 也只是能做出正常的页面，花哨的还有 less 也没用过，是否也要先打好基础？
或者大佬们有没有初学者更友好的技术栈推荐下？
#vue3 #js #java #css #只会 #问下 #顺应时代 #web #python #jquery
前端新玩具： Nashi.js
小弟最近写了个玩具，名叫 `nashi`，我称之为 2022 年的 jQuery ，简单介绍一下特性：
1. 真的非常小，gziped 后仅 1.48kb ，是 jQuery 体积的 1/20
2. 支持 jQuery 的大部分方法，除了动画、Ajax 相关，因为没必要
3. 写了数十个单元测试， 且在多个现代浏览器表现良好，稳定性还行
4. API 设计现代，写起来比 jQuery 舒服点，比写原生不知道高到哪里去了
目前开源到 Github 一个周，issues 平均 4 小时内处理，一天更新一次，获得了十几个 star ，为数不多的用户反响也都不错，因此斗胆在 V2EX 引流一下，如果你觉得写得烂，直接在这里或者 issues 骂就行，我自己会调整修改，如果能贡献一下那我自然是感激不尽。
项目地址：[Github]( https://github.com/akarachen/nashi)
Playground: [StackBlitz]( https://stackblitz.com/edit/vitejs-vite-kfbsf7?embed=1&file=README.md) [CodeSandbox]( https://codesandbox.io/p/github/AkaraChen/nashi-playground/main?file=%2Fsrc%2Fmain.ts&workspace=%257B%2522activeFileId%2522%253A%2522cla9j79ua0006l0ii1ano3ao9%2522%252C%2522openFiles%2522%253A%255B%2522%252Fsrc%252Fmain.ts%2522%255D%252C%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522sidekickItems%2522%253A%255B%257B%2522type%2522%253A%2522PREVIEW%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522key%2522%253A%2522cla9j7gbs005l376hrxqpu06f%2522%252C%2522isMinimized%2522%253Afalse%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522key%2522%253A%2522cla9j7eb4003w376hntp5wd03%2522%252C%2522isMinimized%2522%253Afalse%257D%255D%257D)
#2522% #252C% #253A% #jQuery #nashi #https #257B% #Github #issues #github
小弟最近写了个玩具，名叫 `nashi`，我称之为 2022 年的 jQuery ，简单介绍一下特性：
1. 真的非常小，gziped 后仅 1.48kb ，是 jQuery 体积的 1/20
2. 支持 jQuery 的大部分方法，除了动画、Ajax 相关，因为没必要
3. 写了数十个单元测试， 且在多个现代浏览器表现良好，稳定性还行
4. API 设计现代，写起来比 jQuery 舒服点，比写原生不知道高到哪里去了
目前开源到 Github 一个周，issues 平均 4 小时内处理，一天更新一次，获得了十几个 star ，为数不多的用户反响也都不错，因此斗胆在 V2EX 引流一下，如果你觉得写得烂，直接在这里或者 issues 骂就行，我自己会调整修改，如果能贡献一下那我自然是感激不尽。
项目地址：[Github]( https://github.com/akarachen/nashi)
Playground: [StackBlitz]( https://stackblitz.com/edit/vitejs-vite-kfbsf7?embed=1&file=README.md) [CodeSandbox]( https://codesandbox.io/p/github/AkaraChen/nashi-playground/main?file=%2Fsrc%2Fmain.ts&workspace=%257B%2522activeFileId%2522%253A%2522cla9j79ua0006l0ii1ano3ao9%2522%252C%2522openFiles%2522%253A%255B%2522%252Fsrc%252Fmain.ts%2522%255D%252C%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522sidekickItems%2522%253A%255B%257B%2522type%2522%253A%2522PREVIEW%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522key%2522%253A%2522cla9j7gbs005l376hrxqpu06f%2522%252C%2522isMinimized%2522%253Afalse%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522key%2522%253A%2522cla9j7eb4003w376hntp5wd03%2522%252C%2522isMinimized%2522%253Afalse%257D%255D%257D)
#2522% #252C% #253A% #jQuery #nashi #https #257B% #Github #issues #github
做了一个实物图书管理的小网站，想问问你们有没有需求，具体需要什么功能
花了一个月的时间，用缝合的方式建了个图书管理的网站，实现了以下功能：
1. 输入 isbn 号返回图书封面、书名、作者等各类信息
2. 将图书加入自己的藏书馆
3. 向别人的藏书馆借阅图书
4. 对图书评分、评论
建设的过程中，缝合了以下内容：
1. jquery/3.6.1
2. twitter-bootstrap/5.2.2
3. bootstrap-icons/1.9.1
4. bootstrap-star-rating/4.1.2
5. masonry/4.2.2
6. twbs-pagination/1.4.2
7. font-awesome/6.2.0
8. quagga/0.12.1
9. html5-qrcode/2.3.0
10. Medoo/2.1.7
11. Qiniu/7.7.0
12. Smarty/4.2.1
13. Upyun/REST
纯靠复制粘贴完成的，实际出来的效果还不错。
看看大家在这方面有什么类型需求，我再继续去缝合，等功能完善了再放链接出来。
#图书 #bootstrap #缝合 #4.2 #藏书 #功能完善 #isbn #jquery #3.6 #twitter
花了一个月的时间，用缝合的方式建了个图书管理的网站，实现了以下功能：
1. 输入 isbn 号返回图书封面、书名、作者等各类信息
2. 将图书加入自己的藏书馆
3. 向别人的藏书馆借阅图书
4. 对图书评分、评论
建设的过程中，缝合了以下内容：
1. jquery/3.6.1
2. twitter-bootstrap/5.2.2
3. bootstrap-icons/1.9.1
4. bootstrap-star-rating/4.1.2
5. masonry/4.2.2
6. twbs-pagination/1.4.2
7. font-awesome/6.2.0
8. quagga/0.12.1
9. html5-qrcode/2.3.0
10. Medoo/2.1.7
11. Qiniu/7.7.0
12. Smarty/4.2.1
13. Upyun/REST
纯靠复制粘贴完成的，实际出来的效果还不错。
看看大家在这方面有什么类型需求，我再继续去缝合，等功能完善了再放链接出来。
#图书 #bootstrap #缝合 #4.2 #藏书 #功能完善 #isbn #jquery #3.6 #twitter