前端资源整理
组件合集
移动端时间、日期选择器
- onlyhom/vue-date-select: 基于vue,对移动端和PC端都友好的时间选择器,使用类似ios、mobiscroll滚动方式选择
- k186/pd-select: vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮
- elliottssu/vue-datepicker-scroll: 移动端非常简约的可滑动的同时包含日期和时间选择控件
移动端城市选择器 -- vue
- lunlunshiwo/best-city: A Vue.js project for selecting city
- kkcForHtml/vue-citySelector: 基于vue-cli + vuex + mint-ui 封装了城市选择控件(包括常用城市和热门城市)
- catbea/vue-city-select: 基于vue2.0的仿美团的城市选择组件
代码格式化
- 基于 husky + prettier + pretty-quick 进行 git commit 自动格式化代码 - Postbird - 猫既吾命
- ESLint 在中大型团队的应用实践 - 美团技术团队
- husky hooks 不起作用的解决方法 - Postbird - 猫既吾命
前端web 开发资源
代码规范
js
- ESLint 在中大型团队的应用实践 - 美团技术团队
- idiomatic.js/translations/zh_CN 书写具备一致风格、通俗易懂 JavaScript 的原则
- standard/RULES-zhcn.md JavaScript standard 代码规范
- google js 代码规范
- ESLint complains about duplicate plugin import, when importing using in parent config file - eslint
regexp
html/css
- google html/css 代码规范)
- idiomatic-css/translations/zh-CN
- Js获取屏幕宽度、高度 - 简书
- 自定义火狐浏览器滚动条样式 - 简书
- ::-webkit-scrollbar - CSS(层叠样式表) | MDN
vue
- Vue $listeners, $attrs 是传递事件和数据的便捷方式
- Vue的自定义滚动,我用el-scrollbar - SegmentFault 思否
- 浅谈Vue中Vnode与Dom的关系, vnode与dom相互融合_weixin_34248705的博客-程序员宝宝 - 程序员宝宝
- 学会使用Vue JSX,一车老干妈都是你的 - 掘金
- Vue 之四 —— vue hooks - 知乎
- Vue官方文档里没告诉你的神秘钩子——@hook - 掘金
- 本地调试 npm 模块 —— npm link - 简书
- SassError: expected selector报错 ::v-deep 替换 /deep/_echo忘川的博客-CSDN博客
- vue的jsx写法记录 - SegmentFault 思否
- 有关elementui form验证问题,有值却仍然显示不通过_Fture_Bird的博客-CSDN博客
vue3
eslint
- VUE-CLI3解决Missing file extension "vue" for "xxxx" (import/extensions) - 简书
- Using eslint with typescript - Unable to resolve path to module - Stack Overflow
- 使用vue-cli3创建项目,踩坑记录 · Issue #5 · zqinmiao/blog
- vue 监听路由变化,dom加载完成后执行代码 - 简书
eletron vue
- How to disable packing into asar files? · Issue #428 · electron-userland/electron-builder
- vue-electron,初始化及相关BUG处理_aeoliancrazy的博客-CSDN博客
- electron中Unable to install
vue-devtools
的解决方法 - william1994 - 博客园 - can't drag file to the window of an electron app · Issue #12460 · electron/electron
https://steemit.com/utopian-io/@pckurdu/file-drag-and-drop-module-in-electron-with-text-editing-example```
- electron-vue 窗体禁止拖拽_朝阳39的博客-CSDN博客
- 【easy-invoices】electron-vue、sqlite3 项目初探 - SegmentFault 思否
- 学透 Electron 自定义菜单 - 掘金
- electron-vue build后打开调试_顽石⚡-CSDN博客
- Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher - 慕尘 - 博客园
协议管理
git
git hook
前端监控
centry
- 前端异常监控 Sentry 的私有化部署和使用 - SegmentFault 思否
- sentry 配置邮件通知 - 掘金
- 自建Sentry后邮件服务收不到邮件 | 码农家园
- lizhiyao/sentry-miniapp: Sentry 小程序/小游戏 SDK:用于小程序/小游戏平台的 Sentry SDK(目前支持微信、字节跳动、支付宝、钉钉、QQ、百度小程序,微信、QQ 小游戏)
链接汇总
国内服务
1、https://www.fundebug.com/ (支持小程序)
2、https://www.frontjs.com/ 功能比fundebug多 (支持小程序)
3、阿里的ARMS https://www.aliyun.com/product/arms?spm=a2c4g.11174283.2.1.4fbf668cYscNqj
及 FdSafe(不开源)
4、淘宝的JSTracker
5、支付宝的saijs
6、腾讯imweb的badjs
https://slides.com/loskael/badjs/fullscreen#/
https://github.com/BetterJS/badjs-report
https://imweb.io/topic/5b67dfeaf3fbd8d9125fe7ff
7、 云测评 云监测 http://www.mmtrix.com/
8、UC研发效能开发的岳鹰 https://yueying.effirst.com/
9、云测的bugout https://bugout.testin.cn/ (支持小程序)
10、sentry改造后支持小程序的sdk sentry-miniapp
国外服务
1、https://sentry.io/welcome/
2、https://trackjs.com stackoverflow、谷歌、微软在用
3、https://instabug.com PayPal、雅虎在用
4、https://rollbar.com/ Uber、wework
5、https://www.bugsnag.com/
6、https://logrocket.com/ 支持屏幕记录
7、https://www.rrweb.io支持屏幕记录
aaaa