hellogithub.com
获得徽章 0
- 听说现在不会写单元测试的前端不是一个牛皮的前端。那么问题来了，看起来简单的单元测试到底要怎么写？给你推荐今天的这个项目～majestic 一个美观且便捷的 JavaScript 测试框架 Jest 的图形界面工具。遵循“不写测试的项目，不是好项目”的原则，测试是一定要写的。如果有一个赏心悦目的测试运行界面，应该能略微减轻写单元测试时，痛苦的心情吧？
hellogithub.com
展开评论10 - 周一快乐！今天推荐一个小而精的 JavaScript 项目 —— typical。它不依赖其他库工具，是一个仅 400 字节大小的输入动画库。而且源码写的非常精简和巧妙，主要使用了 es6 的迭代器和生成器，如果你对 generators 有疑惑的话，不妨通过这个简单的项目开始实战学习体验一下呗～hellogithub.com 评论31
- 纪念一下vue-admin-beautiful跨平台前端开发框架github标星即将超过400，适合学习，找工作，同时兼容手机，电脑，平板，希望有一天变得像花裤衩，唐金洲一样优秀，希望我的开源项目帮助到更多的人。。。
演示地址:chu1204505056.gitee.io
源码地址:github.com 展开1568 - 那个能提升x倍的可视化表单又来了，哈哈哈
github.com
新功能：
- 数据保存至服务器
- 支持多表单
- 批量添加
- 模糊搜索、表单还原...
想商用？想公司内使用？想二次开发？
都没问题，开源免费，随意使用
业余时间都用来开发它了，希望大佬们能给个star展开评论50 - 虽然今天是周五，但是可不代表明天就能休息哦！今天给大家推荐一个很有意思的项目 —— learnGitBranching。这是一个 Git 命令可视化学习项目。能够生动形象的帮助开发人员理解、学习 Git 命令，通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能。你可以把它当作一个闯关游戏，也可以把它当作一个互动课件，相信看完以后的你一定会有很多收获！戳以下链接可以直接体验在线版本！有兴趣的还可以 fork&clone哦！hellogithub.com 展开330
- vscode如何优雅的拥抱eslint
vue-admin-beautiful项目前期借鉴了唐金州的mock自动导出，花裤衩的tagsview和permission，甚至后期项目的不少灵感也都来源于贤心和花裤衩的项目，页面的风格也跟ant design风格很类似，但我不甘心只做一个抄袭者，于是恶补了好多从前没有接触过的知识，这是我的第一篇文章，希望能帮助到大家
eslint自动化修复配置
eslint的强大不用多说了吧，但有时候规范太过严格，会影响开发的心情，这个时候我们就需要用到prettier这个工具啦，他能自动帮我们规范语法，自动帮我们格式化代码，自动修改属性的顺序，这不是一个简单的代码格式化工具。
1.首先你需要在vscode商店下载Prettier - Code formatter这个工具
2.然后在你的项目package.json的devDependencies下安装这些开发依赖
{
"@vue/eslint-config-prettier": "^6.0.0",
"babel-eslint": "^10.1.0",
"eslint": "^7.0.0",
"eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^6.2.2",
"prettier": "^2.0.5",
}
3.项目根目录新建prettier.config.js，注意一般开源的项目的换行符一般是lf，可自行百度搜索crlf与lf的区别，这里可以配置单引号还是双引号，行末要不要加分号，参数要不要加括号等等，个人比较喜欢行末加分号，js用双引号，当然你可以根据自己的喜好，自定义配置，百度搜索prettier官网即可
module.exports = {
printWidth: 80,
tabWidth: 2,
useTabs: false,
semi: true,
singleQuote: false,
quoteProps: "as-needed",
jsxSingleQuote: false,
trailingComma: "es5",
bracketSpacing: true,
jsxBracketSameLine: false,
arrowParens: "always",
vueIndentScriptAndStyle: false,
endOfLine: "lf",
};
4.最后把eslint的配置开到最严格（变态模式）
结语（广告时间）
vue-admin-beautiful已经默认开启了最严格的eslint规范，并实现了自动化修复
集成版演示地址：mpfhrd48.sanxing.uz7.cn/vue-admin-beautiful
layui风格集成版演示地址：chu1204505056.gitee.io
横向布局集成版演示地址：chu1204505056.gitee.io
iview风格集成版演示地址：chu1204505056.gitee.io 展开842 - 工作很多年的老程序员，大概分两类人：有的为人很随和，能听懂大家的意见并给出很合理的建议，让人从心底奉之为骨干；有的自以为老子天下无敌，老子爱怎么做怎么做，你们不按照我说的做，你们就是错的，动不动和别人怼，让人不想与之合作。评论1
Critical Rendering Path 关键渲染路径