个人文档

# 杂项

# 有趣项目分享

# 1.You-Dont-Need-JavaScript

  • 该项目号称不需要js，使用css来取代js，虽然是概念性的，很多浏览器都还不支持，但是觉得挺好玩，未来谁知道会不会css完全取代js呢，而且看看也不亏

# 2.arrestDB

  • 可以让你使用restful接口的形式来访问数据库，支持mysql,PostgreSQL和SQLite

# 3.faker

  • 生成假数据的，写接口测试什么的，或许用的上

# 4.ivideo

  • 一个视频破解项目，you know that

# 5.three.ar.js

  • 一个可以让你用js写3d的项目，是一个 three.js library

# 6.Wappalyzer

  • 一个可以分析网站使用什么技术的项目，或者也可以安装chrome插件，效果像这样 wrapper

# 7.vbot

  • 该项目实现了微信的自动回复

# 8.wechat-emoticon

  • 用表情轰炸别人

# 9.WeChatLuckyMoney

  • 微信抢红包

# 有趣代码分享

1.会跳舞得图片

复制一下代码至浏览器后运行(复置后浏览器会默认删除最前面的javascript:，手动加上就好)

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)

效果： 网页上的图片在飞

  1. css实现箭头等
<div class="content"></div>

// 空心箭头
.content{
  width: 10px;
  height: 10px;
  border:#666 solid;
  border-width: 1px 1px 0 0;
  transform: rotate(135deg);
  margin-bottom: 10px;
}

// 实心箭头
.content{
width: 0px;
height: 10px;
border: 10px solid;
border-color:  #666 transparent transparent transparent;
}

// 空心圆
 .content{
width: 10px;
height: 20px;
border: 1px solid #666;
border-radius: 100% 0 0 100%/50%;
border-right: none;
margin-bottom: 10px;
}

// 实心圆
.content{
width: 10px;
height: 20px;
border: 1px solid #999;
border-radius: 100% 0 0 100%/50%;
border-right: none;
background-color: #999;
}

# 常用软件与chrome插件一览

  • navicat数据库管理软件

  • ownCloud个人版的百度云，用于文件管理

  • rabbimq消息队列系统

  • redisDesktopManager缓存管理

  • vsCode编辑器

  • webstorm编辑器

  • xshell链接远程服务器

  • xampp开发环境

  • everything文件搜索

  • wechat-DevTool小程序开发工具

  • sourceTree可视化git管理工具

  • 小乌龟svn

  • virtual-box虚拟机

  • teamviewer远程控制工具

  • node npm安装包

  • bvsshclient包括了xshell功能的文件上传工具

  • notepad++文件编辑器

  • markdownpad2，md文件编辑器

  • evernote,onenote等

  • fiddler软件

  • wox windows用户谁用谁知道

  • docker win 还是和linux有点差距，练手不错

  • xmind 思维导图

  • 墨刀 画原型图

  • gogs 自己搭建git

  • chrome较为常用普遍插件

  • postman

  • wunderlist任务清单

  • adblock plus广告拦截

  • fonts字体设置

  • allow copy 允许复制

  • augury 可以degug angular项目

  • axure rp extension for chrome 查看axure原型图

  • charset 网站默认编码

  • checker plus for gmail 管理gmail

  • clear cache 清除缓存

  • momentum标签页背景

  • octo mate 和 octotree对github有奇效

  • pagespeed insights 查看网页性能

  • smartup手势操作

  • vimium 键盘代替鼠标，谁用谁知道

  • vue.js devtools 查看vue项目

  • wappalyzer查看网站技术栈

  • web前端助手，集合了各种前端小工具

  • xpath helper 爬虫正则啥的有用

  • 一键切换 各大常用网站快捷切换，最好设个快捷键，谷歌百度bing来回切

  • 划词翻译 英语不好不错

  • 网页截图:注释&录屏 顾名思义

  • teamviewer

← ssh2实现自动化上传 →