2020/7/21
软件工具类
【软件名称】:迅雷绿色版
【适用平台】:PC
【软件优势】:纯净、精简、清爽、私人定制版。这一款由kkocdko大神,亲自操刀,融合xùn雷9界面+xùn雷X内核为一体!
【来源】: 【ONE6】
【软件名称】:网盘搜索 (提示风险)
【适用平台】:安卓
【软件优势】:内置了包括盘搜搜、58网盘、大力盘等在内的8个搜索源,我们只需要搜索自己需要的资源即可,软件还会帮我们**检测资源的可用性。
【来源】: 【ONE6】
- 【软件名称】:FolderIcon
【适用平台】:PC
【软件优势】:FolderIcon是一款可以改变文件夹颜色、UI界面的软件,它的体积只有 45M,且适用于Windows系统。
【来源】: 【晓技术】
网址
网站名称:PiANKU(全平台适用)和市面上的影视APP类似,有首页推荐、也有电影、剧集、动漫推荐!然后就是各大视频网站V1P解析了
前端知识类
玩转前端文件上传
12 个提高JavaScript编码效率的 NPM 技巧
CSS 控制动画的行进
前端存储(高级前端进阶)
前端优化术语
2020/7/22
前端知识类
玩转混合加密
超实用的前端提效 shell 命令
github资源推荐
软件工具类
- 【软件名称】:XMind
【适用平台】:PC
【软件优势】:破解版
【来源】: 【轻安卓】
【注意】:在软件的安装目录里找到resources文件夹并将其打开,将小编提供的破解补丁复制到该文件夹内,由于文件夹内有该文件所以这里要选择替换目录中的文件
2020/7/23
前端知识类
什么时候适合使用 Map 而不是 Object
《CSS揭秘》实用技巧总结
妙用CSS变量
二种前端截图方式
从Vue源码角度深挖Watch、Computed
软件工具类
- 【软件名称】:XMind
【适用平台】:PC
【软件优势】:破解版
【来源】: 【轻安卓】
【注意】:在软件的安装目录里找到resources文件夹并将其打开,将小编提供的破解补丁复制到该文件夹内,由于文件夹内有该文件所以这里要选择替换目录中的文件
2020/7/26
前端知识类
如何开发跨框架的组件
JavaScript 设计模式学习总结与感悟
JS代码被执行中间发生了什么
软件工具类
- 【软件名称】:剧汇TV
【适用平台】:安卓
【软件优势】:画质高清,软件功能齐全,还支持发送弹幕和评论,电影,电视剧,动漫,综艺也都有。
【来源】: 【悦美兮】
2020/7/27
前端知识类
前端框架的插件机制全梳理(axios、koa、redux、vuex)
「牛客网」45道JS能力测评经典题总结
github资源推荐
2020/7/28
前端知识类
十五张图带你彻底搞懂从URL到页面展示发生的故事
手写async await的 20 行最简实现
手写Promise最简20行版本
处理好前后端配置和请求库封装(koa/axios版)
网址
万能命令
在你浏览任意网页时,在网址前面输入这个万能命令 wn.run/ 就会展示出用于该网页的各种附加在线工具,方便快捷,一行命令搞定
影视网站
低端影视 ** **https://ddrk.me/
策驰影院 http://www.5nj.com/
动漫网站
ZzzFun http://www.zzzfun.com/
兜兜动漫网 http://www.zzzfun.com/
樱花动漫 http://www.yhdm.tv/
怡萱动漫 http://www.yxdm.tv/
软件工具类
- 【软件名称】:局域网共享精灵
【适用平台】:Windows
【软件优势】:局域网共享工具仅2.6MB,却包含一键修复共享、共享文件、共享打印机、权限控制。
【来源】: 【ONE6】
【注意】:软件文档
2020/7/29
前端知识类
你不知道的 WebSocket
如何修改 node_modules 里的文件
为什么 Vue 中不要用 index 作为 key
实现一个专属于你的babel-loader
软件工具类
- 【软件名称】:蒲公英
【适用平台】:PC
【软件优势】:手机电脑在局域网或者异地互传文件
【来源】: 【ONE6】
【注意】:https://mp.weixin.qq.com/s/fNAy8PpaXPyGo0tPDQUKsg
github资源推荐
简易的 logo 生成器
2020/7/31
前端知识类
现代浏览器高级API
开始用 CSS 自定义属性
写出符合 Promise/A+ 规范 Promise 的源码
CSR、SSR、NSR、ESR傻傻分不清楚,一文帮你理清前端渲染方案!
40 个 CSS 布局技巧
大规格文件的上传优化
算法
- 还不懂这八大算法思想,刷再多题也白搭
https://mp.weixin.qq.com/s/VZ0WqO1FMc6fRrKCSIussA
软件工具类
- 【软件名称】:蒲公英
【适用平台】:PC
【软件优势】:手机电脑在局域网或者异地互传文件
【来源】: 【ONE6】
【注意】:https://mp.weixin.qq.com/s/fNAy8PpaXPyGo0tPDQUKsg
github资源推荐
简易的 logo 生成器
工具推荐
写作类
语雀
语雀是一个蚂蚁金服孵化出来的专业的云端知识库,类似wiki,目前已经覆盖了10 万阿里员工的使用,来进行文档编写及知识沉淀 官方链接🔗
Process On
ProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具。支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计等
Carbon
Carbon 用来创建美化版的代码片段,可筛选多种主题切换,然后生成你想要效果的代码片段图 官方链接🔗
Mdnice
mdnicde全名为Markdown Nice,支持给markdown添加“主题元素”,有点像换肤的感觉,支持多种主观,让你的文章仿佛披上了嫁衣,最重要的是支持微信公众号、知乎、还有掘金!官方链接🔗
封面模版
很多童鞋很好奇,我每次文章都会附上一张主题图,是不是自己P的,虽然我是做UI出身的前端,但是设计还是蛮琐碎和耗时的活,时间应该用在更宝贵的地方,这里介绍的就是我使用的模版在线编辑工具 - 凡科快图 官方链接🔗 或者 canva 官方链接🔗
Shields
shields.io 主要是用来可以生成 在Markdown 文档中的徽章,我们经常在github的项目上看到这些徽章,来表述比如单元测试覆盖率、打包的大小、版本信息、认证信息等 官方链接🔗
Gif生成
有时候图片无法去表达我们想要阐述的内容,这个时候动态图就起了很重要的作用,可以更直观的描述整个过程
网页截屏
文章素材需要网页截图?很长时间我要给当前网页截图,我还在用微信的截图工具,其实强大的chrome内置了截屏的功能,那如何使用呢
- 首先打开chrome控制台(然后打开快捷方式 Option+Command+i)
- 其次在命令行输入“capture”可以看到如下
❝
注意:capture full size screenshoot和capture screenshoot的区别在于前者是整个页面完整信息的截图,后者只是当前页面的截图
效率篇
Iconfont 图标库
Iconfont Icon库方便个人开发者找到自己需要的图标,节省图标设计和查找的时间,不香吗~ 官方链接🔗
Regexr 正则可视化工具
RegExr是一款在线编辑测试正则表达式的工具,它拥有一个简洁的界面,提供了一个可以实时查看查找与替换正则表达式的文本框 官方链接🔗
Postwoman 接口调试利器
你听说过Postman,现在来了postwoman,Postman的情敌!它不仅免费开源、轻量级、快速,而且还有美观的API调试工具。能帮助我们节省时间,提升工作效率。官方链接🔗
CanIuse 兼容性查询
can I use? 顾名思义:我能使用吗,能快速让我们查看浏览器对某个属性语法的兼容情况,场景应用当前在某个浏览器可以正常使用,可是换了另一个浏览器之后就不支持了,这个时候就得我们防患于未然,在对某个属性使用前,做好足够得调研,而不是等到上线才发现问题官方链接🔗
Prettier Playground 代码在线格式化
应用场景:当我使用的电脑没有安装IDE,但是我又需要看别人写的代码,这个时候 Prettier Playground可以帮我将原本凌乱的代码改头换面,大大提高可读性 官方链接🔗
SwitchHosts host管理工具
SwitchHosts 可以帮助我们快速切换不同的 hosts 设置、并进行hosts编辑 官方链接🔗
命令行工具篇
n
- node 版本切换工具用来进行 node 版本的切换,方便轻量 官方链接🔗
nrm
- npm镜像管理工具nrm是npm的镜像源管理工具,有时候因为访问国外资源原因导致速度太慢,使用nrm可以快速地在npm源间切换,也可以管理你内部的npm来源
caniuse-cmd
- 兼容性测试工具上文提到web版本的caniuse,这里介绍下它的命令行工具,如何使用?
npm install -g caniuse-cmd
下面是一个关于websocket浏览器兼容性测试的例子👇前端开发工具、组件库集合