工具类相关
文章平均质量分 91
OBKoro1
博客、前端算法、开箱即用代码块:http://obkoro1.com/web_accumulate/
展开
-
Chrome插件:统计你每日摸鱼时长,降低自己的摸鱼时间和频率
减少摸鱼的时间和频率的Chrome插件:在上班/学习期间很容易下意识的打开摸鱼网站,插件帮助我们减少摸鱼的时间和频率,提高我们上班和学习的效率,节省时间用于学习提升自己或者享受生活。原创 2022-01-18 09:34:13 · 995 阅读 · 1 评论 -
用来阻止你摸鱼,节省你的时间,提高你的工作和学习效率-我的Chrome插件
stop-mess-aroundchrome插件通过强制的手段禁止大家浪费时间摸鱼,在上班/学习期间下意识的打开摸鱼网站, 自动检测摸鱼网站, 提示激励信息后, 关闭摸鱼网站。Github地址stop-mess-around插件解决的问题: 停止下意识的摸鱼在工作、学习期间,如果事情不是太忙,或者说在学习/忙碌一小段时间之后。就会下意识的打开或者输入知乎、掘金沸点、微博等网站,开始了摸鱼时光。可能是摸鱼奶头乐太快乐了,时间很快就过去两三个小时,而忘记自己的工作、学习初衷了。事后我们通常会原创 2021-06-25 09:29:24 · 719 阅读 · 0 评论 -
eslint plugin rule如何定制以及ESLint rule运行原理
这篇文章目的是介绍如何创建一个ESLint插件和创建一个ESLint rule,用以帮助我们更深入的理解ESLint的运行原理,并且在有必要时可以根据需求创建出一个完美满足自己需求的Lint规则。插件目标禁止项目中setTimeout的第二个参数是数字。PS: 如果是数字的话,很容易就成为魔鬼数字,没有人知道为什么是这个数字, 这个数字有什么含义。使用模板初始化项目:1. 安装NPM包...原创 2019-12-09 10:03:26 · 1035 阅读 · 0 评论 -
图片外链失效,怎么办?使用npm工具一次性下载/替换所有失效的外链图片
前言大约一个月前,微博的图片外链失效了,以及掘金因为盗链问题也于2019/06/06决定开启防盗链,造成的影响是:个人博客网站的引用了这些图片外链都不能显示。目前微博和掘金的屏蔽,在CSDN和segmentfault都是可以正常显示的,只影响个人博客。比如前段时间我的博客:http://obkoro1.com上引用的微博图片都不能显示了。因为我写博客比较频繁,被屏蔽的图片不在少数,肯定不...原创 2019-06-05 11:43:20 · 879 阅读 · 0 评论 -
VsCode 添加文件头部注释和函数注释[koroFileHeader]
以前发过这个插件,这回版本升级了一下,修复了以前默认配置项不能删除,顺序不能移动的问题,并且新增了光标处添加函数注释的功能,也重写了一遍readme,所以再推广一下这个插件,下一步计划是支持其他语言的注释。以下是readme正文。koroFileHeader一个读取用户自定义模板,通过快捷键添加文件头部注释、在光标处添加函数注释的VsCode插件language简体中文 | E...原创 2018-10-17 10:31:09 · 18109 阅读 · 8 评论 -
VsCode读取项目文件的Eslint规则 保存时自动修复格式错误
前言:同一个项目,保持代码风格的一致,是非常重要的一个规范。但事实上项目小组成员的代码校验规则、格式化工具通常都不一致,为了避免项目到后期出现无法维护的问题,项目成员使用同一套校验规则,同一个格式化方式是相当好的步骤之一。个人博客了解一下:obkoro1.com保存时自动统一代码风格:先通过一些简单的配置,然后:Ctrl+s / command+s 时自动修复代码的格式错误自动...原创 2018-09-19 09:18:06 · 7133 阅读 · 0 评论 -
VuePress 手摸手教你搭建一个类Vue文档风格的技术文档/博客
前言:VuePress是尤大为了支持 Vue 及其子项目的文档需求而写的一个项目,VuePress界面十分简洁,并且非常容易上手,一个小时就可以将项目架构搭好。现在已经有很多这种类型的文档,如果你有写技术文档的项目的话,VuePress绝对可以成为你的备选项之一。VuePress特性:为技术文档而优化的 内置 Markdown 拓展在 Markdown 文件中使用 Vu...原创 2018-09-10 10:23:03 · 9508 阅读 · 4 评论 -
手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]
写在前面:使用 vue-cli 可以快速创建 vue 项目,vue-cli很好用,但是在最初搭建环境安装vue-cli及相关内容的时候,对一些人来说是很头疼的一件事情,本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑,特此写了一篇搭建环境的教程,每一步尽量详细解析。需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望可以帮到大家。vue-cli脚手架的优势:有一套成熟的vu原创 2017-08-05 20:22:52 · 17550 阅读 · 4 评论 -
http状态码是什么,有什么用,在哪里查看,分别代表什么意思?
写在前面:当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求。本文主要是:关于$http状态码是什么,有什么用,在哪里查看状态码分别代表什么意思的分享,这里面内容也是非常多的,所以在此科普一下,做波分享。这里面有关键词版本和详细介绍每个错误的版本。http状态码有什么用?http状态码原创 2017-04-27 21:29:00 · 2264 阅读 · 0 评论 -
前端ps切图,图文教程,详细。
写在前面:本文主要内容是目前我所知道的切图技巧结合网上的资料,写出来分享一波。图文教程,多图!!BB:很多人都会说,切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好,但是他们切的图不一定百分之百符合我们的需求,所以我一直都觉得这是页面仔必须要会的一项技能,因为只有你自己才会知道怎么切合适。况且这项技能根本一点都不难,所以还是自己动手丰衣足食比较好。1.下载我原创 2017-04-09 15:17:09 · 16996 阅读 · 0 评论 -
css sprit雪碧图制作,使用教程
写在前面:在网页制作中,雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是:CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。本文主要内容包括雪碧图如何制作,雪碧图优缺点,哪些场景需要使用雪碧图。实现原理:CSS雪碧的基本原理是把你原创 2017-04-10 14:14:18 · 4637 阅读 · 0 评论 -
github是什么,有什么用
写在前面:关于github的文章我已经写了两篇了,关于github个人网站搭建和上传的内容,这篇是对前两篇的一个总结,这里也会讲一些背景知识,和常见问题之类的相关内容。github是什么:嗯。。。有什么奇怪的东西乱入了,画风有点不对实际上,这个问题在github的网站首页说的很清楚了。1.github是一个基于git的web 协作社区,它有多种机原创 2017-03-29 16:27:54 · 59059 阅读 · 5 评论 -
最简单的github搭建个人网站及访问html文件
写在前面:本文内容如题,没有乱七八糟的步骤,最简单的搭建个人网站,想要展示更多的个人能力,经验,经历,在简历上放上自己的个人网站链接无疑是一种比较好的方式。前端对服务器要求不是太高,主要是找个平台给我放放网站什么的就好了,GitHub允许上传个人网站项目并自定义域名,而且又有稳定的服务,还不用苦恼怎么搭建后台,实在是上上之选。github可以当做自己的个人博客网站,做一个这样的网站的好原创 2017-03-28 13:43:25 · 11855 阅读 · 0 评论 -
如何用webstrom使用github,下载,上传。
写在前面:本篇文章只写如何用webstrom使用github,下载以及上传。其他的比如如何下载github和webstrom,获取私密钥匙和账号注册之类的相关问题,请自行百度,网上教程很多了,耐心点,慢慢来。文章背景:作为一个不会使用git命令行的人,一直在使用webstorm上传github,本文将引导小白一步一步的完成操作,而这也是我平常最喜欢的教程方式,每一步都清清楚楚。码字不易,希原创 2017-03-18 13:17:43 · 1265 阅读 · 0 评论