Vscode小白入门使用介绍
摘要：前言 现在使用Vscode编码的人越来越多，凭借着免费，开源，轻量，跨平台的特点收货了一大批忠实粉丝 最近因项目需要开始使用Vscode，但不知为何，感觉有点力不从心，不知道该怎么用 首先想到去官网看看，然后放弃了（英语渣渣表示压力山大，其实正因为英语差，才更应多锻炼一下，大家不要学我啊） 最后自己
阅读全文
Fiddler抓包工具怎么设置HTTPS抓包
摘要：最近在学习使用 Fiddler 抓包工具时遇到一个问题，Fiddler 默认只对 HTTP 协议进行抓包，如果出现下图提示，则需要进行相应设置才可以抓包HTTPS 具体步骤 ①：Tools-Options ②：切换到 HTTPS 选项卡，勾选【Capture HTTPS CONNECTs】（捕获HT
阅读全文
git bash 使用自带 curl 命令出现乱码解决方法
摘要：前言 使用过 git 的小伙伴应该都不会陌生，git 自带一个终端 git bash 类似于 window 自带的 dos git 官网下载：https://git-scm.com/downloads 最近在使用 git bash 自带 curl 命令时出现乱码，如下图 解决方法 ①：点击箭头所指的
阅读全文
Windows安装Nginx需要注意的地方
摘要：在使用 Nginx 之前，首先要三连问，它是什么？用来做什么？为什么用它？ 这篇文章很好的解答了上面的问题，并补充了什么是正向代理和反向代理以及区别的知识 https://www.cnblogs.com/wcwnina/p/8728391.html Nginx官网下载：https://www.cnb
阅读全文
你可能不知道的8个谷歌开发者工具实用小技巧
摘要：谷歌开发者工具已经成为我们必不可少的调试工具，但用了这么久，你是否知道它一些实用的小技巧呢，下面听我娓娓道来 ①：直接用 ctrl + c 复制 HTML 大家都知道，如果要复制下图箭头里所指的代码，可以双击复制或右键选择copy选项里的copy-element 但很多人不知道的是，其实可以直接 c
阅读全文
打开ubantu报错（invalid environment block. Press any key to continue）
摘要：今天向往常一样打开ubantu ，却无法正常打开，如下图 意思是无效的环境模块，随意按键继续，按任意键后如下图 折腾了许久问题也没有得到解决，后来在某篇博客中找到了答案 https://blog.csdn.net/leichaoaizhaojie/article/details/52733549 出
阅读全文
查找第三方银行官方app下载链接探索过程
摘要：需求：最近有个需求，点击按钮，弹出一个所需银行选项的非全屏弹出层，再点击某银行选项，随即跳转到该银行的app下载界面，如下图所示 注：这里只是引用相关银行的链接，不需要做什么逻辑处理（选择银行后根据你是安卓还是IOS做不同处理） 比如IOS，会提示是否允许跳转到App Store，允许后自动打开你的
阅读全文
在线渐变背景色网站使用介绍
摘要：在一般页面制作中，通常我们设置背景会采取以下3种方式 ①：纯色背景 ②：规律图像平铺 ③：渐变背景 这里着重向大家推荐一个在线渐变背景网站：https://uigradients.com/#MangoPulp 该网站可自行生成渐变色，可保存为图片，也可导出为 CSS 样式 对于颜色搭配不太敏感的小伙
阅读全文
phtoshop cs6 下载安装及破解方法（另附Photoshop CC 2018破解版图文教程）
摘要：前言： 前端虽然用PS不多，但有时需要用PS切图；UI给你PSD图，需要取色，查看字体颜色大小；测量元素宽高等 但有时想找一个“麻雀虽小，五脏俱全”又是破解版的PS，也不是那么容易的 注：ps完整版不仅体积大，启用时也会占用更多内存，而且很多功能前端是不需要的 如果没有特别需求，phtoshop c
阅读全文
使用git clone命令克隆github项目到本地时出错，提示没有权限的解决方法
摘要：最近使用 git clone 命令在Github上克隆自己项目到本地时出错：提示没有权限，确认仓库是否存在，如下图红色框所示 问题：用过 git 的小伙伴都知道克隆项目的命令是—— git clone，比如你在github下载某个项目到本地，如下图 一般下载项目到本地，直接点击上图的 Downloa
阅读全文
前端切图神器-cutterman
摘要：之前我写过一篇关于前端切图的博客：https://www.cnblogs.com/tu-0718/p/9741058.html 但上面的方法在切图量大时依然很费时间，下面向大家推荐这款免费切图神器 cutterman，一键式傻瓜切图。 官方下载：http://www.cutterman.cn/zh/
阅读全文
前端快速切图方法
摘要：个人认为切图虽然不是前端的主要工作，但掌握一些切图的技巧还是有利无害的。 切过图的小伙伴肯定对传统切图方式很反感。因为真的很麻烦，要一张一张的切。 要切的图少还好，多了简直就是噩梦，特别是当用PS提供的参考线辅助切图的时候，密密麻麻的参考线简直眼花缭乱。 后来 photoshop 2014 CC 版
阅读全文
移动端调试神器-vConsole
摘要：什么是vConsole? 官方说明是一个web前端开发者面板，可用于展示console日志，方便日常开发，调试。 简单来说相当于移动版的Chrome调试控制台，就是我们在PC端常用的F12 vConsole的使用场景？ 比如测试妹纸拿着手机过来跟你说某个页面打不开。你心想，怎么可能，我在电脑上用Ch
阅读全文
好用的图片压缩在线网站（几乎不损伤图片质量）
摘要：给大家推荐一个好用的图片压缩网站——http://tinypng.com/ 下面简单介绍一下怎么使用 步骤①：输入网址，进入到主页，点击下图红色箭头指的下载按钮 注：这里需要注意2点 1：图片格式只支持jpg或png 2：一次最多可以压缩20张图片，并且每张图片的大小不能超过5M 步骤②：然后在本地
阅读全文
webpack入门-个人学习资源收集
摘要：本来是想自己写哈个人学习webpack心德的，不过网上现在已经有各种比较好的，详细的入门或者深入资源了。 所以我就简单总结了一下，我在入门webpack时看的一些博客和文档，以及顺道看到的一些觉得也应该了解的东西 webpack官方文档： https://www.webpackjs.com/conc
阅读全文
字体图标-把SVG图标转换成所需要的字体图标
摘要：小科普： 想必小伙伴们多少都了解或使用过字体图标，总体来说优点多于缺点，优点如下图： 任意缩放，图标不会失真； 可以改变图标颜色； 可以设置图标阴影； 可以设置透明效果； 主流浏览器都支持； 可以快速转化形态（做出一些变化，如 :hover等）； 体积更小，并且不会有http请求，从而一定程度上利于
阅读全文
chrome谷歌开发者工具（hover时候的css样式怎么在浏览器调试）
摘要：很多小伙伴在开发的时候，大多是在用谷歌开发者工具调试代码（快捷键F12 或 Ctrl-Shift-i）。 可能会经常遇到需要调试hover样式的时候，一般都是直接改代码，然后在页面上刷新查看效果。 其实，这里有个小技巧，用谷歌开发者工具就可以方便的查看hover样式 方法一（鼠标右键想查看hover
阅读全文
chrome谷歌浏览器开发者工具-网络带宽控制
摘要：有时候我们想在本地测试一下图片预加载loading的加载情况，如下图： 可无奈一般网络带宽都比较好，基本上看不到效果，图片一下子就加载出来了， 可能这个时候有些小伙伴想到的办法是用定时器延迟加载 其实Google Chrome开发者工具的Network面板提供了2个不错的方法 方法一（推荐）如下图选
阅读全文
npm安装webpack失败（mac和window都可能会遇到这样的情况，以下问题主要以mac为例）
摘要：问题描述：我想查看一下webpack的版本，于是输入了命令webpack -v， 结果如下图所示： 注：这里提示我们要安装webpack-cli，是因为到了webpack4， webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli包 解决方法： sudo npm u
阅读全文
idea中如何配置tomcat
摘要：步骤1：点击idea上面如图所示的选项 步骤2：如下图，先点击左上角的加号，然后选择Tomcat Server-Local 步骤3：下面文字配合下图进行配置 1代表名称，给配置的Tomcat取名称。 2代表配置Tomcat的安装路径。 3代表Tomcat服务器启动后，默认打开的浏览器，根据自己习惯打
阅读全文