前端react,css,html,node,js,ts日常笔记
参考:[日常笔记 | 天問-专注于大前端技术](https://tiven.cn/notes/)
日常的笔记总结
常用网站及文档
- Js、css混淆加密压缩:
- css、js、json格式化:
- Vite官方中文文档:
- React Hooks库:https://ahooks.gitee.io/zh-CN
- create-react-app:https://ant.design/docs/react/use-with-create-react-app-cn
- Hexo插件:https://hexo.io/plugins/
- Hexo-nanoid:https://github.com/cowsay-blog/hexo-nanoid
- Mobx中文文档:https://cn.mobx.js.org/
- 高性能的 JavaScript 实用工具库:https://www.lodashjs.com/
- EggJS中文文档:https://eggjs.org/zh-cn/
- UmiJS中文文档:https://umijs.org/zh-CN
- HTML转MD:
- 基于 Vue2.0 和 echarts 封装的 v-charts 图表组件:https://v-charts.js.org/#/
- Vant组件库:https://youzan.github.io/vant/#/zh-CN/home
- Font Awesome中文网:http://www.fontawesome.com.cn/
- 网站IP地址查询:https://ipchaxun.com/github.com/
- 小程序统计工具-阿拉丁:https://docresource.aldwx.com/
- Vue组件库-UI Toolkit:http://www.7te.net/zp-ui/#/manual
- 神策埋点:https://manual.sensorsdata.cn/sa/latest/gettingstart-4751623.html
- 诸葛IO埋点:https://docs.zhugeio.com/dev/js.html
- 埋点SDK:https://hubble.netease.com/help/_book/
- 友盟应用性能监控埋点:https://developer.umeng.com/docs/193624/cate/193624
- uni-app文档:https://uniapp.dcloud.io/
- 接口协作管理工具:https://www.apizza.net/
- YApi文档:https://hellosean1025.github.io/yapi/index.html
- 图表格式化-Antv:https://g2.antv.vision/zh
- 阿里矢量图库:https://www.iconfont.cn/search/index
- echarts在线构建工具:https://echarts.apache.org/zh/theme-builder.html#
- 代码块生成图片:https://carbon.now.sh/
- 小程序框架-Taro:https://taro-docs.jd.com/taro/docs/README
- Nest框架:https://exlley.gitbooks.io/nest-js/content/
- Electron文档:https://www.electronjs.org/docs/api
- Electron8官方文档中文版:https://www.bookstack.cn/read/electronjs-8.0.0-zh/README.md
- Electron编译包:http://npm.taobao.org/mirrors/electron/
- Mock.js:http://mockjs.com/
- 获取随机狗狗图片接口:https://dog.ceo/dog-api/
- Vue框架-Quasar框架:http://www.quasarchs.com/introduction-to-quasar
- 构建web应用-RuoYi:https://doc.ruoyi.vip/
- Vue大屏数据展示组件库-DataV:http://datav.jiaminghi.com/
- Deno语言:https://manual.deno.js.cn/
- Threejs中文网:http://www.webgl3d.cn/
- IT书籍大全:https://www.bookstack.cn/
- Pixi教程:https://www.bookstack.cn/read/LearningPixi/README.md
- 多端框架-Rax:https://rax.js.org/
- Flutter-Web渲染引擎-北海Kraken:https://openkraken.com/
- 快应用文档:https://doc.quickapp.cn/
- 文件转换器:
- logo在线设计:https://ue.tusij.com/?notShowBigTemplate=1&w=720&h=400
- Puppeteer教程:https://www.qikegu.com/docs/4525
- Nginx文档:https://www.docs4dev.com/docs/zh/nginx/current/reference/
- 图片转矢量图:https://vectorizer.com/zh/
- PNG/JPEG图片压缩:
- 图片转字符画:https://www.degraeve.com/img2txt.php
- 终端字符文案生成:https://www.bootschool.net/ascii
- 免费代理IP:https://www.kuaidaili.com/free/
- Vue+Egg工程化方案:https://easyjs.cn/egg-vue/
- 基金数据平台-集思录:https://www.jisilu.cn/
- AST在线编译器:https://astexplorer.net/
- MongoDB精简版-Nedb:https://www.w3cschool.cn/nedbintro/nedbintro-asrf27md.html
- Vue静态网站框架-VuePress:https://www.vuepress.cn/
- 静态网站框架-vitePress:
- JS算法、数据结构、进阶:
- JS Performance:https://www.w3cschool.cn/javascript_guide/javascript_guide-hxou26a6.html
- Material样式的VueUI组件:https://vuetifyjs.com/zh-Hans/
- Vue日历组件:https://github.com/anyEmpty/vue-date-pick
- Element低代码框架-Avue:https://avuejs.com/
- 组件文档框架Vue-Styleguidist:https://vue-styleguidist.github.io/
- 前端规范-凹凸实验室:https://guide.aotu.io/
- 小程序框架-kbone:https://wechat-miniprogram.github.io/kbone/docs/
- kbone-api:https://github.com/wechat-miniprogram/kbone-api
- uni-app小程序图表组件库-uCharts:https://www.ucharts.cn/
- 京东风格Vue移动组件库:https://nutui.jd.com/#/
- 免费的图片下载网站:
- IP地址解析:https://ip.sb/api/
- LeanCloud云服务:https://console.leancloud.cn/apps
- wiki.js:https://docs.requarks.io/
- 大数据埋点采集:
- https://docs.analysys.cn/features/project-manegement/data-integration/virtualizer#1-android-zhi-chi-kong-jian
- https://manual.sensorsdata.cn/sa/latest/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%85%A8%E5%9F%8B%E7%82%B9-7541326.html
- https://docs.growingio.com/v3/product-manual/data-center/data-management/auto/app
- https://docs.zhugeio.com/dev/js_visual_event.html
- 移动端日历插件:
- 接口测试工具:
- 配色类网站:
- 图标类网站:
- 插件类网站:
- 素材类网站:
- 字体类网站:
- 在线工具网站:http://tool.lu/
- UI设计工具合集:http://www.xueui.cn/design/online-tools
- 在线图片压缩:https://tinypng.com/
- 前端工具和文档:http://www.css88.com/
- H5跨屏前端框架:http://amazeui.org/
- 基于bootstrap的组件库-SUI:http://sui.taobao.org/sui/docs/
- 日常范文、报告、材料大全:
- node爬虫工具-cheerio文档:https://cheerio.js.org/
- github镜像网站:https://hub.fastgit.org/
- 前端在线开发网站:https://stackblitz.com/
- DIY拖拽组件生产代码:
- 微前端框架:
- MicroApp:https://cangdu.org/micro-app/
- qiankun:https://qiankun.umijs.org/zh
- 基于WebComponent UI库框架:
- Omi:https://tencent.github.io/omi/
- Polymer:https://polymer-library.polymer-project.org/
- LitElement:https://lit.dev/
- FAST:https://www.fast.design/
- 页面性能监控performance:
- chrome浏览器插件商店:https://www.crx4.com/
- PDF在线转换器:https://hhpdf.com/
- 股票数据分析及模型:
- Canvas操作库PIXI、ZRender、Fabric、Konva
- svelte相关生态:
- https://www.sveltejs.cn/
- https://github.com/spaceavocado/svelte-router
- https://www.npmjs.com/package/svelte-router-spa
- https://www.npmjs.com/package/svelte-routing
- https://www.npmjs.com/package/svelte-spa-router
- https://sveltematerialui.cn/
- https://sveltematerialui.com/
- https://www.npmjs.com/package/sirv-cli
- https://github.com/brandonxiang/svelte-webpack-mpa
- WebRTC相关文档和js库:
- https://www.w3cschool.cn/javascript_guide/javascript_guide-l4zu26al.html
- https://peerjs.com/
- https://www.npmjs.com/package/peerjs
- https://www.npmjs.com/package/peer
- https://github.com/simplewebrtc/SimpleWebRTC
- https://apprtc.appspot.com/js/adapter.js
- https://github.com/webRTC-io/webRTC.io
- https://github.com/tsingsee/EasyRTC
- https://github.com/peer5/sharefest
- https://www.showmebug.com/
- 微前端微模块:
- Markdown的vue2插件:
- Parcel打包工具官网:
- pixijs学习专栏:
- 性能监视器工具:
- 很nice的前端开源项目:https://mp.weixin.qq.com/s/g_QRT6bZzSVGbSw4lsyJJQ
- 开源好用的Markdown:
- Vue3中文文档:https://cn.vuejs.org/
- ElementPlus国内文档:https://element-plus.gitee.io/zh-CN/component/layout.html
- 占位图工具:
- Mongoose的populate多表关联查询:
- Docker国内镜像源:https://hub.daocloud.io/
- 在线post-tools工具:https://postwoman.futils.com/cn/
- 优秀的搜索引擎:https://fsoufsou.com/
- Web Components UI组件库Quark:
- SVG描边动画:https://juejin.cn/post/6844903906061860878
- 常用的画图、流程工具:
- Solidity智能合约运行平台:
- 周报怎么写:https://mp.weixin.qq.com/s/wKi8eOK0gUojNVlgtN7A2Q
- webStorm激活破解:
- JS-PPT幻灯片插件:
- 桌面软件开发框架:https://www.yuque.com/u34495/mivcfg
- 低代码框架:
- React Hooks + Mobx使用教程:
- React Hooks使用useMemo/useCallback减少重复渲染:
- Sass的常用函数整理汇总:https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649117864&idx=2&sn=ff7511714ce4600a7fc208f52a63743d
.eslintignore
的忽略配置:https://juejin.cn/post/7007603848080523278- React超好用的状态管理库:https://mp.weixin.qq.com/s/bqPJWzWWBk_dnKUBq0btPg
- 国内好用的ChatGPT:
- https://www.shandianfk.com/
- https://chatx.taiyangyukeji.com/
- https://chat.openai.com/?model=text-davinci-002-render-sha
- http://chat.lookdiv.com/#/chat/1685675743455
- https://github.com/chathub-dev/chathub/issues
- https://chrome.google.com/webstore/detail/chathub-all-in-one-chatbo/iaakpnchhognanibcahlpcplchdfmgma?hl=zh
- VSCode前端插件推荐:
- 科学的学习和上网:
- 即时按需的原子级CSS引擎UnoCSS:
- Fabric.js IText设置指定字符颜色和背景色-文本标注:
- 使用 commitlint、cz 和 husky 校验 Git 提交信息 release-it 自动发布并生成 CHANGELOG
- vue3 setup中props、emits、ref、reactive、computed、provide / inject 的 TS 类型声明:
- vue3 setup设置动态ref:
- macOs上安装 android-sdk:
- vue3 setup自定义事件传递参数:
- rust+neon+electron开发:
- Flutter中文开发者官网:
- React Native中文开发者网站:
- React Icons 大全:
- 面向开发人员的演示幻灯片工具:
- 前端学习笔记+脑图展示:
- ChatGPT桌面插件AI0x0:
- 通过 cloudflare 中转国外站点API:
- egg + egg-jwt 鉴权:
- 高性能的图片压缩,格式转换,加水印处理库-sharp:
- 前端项目eslint+prettier+StyleLint+husky规范代码:
- fnm、nvs跨平台管理 Node 版本的工具:
- Node.js性能测试工具:
- JS类型约束jsdoc使用指南:https://jsdoc.bootcss.com/index.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY