
开发工具杂
开发工具包括浏览器,调试工具,相关有用的网站
Army-海军
致力于前端开发,不做此行专家不罢休
展开
-
谷歌浏览器调试工具比较令人兴奋的实用操作(一定有你不知道的)
工欲善其事必先利其器命令菜单按Cmd + Shift + P(如果使用Windows,则按Ctrl + Shift + P)打开“命令”菜单。或者截取DOM生成图片先打开命令行, 输入ScreenshotScreenshot Capture area screenshot点击后可以在可视区类似微信截图一样的截取,会直接给你下载个png格式的图片。下边的也是一样这个不好截图,自己试一下便知Screenshot Capture full size scre...原创 2020-08-28 14:12:09 · 11545 阅读 · 30 评论 -
利用github实现静态服务器写博客或者展示自己的作品demo
利用的是GitHub Pages提供的静态服务就可以挂在到上边你的所有静态文件。如果以前用过git代码管理工具那就更简单了。原创 2020-06-19 13:53:47 · 15029 阅读 · 42 评论 -
前端常用浏览器插件
先读一下:谷歌浏览器安装插件的方法: https://blog.youkuaiyun.com/weixin_41229588/article/details/105731624然后再继续看1. 草料二维码把你的网址直接生成二维码还可以解码。在手机端调试时非常方便下载地址 :https://cli.im/help/53255预览:3.划词翻译常常读一些没有中文的文档,英...原创 2020-04-26 15:55:18 · 15403 阅读 · 10 评论 -
chrome安装插件的方法
一、直接访问应用商店1.2.3.二、离线导入扩展程序一般插件下载下来的格式为crx首先保证这里打开如果不出意外你就将下载好的crx文件往这个页面里拖。就能安装成功。当然肯定或者可能会有意外。别管提示啥了,就是安装不上,这个时候就把原来的crx文件改后缀名为rar然后解压了。解压成这个大约这个样子然后...原创 2020-04-24 15:29:53 · 15256 阅读 · 18 评论 -
在webstorm中使用TODO记录潜在问题点和未完成事宜
在完成项目时,总有一些问题需要暂存,比如某行的代码某个逻辑未完成。或者是在你做某个事的时候去做另外的事,不得不放下手中。这种通常是那种,不写也不影响主逻辑。但是是潜在bug的问题,很容易遗漏。这个时候使用TODO 特殊标记// TODO 只要有这个四个字母即可颜色很特殊那以后要怎么找到呢。在webstorm的左下方点开之后会展示一个列表你所有打过的T...原创 2020-04-20 13:50:16 · 15333 阅读 · 20 评论 -
webstorm使用自动修正项目中的eslint代码格式
首先你得有这个文件 .eslintrc.js 这个是前提。至于写进packjson里的没研究过。打开webstorm mac下点击windows下点settings就不截图了然后设置完成后。在需要格式化的文件下右键点击 Fix Eslint Problems就能自动格式化对于一些空格啊,分号啊,引号啊,都是没有问题的但是明显语法错误还是得你从错误...原创 2020-04-02 17:45:15 · 17199 阅读 · 21 评论 -
前端知识点查文档网站
一般遇到一个问题或者一个bug,有的时候不单单是程序上的编程问题,有的时候原因很复杂,首先用户习惯可能性,自己代码逻辑不够缜密,还有可能就是浏览器兼容,或者某个代码在某个浏览器里不兼容,还有可能就是你的方法调用不得当。最难解决的就是那种没有报错,看不见bug,各方面终端都看了个遍也不知道问题出在哪里,这个时候就要看看文档了。一个方法调用的不当,不是说你调错了,没准是传错了参数,没懂其他参数的意义所...原创 2019-09-30 11:58:30 · 15244 阅读 · 13 评论 -
github删除某个项目流程
1.进入网站2.找到要删的项目,点进去3.进去之后往下拉,拉到这里接下来就点它按提示操作就删除了。原创 2019-09-30 10:46:31 · 15507 阅读 · 21 评论 -
优快云的markdown写法(效果)
欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:1. 全新的界面设计 ,将会带来全新的写...翻译 2019-07-10 17:22:28 · 15067 阅读 · 11 评论 -
VSCode Vue开发推荐插件和VSCode快捷键
转自https://blog.youkuaiyun.com/Joe0217/article/details/80950477为啥贴到自己博客里,是因为怕他删掉,我就没地方找了,这么好的东西。首先这几个是VSCode推荐Vue开发必备的插件Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个...原创 2019-11-04 14:13:36 · 15208 阅读 · 0 评论 -
webstorm for mac (Eclipse for mac)快捷键
首先啊,从windows转到mac真心不习惯,于是想把ctrl和windows键互换下位置是不是就好了,我的键盘是标准键盘,我找到了方法。接下来就是要说明一下,webstorm快捷键和Eclipse有什么关系,主流快捷键分几种,一种是idea得,一种是Eclipse的,还有visual Studio的,我最开始接触的是hbuider。hbuider是基于Eclipse的,所以我一直也没...原创 2019-06-03 17:00:05 · 15485 阅读 · 24 评论 -
谷歌浏览器调试工具使用基础版(一)
知识采集出处一. 先来认识一下这些按钮先来看这张图最上头的一行是一个功能菜单,每一个菜单都有它相应的功能和使用方法,依次从左往右来看1.箭头按钮:用于在页面选择一个元素来审查和查看它的相关信息,当我们在Elements这个按钮页面下点击某个Dom元素时,箭头按钮会变成选择状态2.设备图标:点击它可以切换到不同的终端进行开发模式,移动端和pc端的一个切换,可以选择不同的移动终端设...转载 2019-06-26 15:19:02 · 25511 阅读 · 10 评论 -
从输入URL到页面加载完成都发生了什么
1、浏览器的地址栏输入URL并按下回车。 1.)名词解释举个栗子:https://www.baidu.com/send这个域名由三部分组成:协议名、域名、端口号,这里端口是默认所以隐藏,后边还可以加一些参数或者路径也可以不加,协议分https,http,FTP协议、FILe协议,http默认端口号80,https默认端口是443,默认端口都会自动隐藏了,所以才会不显示;...原创 2019-06-27 16:53:53 · 15417 阅读 · 39 评论 -
前端解决跨域
1.同源策略同源策略,它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript的浏览器都会使用这个策略。所谓同源是指,域名,协议,端口相同。当一个浏览器的两个tab页中分别打开来 百度和谷歌的页面当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的,即检查是否同源,只有和百度同源的脚本才会被执行。[1]如果非同源,那么在请...原创 2019-06-27 17:29:24 · 15087 阅读 · 22 评论 -
谷歌浏览器调试工具使用进阶(二)
tip:此乃进阶篇。如果有些不懂得,先去看看基础篇目录1.在抛出错误处开始断点2.查看堆栈,即调用过程3.查看断点处的周围变量的值4.条件断点5.调试取这几个按钮的作用6.把局部变量变成全局变量即时输出查看7.Blackboxing 脚本将通过从堆栈中排除特定的脚本或者正则匹配模式的脚本来过滤调用堆栈。8.watch除了可以监听变量的值还可以是表达式1.在抛...原创 2019-07-09 11:33:40 · 17543 阅读 · 10 评论 -
开发中调试接口和查看接口数据工具
1.首选Postman下载Postman这个软件是免费的,不用破解也不用登录第一次打开会显示让你登录,关掉不用登录使用即可。登录可以团队一起,类似于接口文档,相当好用。在这个只说前端好用的部分,首先看界面基础用法:只要掌握这些就够用了。一般拿回接口。在这里查看数据是否正确,和数据格式相当完美,其他的就靠自己点啊点的去测试玩去吧。都说了就没意义了。2。谷歌浏览器...原创 2019-06-28 15:28:33 · 22695 阅读 · 20 评论 -
优快云的markdown写法(要不每次忘了都不知道哪去找)
把我这篇文章复制到markdown编辑器里查看效果是这样的https://blog.youkuaiyun.com/weixin_41229588/article/details/95355587# 欢迎使用Markdown编辑器你好! 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本...原创 2019-07-10 15:20:37 · 15106 阅读 · 10 评论 -
markdown文档的常用写法
##markdown文档的常用写法1.标题# h1:这个是1号标题## h2:2号标题依次类推###### h6六级标题效果就是这样了h1,h2,h3,h4,h6标题还有第二种写法,但是只能写俩我是一级标题==========我是次级标题----------效果我是一级标题我是次级标题2.列表无序列表就是在前边几个*号,记得mar...原创 2019-06-05 19:43:05 · 18885 阅读 · 11 评论