Fork me on GitHub

随笔分类 -  开发工具篇

Wireshark过滤器使用介绍
摘要：在工作中我们常会用到wireshark抓取数据包进行分析，当使用wireshark默认设置时，会捕获到大量冗余的数据包，如果没有过滤器过滤，我们很难找到自己想要抓取的数据，这个时候就需要用到wireshark的过滤器来过滤，它们可以帮助我们在庞杂的结果中迅速找到我们需要的信息。 wireshark提 阅读全文
posted @ 2020-06-13 09:59 Jesse131 阅读(1284) 评论(0) 推荐(0)
如何使用Wireshark抓取HTTP2报文？
摘要：由于主流浏览器都只支持HTTP/2 Over TLS，也就是说当前HTTP/2网站都使用了HTTPS，数据传输都经过了SSL加密。 所以默认情况下，Wireshark抓到的包是这样的，SSL层之上的协议细节完全看不到 Wireshark 的抓包原理是直接读取并分析网卡数据，要想让它解密 HTTPS 阅读全文
posted @ 2020-04-12 17:08 Jesse131 阅读(8157) 评论(0) 推荐(1)
规范git commit提交记录和版本发布记录
摘要：在开发过程中我们一般都会用到git管理代码，在git commit提交代码时我们一般对git commit message随便写点简单的描述，可是随着项目参与人数的增多，发现提交的commit记录越来越杂乱，不便查阅，在网上找了下解决方案，总结一下方便在公司项目中运用。 commit message 阅读全文
posted @ 2019-09-16 21:00 Jesse131 阅读(3454) 评论(0) 推荐(0)
Base64编码原理及应用
摘要：最近在做一个H5上传图片并压缩的项目，其过程主要是先将图片上传通过readAsDataURL获取上传图片base64编码，然后根据高宽比将图片画到canvas上实现压缩，在通过toDataURL获取压缩后的图片。 "点击可查看demo" 在该过程中用到base64编码，于是就想弄清楚base64编码 阅读全文
posted @ 2019-09-16 20:58 Jesse131 阅读(736) 评论(0) 推荐(0)
前端开发实现自动化编译与部署
摘要：如今的前端开发早已不用之前的刀耕火种的方式写代码了，项目开始时会考虑各种前端框架react vue angular等，然后就是用webpack搭建项目开发架构。开发完后我们会将webpack编译后的文件通过svn发到服务器上，但是这样很容易存在文件漏发，且多人参与发开易冲突等。经过多次开发实践，目前 阅读全文
posted @ 2018-08-03 14:56 Jesse131 阅读(11296) 评论(0) 推荐(0)
如何利用Vagrant快速搭建相同配置的开发环境？
摘要：作为一名程序猿,我们常常会遇到需要搭建开发环境的问题，特别是在新入职的时候，sublime, node, apache, mysql, php等等以及各种框架的安装。如果入职的是大公司有可能这些必要的开发环境运维人员会为我们安装好，如果是中小型公司那就需要开发者自己来搭建开发环境，而且还要避免安装的 阅读全文
posted @ 2018-05-27 14:17 Jesse131 阅读(1079) 评论(0) 推荐(0)
常用的Git命令整理
摘要：之前一直忙于项目苦于没有时间总结，今天刚好有时间特来总结一下在工作中常用到的代码版本管理器Git。至于为什么要用Git？Git相比SVN有哪些好处？我就不多说了,前人已经总结的很好。今天主要介绍的是常用的Git命令。 Git工作流 一般来说，日常使用只要记住下图6个命令，就可以了。 Remote：远 阅读全文
posted @ 2018-05-23 21:00 Jesse131 阅读(346) 评论(0) 推荐(0)
利用webpack搭建的前端工程化环境
摘要：随着webpack3.x的发布，其功能也越来越强大，很多的项目的编译打包工具也由gulp逐渐转移到webpack。最近因为项目重构考虑使用使用vue，同时想从原来的gulp切换到webpack，所以搭建了webpack vue的前端脚手架工具，这里记录下搭建的过程中的要点。 "项目源码" 1. 用y 阅读全文
posted @ 2018-05-23 20:59 Jesse131 阅读(1328) 评论(0) 推荐(0)
SublimeText3常用插件及快捷键总结
摘要：SublimeText可谓是前端工程师的代码编辑神器，自从用上它以后一直爱不释手，特别是它强大的插件功能，简直要逆天了。网上也有很多关于SublimeText3的各种插件介绍，其插件功能之多，让人眼花缭乱。今天我主要是来整理一下自己常用的前端插件，并打包上传至我的 "github" ,欢迎大家下载交 阅读全文
posted @ 2016-05-22 10:22 Jesse131 阅读(6547) 评论(2) 推荐(12)
前端构建工具Gulp使用总结
摘要：1.安装准备 1.1 Node.js安装 在安装Gulp之前首先的安装Node.js, 安装教程详见 "Node.js 安装配置" 1.2 npm安装 在安装node的时候会自动安装npm模块管理器，详见 "npm模块管理器" win+r输入cmd打开命令终端 查看所安装的node的版本号 查看所安 阅读全文
posted @ 2016-04-23 16:42 Jesse131 阅读(514) 评论(0) 推荐(0)
chrome中workspace配置达到同步修改本地文件的作用
摘要：在前端开发中，我们经常需要在浏览器中进行调试，特别是一些样式的修改，如果你还是先在浏览器elements中调试好在复制到本地文件，那就真的out了。 chrome浏览器的workspace功能完全可以帮你实现同步修改，但需要一些设置。好了，废话不多说，先看下面的例子： 1、在chrome中打开本地h 阅读全文
posted @ 2016-03-17 17:40 Jesse131 阅读(2122) 评论(2) 推荐(0)
sublime中如何用less实现css预编译
摘要：实现css预编译的方式有很多，听说glup很流行而且功能也很强大，但是就目前的工作而言，仅要css预编译和YUIcompress就够了，接下来切入正题 Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 阅读全文
posted @ 2016-03-09 14:50 Jesse131 阅读(2216) 评论(0) 推荐(0)
Emmet插件使用方法总结
摘要：Emmet插件使用方法总结 在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码。特别是手动编写 HTML 代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了 Emmet(前身是Zen Coding)，它可以极大的提高代码编写的效率，它提供了... 阅读全文
posted @ 2015-11-19 20:31 Jesse131 阅读(27233) 评论(0) 推荐(12)
Git常用命令大全
摘要：查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git ad... 阅读全文
posted @ 2015-11-13 22:03 Jesse131 阅读(358) 评论(0) 推荐(0)
利用sublime的snippet功能快速创建代码段
摘要：在前端开发中我们经常会输入相同的一些基本代码，例如常用的jquery引用，bootstrap框架，cssreset等等，如果每次使用时在复制粘贴感觉很麻烦，这里介绍一种更为简洁的方法利用sublime的snippet功能快速创建代码段打开Tools->New snippet我们能看到如图所示内容要是... 阅读全文
posted @ 2015-10-20 21:43 Jesse131 阅读(5774) 评论(1) 推荐(1)
sublime text3使用心得及个人配置 sublime常用快捷键大全
摘要：下载好后：1、安装package controlimport urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.inst... 阅读全文
posted @ 2015-08-23 09:32 Jesse131 阅读(15551) 评论(0) 推荐(0)