工具

编程常用在线工具 — 程序猿必备

编程基础类 程序语言 在线字数统计 11款很酷的新编程工具 AI Pair Programmer Github | 程序员七大生产力工具 coderunner 在线代码运行,支持php,c,c++,go,python,java,groovy tool.chinaz 编码转换 tool.chinaz-时间戳转换 时间戳转换 timebie 世界时间转换 查看网页源代码 查看网页源代码 convertworld 单位换算 ASCII ART生成 ASCII对照表 Dash API文档浏览器和代码片段管理器。Mac专享 Java类 Grepcode 通过projects、classes等各种关键字在线查看它对应的源码,还可以下载老的jar包 大前端 psd2html Simbla 依据模板创建网站带数据库 免费下载单页面网站主题 Mozilla Developer Network 为Web前端人员提供详细的文献和学习资源 – 网络类 HTTP状态码 HTTP Content-type TCP/UDP常见端口参考 HTML转义字符 fiddler 老牌抓包神器 whistle Web 调试代理工具,提供HTTP代理服务;抓包、重放或构造 HTTP、HTTPS、WebSocket 及普通的 Socket(TCP) 请求;通过类似hosts 的简单配置方式操作请求或响应,且支持域名、路径、正则表达式、通配符、通配路径等多种匹配模式;内置移动调试功能。 技术新闻类 码农周刊 码农网 TechCrunch中文网 InfoQ 程序喵 CNET科技行者 技术沙龙 活动行 藏书馆 tumblr hermit 刷题类 codewars leetcode 刷题 国外神器 挑战最强大脑–10个烧脑编程挑战网站 lintcode 正则类 tool.

Wireshark抓包详解

简述 wireshark是非常流行的网络封包分析工具,功能十分强大。可以截取各种网络封包,显示网络封包的详细信息。使用wireshark的人必须了解网络协议,否则就看不懂wireshark了。 为了安全考虑,wireshark只能查看封包,而不能修改封包的内容,或者发送封包。 wireshark能获取HTTP,也能获取HTTPS,但是不能解密HTTPS,所以wireshark看不懂HTTPS中的内容,总结,如果是处理HTTP,HTTPS 还是用Fiddler, 其他协议比如TCP,UDP 就用wireshark. 1、wireshark 开始抓包 开始界面 wireshark是捕获机器上的某一块网卡的网络包,当你的机器上有多块网卡的时候,你需要选择一个网卡。 点击Caputre->Interfaces.. 出现下面对话框,选择正确的网卡。然后点击”Start“按钮, 开始抓包 Wireshark 窗口介绍 2、WireShark 主要分为这几个界面 1> Display Filter(显示过滤器), 用于过滤 2> Packet List Pane(封包列表), 显示捕获到的封包, 有源地址和目标地址,端口号。 颜色不同,代表信息不同 3> Packet Details Pane(封包详细信息), 显示封包中的字段 4> Dissector Pane(16进制数据) 5> Miscellanous(地址栏,杂项) 显示过滤器: 使用过滤是非常重要的, 初学者使用wireshark时,将会得到大量的冗余信息,在几千甚至几万条记录中,以至于很难找到自己需要的部分。搞得晕头转向,过滤器会帮助我们在大量的数据中迅速找到我们需要的信息。过滤器有两种:一种是显示过滤器,就是主界面上那个,用来在捕获的记录中找到所需要的记录,一种是捕获过滤器,用来过滤捕获的封包,以免捕获太多的记录。 在Capture -> Capture Filters中设置保存过滤,在Filter栏上,填好Filter的表达式后,点击Save按钮, 取个名字。比如”Filter 102″。 Filter栏上就多了个”Filter 102″ 的按钮。 过滤表达式 用途 http 只查看Http协议的记录 ip.src ==192.168.1.102 or ip.dst==192.168.1.102 源地址或者目标地址是192.168.1.102 封包列表(Packet List Pane) 封包列表的面板中显示,编号,时间戳,源地址,目标地址,协议,长度,以及封包信息。 你可以看到不同的协议用了不同的颜色显示。你也可以修改这些显示颜色的规则, View ->Coloring Rules。 封包详细信息 (Packet Details Pane)

mt19937 随机数

一下内容整理自网络资源: 我们讲的随机数其实暗指伪随机数。不少朋友可能想到C语言的rand(),可惜这个函数产生的随机数随机性非常差,而且速度很慢,相信几乎不能胜任一般的应用。 古老的LCG(linear congruential generator)代表了最好的伪随机数产生器算法。主要原因是容易理解,容易实现,而且速度快。这种算法数学上基于X(n+1) = (a * X(n) + c) % m这样的公式,其中: 模m, m > 0 系数a, 0 < a < m 增量c, 0 <= c < m 原始值(种子) 0 <= X(0) < m 其中参数c, m, a比较敏感,或者说直接影响了伪随机数产生的质量。 一般而言,高LCG的m是2的指数次幂(一般2^32或者2^64),因为这样取模操作截断最右的32或64位就可以了。多数编译器的库中使用了该理论实现其伪随机数发生器rand()。下面是部分编译器使用的各个参数值: Source m a c rand() / Random(L)的种子位 Numerical Recipes 2^32 1664525 1013904223 Borland C/C++ 2^32 22695477 1 位30..16 in rand(), 30..0 in lrand() glibc (used by GCC) 2^32 1103515245 12345 位30.

谈谈Sublime Text 3 与 Soda Theme

1、什么是Sublime Text ? Sublime Text 是轻量、简洁、高效、跨平台的编辑器,具有可扩展的功能,并包含大量实用插件,我们可以通过安装自己领域的插件来成倍提高工作效率。 2、Sublime Text 的官方网站? http://www.sublimetext.com/ 说明:Sublime Text 是一款收费软件,建议用于开发的机构或个人付费使用,如果只是单纯为了学习,可以使用破解版。下面给大家共享的是中文破解版的。 网盘共享地址: 链接:http://pan.baidu.com/s/1gfC5iRT 密码:9wkx 3、Sublime Text 3的使用? 从网盘提取下载解压,看到如下目录,双击sublime_text.exe即可 显示如下界面: 我们可以对它的主题进行设置, 这里介绍用插件Soda Theme来设置Sublime Text的主题效果。 4、Sublime Text 的插件官方网站:https://packagecontrol.io/ 可以搜索你需要的插件,如下图: 5、soda theme 的下载与配置? 1)下载: 通过上述链接进入的theme-soda页,可以看到如下提示: 点击页面中提示的下载地址: https://github.com/buymeasoda/soda-theme ,出现下图下面按照提示下载即可: 2)配置: Theme-Soda页的描述非常清晰,按照说明按步骤操作即可,以soda-dark主题为例: 第一步:把你下载下来的文件解压,重新命名为Theme – Soda 。 第二步:找到你的packages目录,如下图: 第三步:把Theme – Soda文件夹拷贝到Sublime Text 3\Data\Packages目录下 第四步:打开用户设置,添加你的主题效果:“theme”: “Soda Dark.sublime-theme” 保存配置文件,重新启动sublime_text.exe,效果如下图所示: 第五步:通常配合语法高亮的配色方案,如下进行下载,解压,设置 1) 2) 3) 配置文件保存后,最终效果如下所示: 总结:关于Sublime Text 3有很多提高工作效率的插件,大家可以根据需要到它的插件官方网站去下载,其他插件的下载与配置的流程与介绍的Soda Theme的操作大同小异,按照网站上的说明操作即可。

WebStorm安装与使用

一、简介 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为”Web前端开发神器”、”最强大的HTML5编辑器”、”最智能的JavaScript IDE”等。 二、安装 官网地址:http://www.jetbrains.com/webstorm/ 去官网下载最新版本进行安装. 下载之后进行安装 启动软件 下面会要求你激活,如果不激活的只有免费使用30天 激活码可参考: http://blog.csdn.net/xx1710/article/details/51725012 这个能用: http://idea.qinxi1992.cn/ 三、使用 使用WebStorm创建一个项目 这里支持有很多的类型项目: Empty Project —-一个空的项目 HTML5 Boilerplate —-HTML5开发框架 Web Starter Kit —-Web Starter Kit 是 Google的一个开源项目,它里面提供了一些工具,比如 BrowserSync,实时的预览项目的变化,在不同浏览器上同步页面的行为。 React App —-基于React.js用来开发iOS和Android原生App。 Twitter Bootstrap —-Bootstrap是Twitter推出的一个用于前端开发的开源工具包。 Foundation —-Foundation 是一个易用、强大而且灵活的响应式前端框架,用于构建基于任何设备上的响应式网站、 Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。 Angular JS —-AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。 Angular CLI —-Angular CLI 帮助开发者快速创建Angular 2项目和组件 React Native —-ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。 Node.js Express App —-Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站

Chrome开发者工具不完全指南(六、插件篇)

本篇是Chrome开发者工具的结尾篇,最后为大家介绍几款功能强大的插件。在chrome商店里面有很多插件,没事建议大家去逛逛。不过需要FQ,所以诸位请自备神器。 一、皮肤插件 首先是大家期盼已久,翘首以盼的皮肤插件。这款插件叫DevTools Theme: Zero Dark Matrix.在商店中下载之,然后打开这个地址:chrome://flags,找到Enable Developer Tools experments (可以查找experments关键字迅速锁定之)勾选启用复选框。重启浏览器,打开开发者选项,点击小齿轮,可以看到Experments这选项,选择后在弹出面板中勾选 Allow custom UI themes,重启浏览,然后看到: 高达上的皮肤就是这样出来滴。据说还有许多方式可以更改,不过露珠目前就用的事这种方式。有兴趣的同学可以去试试看。 二、Performance-Analyser(网页性能分析) 这款插件是用来分析你的网页加载性能的,包括http请求,执行期的时间,以及每种http请求文件的大小,占比。首先下载之,随意打开一个界面,按下插件图标,可以看到分析页面: 你可以利用这款插件来分析你的界面资源加载的整体情况,并试着做一些优化和调整。 三、(FeHelper)WEB前端助手 这款插件包括了一系列功能,很丰富。是国人开发的,功能包括:json格式化,html格式化,二维码生成,编码规范检测等等不一而足。当你在浏览器中打开一个后台接口的时候,如果该接口返回的是json字符串,那么它会自动将其格式化。下面是它的一些功能列表,不具体一一示范: 四、POSTMAN 该插件是模拟发送请求的,后台和前台开发人员都可以用到。它是一个简化版的fiddler,功能虽然没有它强大,但是界面胜之,操作性也胜之,还有规范的API,更新也一直在继续。所以用之有木有: 五、Visual Event 网页事件监听,能帮你捕获到目前网页上的各个元素的事件监听状况。打开一个界面,按下扩展按钮: 把鼠标放到有背景色的元素上去,可以看到它们的时间来源和绑定的函数。对于一些简单的事件检测还是蛮有用的。比较复杂的就没什么卵用了。 六、二维码扫描 这个功能对手机开发来说还是不错的。扫一扫就在浏览器中打开了。在FF浏览器中自带的功能,对于Chrome来说怎么可以木有呢?不过这功能太简单,太低档次,太多了(不过很有用)。就不上图了。 七、WhatFont 找到网页的字体。开启功能后把鼠标停留在文本上,会弹出该字体名称。所以你可以所以copy你喜欢的字体啦。 八、Speed Tracer 这个是一个强大版本的性能分析器,比Profiles还强大。可以跟踪事件,查看css样式,找到js中内存泄露,检测js语法。功能之强大,无出其右!Speed Tracer是一款很强大的网页性能分析工具,通过它你可以找到你的网页运行缓慢的原因。针对它们改善网站。不过因为它的功能强大,所以操作比较复杂。篇幅原因露珠不做介绍。感兴趣的同学可以自己去捉摸捉摸。下面是盗图一张: 结束语、 到此为止,露珠的Chrome开发者工具不完全指南系列宣告结束,露珠通过了六篇博文,向诸位比较想尽地介绍了chrome开发者工具的功能使用。从基础的dom查找到性能分析,大体上涵括了前端开发的各个方面。在如今前端开发日益复杂的趋势下,掌握了几件好的工具,是可以能够事半功倍的。而chrome毫无疑问的是这些好工具中的一个。讲到这里露珠想到《庄子》里面的一个故事:有一天孔子的学生子贡经过一块菜畦,看到有一位老者为了浇水而打了一条通向水井的地道,然后抱着水瓮来回于水井和菜畦之间,为的是给菜畦浇水。子贡见了就对老者说这样打水太累,为什么不自己做一个打水的机器呢?种菜的老人说:“有机械之事者必有机心。机心存与胸,大道不载也”。意思是有了偷懒的心,人就变得懒,这不是人的本性,也不是天的本性,所以大道也就不会充实他的心田。其实露珠想说运用工具和偷懒或机心是两回事儿,时代在变迁,人类早就不再是刀耕火种的人类了,如果一直停在旧的时代,跟不到新时代的进步,不学会与时俱进这样只有被历史淘汰。这跟我们现在处的环境是一样的,特别是前端开发,技术更新跟翻书一样快,隔三差五的新框架出现,几年的时间就有一大堆新鲜的东西跳将出来把你们吓一跳,不仅仅开发的时间在增加,学习的成本也在不停增加,所以时间变得尤其宝贵。如果有好的工具可以在少付出的情况下为我们达到同样的目的,何乐而不为呢?毕竟大家的目标都一样,只是殊途同归罢了。当然,庄子是道家人物,借个故事来调侃儒家也是理所当然,断章取义还是不行滴哈。

windows下搭建Ruby+Sass环境

我的操作系统是windows8、64位操作系统。 下载Ruby 从ruby官网下载RubyInstallers地址是:http://rubyinstaller.org/downloads/ 根据操作系统,选择相应的安装包,在此选择Ruby 2.2.2 (x64) 安装Ruby 1.一路点击next,完成安装,其中在这一步,要对第二项打勾。否则就算再之后配置了环境变量,有可能会发现,再重新开机,当你在命令行输入ruby -v,命令行会提示你这不是一个命令,解决办法就是再到环境变量处,对当时设置的环境变量再点击确定,再打开命令行,就可以成功运行ruby -v了。但是当每次开机后,都需要这样重复做才可以。 2.配置环境变量: RUBY_HOME:D:\ruby\Ruby22-x64 以当前安装的ruby目录为主 在path里面后面添加 %RUBY_HOME%\bin; 3.查看是否安装成功 打开cdm命令行面板,输入gem -v ,如果显示出了版本号,则说明安装成功。 安装sass 当Ruby安装完成后,win+r+cmd,打开命令面板 输入 gem install sass,安装sass 3.在安装过程中 可能会遇到报错: 解决方法: 在命令行内输入以下命令: $ gem sources --remove https://rubygems.org/ $ gem sources -a https://ruby.taobao.org/ $ gem sources -l *** CURRENT SOURCES *** https://ruby.taobao.org # 请确保只有 ruby.taobao.org 再次输入命令gem install sass,就可以安装成功。 相关安装链接: Ruby(windows下)下载链接:http://rubyinstaller.org/downloads/ sass安装:http://www.w3cplus.com/sassguide/install.html 编写sass文件步骤: 1.编写好一个sass文件 $myColor: #ccc; #page{ color:$myColor; } 2.保存完文件后,找到sass文件的目录,在命令行内输入 sass demo1.scss demo1.css 3.之后就会在与demo1.scss同目录下生成demo1.css文件,最后文件内会有 demo1.

保护眼睛-eclipse黑色背景设置

eclipse中java编辑器颜色修改,适合程序猿人群: 长时间编码,眼睛是有很大负担的,特别是使用eclipse,它自带的java编辑器背景色是刺眼的白色,代码颜色基本是黑色,这样一个编辑器里白色占了大多数面积,对视觉的刺激可想而知。我上网查了一个配色方案,调整eclipse编辑器的颜色为最适合的颜色,步骤如下: 1.首先修改编辑器背景颜色:window->preferences->editors->text editors,修改background color为浅黑色:39,40,34 2.修改选中行颜色:current line highlight为纯黑:0,0,0 3.修改配色详情:windows->Preferences->Java->Editor->Syntax Coloring Annotations(注释): 107, 147, 186 Deprecated members(不建议使用的成员): 0, 0, 0 Fields(字段):128,255,0 绿色 KeyWord ‘return'(关键字’return’): 255, 0, 0 红色 Keyword excluding ‘return'(除了关键字以外的return): 255,80, 0 深深橘色 Local variable declarations(局部变量声明): 70,140,179 深蓝色 Method declarations(方法声明): 247,197,39 淡橘色 Method(方法): 241,196,54 深淡橘色 Operators and brackets(运算符与方括号): 255, 128, 0 深橘色 Others(其他): 126, 202, 0 淡绿色 Static fields(静态字段): 128,255,0 绿色 Static Method invocations(静态方法调用): 77, 166 255 Strings(字符串): 89,196,196 墨蓝色 Type variables(类型变量): 222, 0, 25 红色 修改后的截图:

我的暗博

暗网就是搜索引擎搜索不到的网络. 我的暗博, 搜索引擎可以搜索得到, 但是已经是加密的. 一. 实现原理很简单 1. 发表: 对博文进行加密, 然后进行十六进制可视处理, 发表到博客. 2. 阅读: 对加密博文进行解密, 转换成明文, 就可以阅读. 3. 缺点: 因为需要解密, 所以没有直接点击阅读方便. 4. 优点: 有些私人的内容, 你可以发布到网上, 别人也不知道你的秘密. 二. 暗博工具界面 图1 这是暗博工具的界面, 包含博客内容输入, 密码输入, 正向生成和逆向生成. 下载地址: http://download.csdn.net/detail/cay22/8510293 2.0地址: http://download.csdn.net/detail/cay22/9153771 三. 暗博生成的文本 [================================================] [Date = 2015-10-02 11:52:27] [Password = 12345] [SPassword = true] [PDescribe = 12345] [BDescribe = 12345] [DarkBlog = 41905908000000000098CDC397DCAB111B1C0698A33441024CA83FF07DCB629CC82C6A0181D588119AE1B2E308F9CBF95D85E22C5ECCA00D4B7114F4BCACF8B1 AFC77BC51380100E0E7AB26576EB124C94B57CB109D6DE3D9E8B629580B263EAD5F2266B370555347A3AA741D996432C2491AAE53B0DF6BA] [================================================] 把这段文本拷贝到工具, “逆向”即可还原暗博原文.