www.genal.fun
获得徽章 0
- 曾经在机场偶遇过一次陈冠希。带着口罩，不过还是一眼认出来，那气场真不是盖的。我低喊了一句陈冠希？他点头示意说hello。我问可以合照吗？他说ok，然后我们拍了一张。然后他说好久不见，我说“什么？” 他说“对不起认错人了，我还以为你是吴彦祖“911
- 想问大佬们一个技术问题 , React Hook 相关
代码大体就是通过 touchStart 给定计时器 , 如果没触发 touchEnd 事件就不去清除 , 计时器里面又会去生成计时器 , 做到在移动端按下之后持续触发指定事件的效果
目前在 handleTouchStart => func 函数中进行 debug 是有在走的 , 里面的 event 事件也有执行 , 但是 event 内部对 useState 创建的变量的 set 操作没有生效 , 还请大佬们指点一二 , 非常感谢
``` 元素节点
<div
className="sub"
onClick={sub}
onTouchStart={() => handleTouchStart(sub)}
onTouchEnd={handleTouchEnd}
></div>
<div
className="add"
onClick={add}
onTouchStart={() => handleTouchStart(add)}
onTouchEnd={handleTouchEnd}
></div>
```;
// add 和 sub 函数分别对变量进行增加和减小操作
// 定时器
const [timer, setTimer] = useState(undefined);
// touch start , 进行事件触发
const handleTouchStart = (event) => {
const func = () => {
event();
setTimer(setTimeout(func, 200));
};
setTimer(setTimeout(func, 500));
};
// touch end , 清除定时器 , 阻止事件触发
const handleTouchEnd = () => {
clearTimeout(timer);
};展开164 - 老家四线城市小农村，家里亲戚介绍的相亲对象嫌弃我工资低，让我产生了对自己目前工作的思考，请问我该跳槽吗？目前这家公司呆两年了，公司内部调薪太少，在小组里面担任JAVA后台核心开发人员，前端也略懂一些。23511
- 周三为您推送一则好久不见的 Ruby 项目～shift。它是一个 Ruby 语言写的在线 MySQL 数据库迁移工具。它旨在解决手动运行模式迁移需要太多时间的问题。 在撰写本文时，shift 可以一天运行数百个迁移，完美解决那些运行一周以上才能完成的迁移。
hellogithub.com 评论5 - 老哥们，请教一个react的问题，就是我们在绑定点击事件的时候，经常要需要使用bind（this）这个东西，就挺烦人的，如果把函数写在class的外面来调用的话，好像对性能有影响，那么使用箭头函数的特性，这样子也可以达到效果，那么这种写法会不会有什么性能上面的影响或者有什么bug呢评论1
- 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 - 问一下，那种说让你内部培训三到四个月，然后每个月给你发2000块，培训完之后会让你选择，是要去公司合作企业工作，还是说留在本公司工作，最后，当你开始工作之后每个月要从你卡里扣一千五，持续一年半时间，这样的情况靠谱吗
553
