? ? ? ? 精度前端学习 —— 前端开发100天(置顶)
http://alloyteam.github.io/CodeGuide/
https://github.com/AlloyTeam/CodeGuide
cmd控制台的小技巧:可以直接将文件夹/文件丢进去,这样就会打印出该路径了。
舒服的字体家族样式:
font: 300 16px/1.8 -apple-system,PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
font-size: 62.5%;
background: #fafafa;
text-rendering: optimizelegibility;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
GitClub :不仅仅是一个 GitHub 客户端,还是一个发现优秀 GitHub 开源项目的 App
https://github.com/TellH/GitClub/raw/dev/apk/app-release.apk
video grabber:是一个实用的视频下载工具。它支持下载优酷、爱奇艺、哔哩哔哩、搜狐等其他网站的视频,只需要复制你要下载的视频连接到网站,就可以直接下载视频。它还支持在线录制屏幕和视频格式转换等等功能.
https://www.videograbber.net/
getemoji.com:为文章添加活力
http://getemoji.com/ https://emojikeyboard.org/
分享、推荐 GitHub 上好玩、容易上手的项目,帮你找到编程的乐趣。
https://hellogithub.com/volume/15/
极小的 JavaScript 画板: 超级平滑优雅
http://fiala.uk/atrament.js/demo/
敏感词字典:
https://github.com/observerss/textfilter
C# Newtonsoft.Json 是一款 .NET 平台中开源的 JSON 序列化和反序列化类库
https://github.com/JamesNK/Newtonsoft.Json
php: 基于词库的中文转拼音优质解决方案
https://github.com/overtrue/pinyin
nodePPT:这可能是迄今为止最好的网页版演示库
http://js8.in/nodeppt/
动画库:tweenjs/CreateJS
http://www.createjs.cc/tweenjs/
新的手势库touch: zingtouch
https://github.com/zingchart/zingtouch
share.js : 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
https://github.com/overtrue/share.js
手掌指针
cursor: url(https://webapi.amap.com/theme/v1.3/openhand.cur),default;
jQuery动效动画插件库
http://www.jq22.com/
滚动视差示例
https://mp.weixin.qq.com/s/XC1kcY-_BjaCrwjszeOXDg
http://sc.chinaz.com/tag_jiaoben/ShiChaGunDong.html http://www.wenliku.com/sheji/6290.html
国产山寨的postman: apizza
http://apizza.cc
HTML5/CSS3/WebGL/SVG动效库
http://techbrood.com http://www.jsdaima.com/js
http://www.17sucai.com/search/ http://down.admin5.com/texiao/yanse/ http://down.admin5.com/demo/code_pop/21/11/ http://www.jsdaima.com/js/demo/2210.html http://www.jsdaima.com/js/demo/2155.html
一个不错的动效网站
https://reeoo.com/tag/company
https://codesandbox.io/
不错的录屏工具 : EV录屏
https://www.ieway.cn/evcapture.html
不错的滚动条插件
http://utatti.github.io/perfect-scrollbar/
run.bat: 用ie打开指定网站
set link=http://120.196.128.45:801/
Start iexplore "%link%"
git客户端管理工具
github_desktop: https://desktop.github.com/ sublime_merge : https://forum.sublimetext.com/c/sublime-merge gitkraken: https://www.gitkraken.com/download/windows64
SSH工具推荐:MobaXterm
https://mobaxterm.mobatek.net/
Chrome 定住 hover元素的奇思淫巧
简而言之,就是通过ctrl + shift + c 呼控制台快速选中,然后右键呼出chrome菜单。鼠标移到控制台处,这时候就可以为所欲为了。
配色好网站
https://webkul.github.io/coolhue/ https://webgradients.com/
TJ大神,不读书不看视频,仅靠看代码成神
https://zhuanlan.zhihu.com/p/19572823
nodejs 轻量级服务器:http-server
$ npm install http-server -g
$ http-server
Nodejs的ORM: sequelize
https://github.com/sequelize/sequelize https://nodelover.me/course/sequelize/1
FSCapture:经典优秀屏幕截图录像工具,内含取色器
官网:https://www.filecluster.com/downloads/FastStone-Capture.html
链接:https://pan.baidu.com/s/1Ozo-sv47nlJHPzPuzrd6ZA 提取码:qx7m
蓝灯官方下载地址
https://github.com/getlantern/download#
# 如果只是想上google,可以使用 chromego-lite,请百度自行搜索
一个仿 trello 的工具:leangoo
https://www.leangoo.com/kanban/board/go/2515534#
移动端骨架图解决方案,请注意不支持hash模式,请切换到history
https://github.com/ElemeFE/page-skeleton-webpack-plugin/blob/master/docs/i18n/zh_cn.md
MP4 转 gif 在线服务
https://convertio.co/zh/mp4-gif/
gif 在线压缩
http://www.soogif.com/compress
Postcss 与 Autoprefixer 的 browserslist 浏览器配置
https://github.com/browserslist/browserslist#queries
http://browserl.ist/?q=defaults
一些前端github学习资料
// 牛逼的30秒库 https://github.com/Chalarangelo/30-seconds-of-code/blob/master/snippets/curry.md// 前端面试手册 https://github.com/yangshun/front-end-interview-handbook/blob/master/Translations/Chinese/README.md// 算法与数据结构 https://github.com/trekhleb/javascript-algorithms// (新)前端面试题 https://github.com/qiu-deqing/FE-interview// 腾讯移动Web前端知识库 https://github.com/AlloyTeam/Mars// Build your own 系列,各种环境的构建技术集合,包含了很多自己动手的实践方法 https://github.com/danistefanovic/build-your-own-x
nginx 配置支持URL HTML5 History 模式
location / {try_files $uri /index.html;
}
很不错的纯JavaScript富文本
https://github.com/ckeditor/ckeditor5
vs ide下载地址
https://visualstudio.microsoft.com/zh-hans/vs/
印象笔记网页裁剪插件
https://www.yinxiang.com/webclipper/install/
Oracle 11g数据库详细安装步骤图解
https://blog.csdn.net/projectNo/article/details/76533921
http://download.oracle.com/otn/nt/oracle11g/112010/win64_11gR2_database_2of2.zip
python 学习算法的好地方
https://facert.gitbooks.io/python-data-structure-cn/2.算法分析/2.2.什么是算法分析/
页面代码高亮插件:highlightjs 多种风格
https://github.com/highlightjs/highlight.js
如何删除onenode上的文档,必须在网上才可以
https://onedrive.live.com/about/zh-cn/
意外很火的Select下拉菜单美化插件:chosen
https://harvesthq.github.io/chosen/
https://github.com/harvesthq/chosen
一个朋友给的基于tp的代码生成器
svn://123.207.127.201/codeclide/
navicat 绿色版下载地址
http://download.jtthink.com/144.rar?e=1532661002&token=8s8XS2gzzrN6s0pclUF2TQxK6Zfa3bQ0iUNo1VjW:m_Uy4G91fSLZXWYvNESA7QVxX2M=
在线编写API的地方
https://apizza.net/
一个不错的php根据注解自动生成文档的脚本
https://github.com/opqnext/reflection_api_doc
Nodejs 版selenium ,总是记不得名字,现在好好记一下吧 puppeteer(傀儡师)
教程:https://github.com/dragon8github/puppeteer-examples
https://github.com/GoogleChrome/puppeteer?utm_source=gold_browser_extension
画思维导图和类图的好工具:xmind
https://www.xmind.net/download/win/
chrome扩展插件的本地地址
如何找到的?首先进入chrome插件管理中心,找到插件的id,在电脑中搜索一下即可。
# win10
C:\Users\Lee\AppData\Local\Google\Chrome\User Data\Default\Extensions\
React Tool 开发工具
https://github.com/facebook/react-devtools
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related
在线写前端代码的好地方:https://stackblitz.com/
https://stackblitz.com/ https://stackblitz.com/edit/dva-example-count?file=index.js
github可视化浏览/树形浏览插:OctoTree
https://github.com/buunguyen/octotree
看看人家的组件化和可视化是如何诞生的
https://motion.ant.design/edit/#t%3Dnav_0_0%2Ccontent_0_0%2Ccontent_2_0%2Ccontent_3_0%2Ccontent_4_0%2Cfooter_0_0
新的异常监控平台 http://rollbar.com ,蚂蚁金服ant-design都在使用。
https://rollbar.com
react小书
http://huziketang.mangojuice.top/books/react/lesson1
sublime加入到右键菜单中
https://jingyan.baidu.com/article/cdddd41c99d07653ca00e147.html
新建 sublime_addright.reg,放入以下代码,然后运行即可
Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\SublimeText3]@="用 SublimeText3 打开""Icon"="C:\\Program Files\\Sublime Text 3\\sublime_text.exe,0"[HKEY_CLASSES_ROOT\*\shell\SublimeText3\command]@="C:\\Program Files\\Sublime Text 3\\sublime_text.exe %1"[HKEY_CLASSES_ROOT\Directory\shell\SublimeText3]@="用 SublimeText3 打开""Icon"="C:\\Program Files\\Sublime Text 3\\sublime_text.exe,0"[HKEY_CLASSES_ROOT\Directory\shell\SublimeText3\command]@="C:\\Program Files\\Sublime Text 3\\sublime_text.exe %1"
从第三方框架 grafana 中学习webpack4.0的配置,以及ts的配置
https://github.com/grafana/grafana/tree/master/scripts/webpack
免费书籍大全
https://www.cnblogs.com/think90/p/8159178.html
sureface 屏幕残影问题官方解决方案 - 卸载显卡驱动
您进入桌面,左下角微软图标(单击右键),选择设备管理器,点开“显示适配器”前面的小三角,找到“Intel(r) hd gRAPHICS 520”, 单击右键卸载,卸载的时候不要勾选“删除此设备的驱动软件”,卸载完之后,重启设备。
屏幕按键、按钮录制、屏幕字幕
https://github.com/Code52/carnac/tree/2.2.155
4分钟!教你制作一段音乐
https://www.bilibili.com/video/av1390915/?spm_id_from=333.334.bili_technology.4
极验验证码
http://jiyandoc.c2567.com/
https://github.com/dragon8github/forevery_happy/blob/master/App/WinFormApp/Fuck.cs#L241
为【新建文档】添加快捷键
https://www.cnblogs.com/pinsily/p/7635094.html
通常新建文件夹都是,右键 + WF。但常用的新建文档居然没有快捷键,其实是可以设置的。
1、打开注册表(win+R ,输入 regedit)
2、定位到 HKEY_CLASSES_ROOT\Local Settings\MuiCache\63\AAF68885
3、之后找到右侧的 @C:\Windows\system32\notepad.exe,-469,将 文本文档 改为 文本文档(&T)
unix 的 rz命令,上传本地文件。了解一下
https://www.jb51.net/article/73690.htm
桌面端vuejs开发 vuido
https://github.com/mimecorg/vuido
前端面试题锦集
https://github.com/yangshun/front-end-interview-handbook/blob/master/Translations/Chinese/README.md
github emoji list
http://www.emoji-cheat-sheet.com/
格式美化、优化、html/js/css 美化
http://jsbeautifier.org/
https://github.com/beautify-web/js-beautify
ps photoshop cc 2015 下载
# PS CC2015 下载地址 http://pan.baidu.com/s/1gfJUEzT# 切图教程 https://blog.csdn.net/xiaoermingn/article/details/53243331
Sourcegraph 更好的预览github
https://about.sourcegraph.com/
https://chrome.google.com/webstore/detail/dgjhfomjieaadpoljlnidmbgkdffpack
Redis Desktop Manager
官网地址下载地址有点问题,fq都不行,只能找民间的了
https://redisdesktop.com/download
http://down-www.7down.net/pcdown/soft/R/redis-desktop-manager.rar
设置默认的输入法切换,不要浪费时间切换美式中文
window开机启动
window + R, 输入: shell:startup
淘宝前端ppt
http://2014.jsconf.cn/slides/herman-taobaoweb/index.html#/
生活大爆炸微云盘
https://share.weiyun.com/b71a38d2308ca84846359de0f3c2010a
狼叔的全栈之路
https://github.com/i5ting/How-to-learn-node-correctly?utm_source=gold_browser_extension#%E6%88%91%E7%9A%84%E5%85%A8%E6%A0%88%E4%B9%8B%E8%B7%AF
强大无比的离线开发文档
笔者推荐使用 Dash 或 Zeal 查看离线文档
mac ox :https://kapeli.com/dash
window/mac/unix:https://zealdocs.org/
宏命令软件
视频介绍(6分钟开始是重点演示):
https://www.youtube.com/watch?v=Arn8ExQ2Gjg&feature=youtu.be&t=362
bilibili
https://www.bilibili.com/video/av4407367
示例代码
https://github.com/TaranVH/2nd-keyboard
luamacros 官网:
http://www.hidmacros.eu/forum/viewtopic.php?f=10&t=241#p794
github:
https://github.com/me2d13/luamacros
原理是通过第二个键盘,写入txt,然后再发送快捷键,让ahk读取txt,然后再一次触发。
https://github.com/TaranVH/2nd-keyboard/blob/master/LUAMACROS/2nd%20keyboard%20if%20using%20luamacros.ahk#L37:1
https://github.com/TaranVH/2nd-keyboard/blob/master/LUAMACROS/SECOND%20KEYBOARD%20script%20for%20LUA%20MACROS.lua
打造个人品牌
https://juejin.im/entry/5ad4cc575188255566702c36?utm_source=gold_browser_extension
jenkins打造前端自动化部署
https://juejin.im/post/5ad1980e6fb9a028c42ea1be?utm_source=gold_browser_extension
hosts所在文件夹:
Windows 系统hosts位于 C:\Windows\System32\drivers\etc\hosts Android(安卓)系统hosts位于 /etc/hosts Mac(苹果电脑)系统hosts位于 /etc/hosts iPhone(iOS)系统hosts位于 /etc/hosts Linux系统hosts位于 /etc/hosts 绝大多数Unix系统都是在 /etc/hosts
完全用Linux工作
https://www.cnblogs.com/skyseraph/archive/2010/10/30/1865280.html
下载google play的东西
https://apkpure.com/cn/
超级强大的表单插件
https://handsontable.com/
让小程序支持组件化开发的框架一个最受欢迎的小程序框架.
https://tencent.github.io/wepy/ https://github.com/Tencent/wepy
不好意思!耽误你的十分钟,让MVVM原理还给你
https://juejin.im/post/5abdd6f6f265da23793c4458?utm_source=gold_browser_extension
从只会git add .的菜鸟到掌握git基本功能
https://juejin.im/post/5abef8356fb9a028df22bd78?utm_source=gold_browser_extension
身份证验证
https://juejin.im/post/5aa8d89af265da23866f9669
阿里云最便宜的乞丐配置云服务器购买
# 首页顶部 - 最新活动 - 特惠专区 - 云服务器特惠
https://promotion.aliyun.com/ntms/act/qwbk.html?spm=5176.8112568.738194.2.227d9ed5npRzJ2
大厂 UI 开发实战手册
https://juejin.im/book/5a7bfe595188257a7349b52a/?ref=o2
一个值得前端开发者学习的css框架:bulma
https://bulma.io/
https://github.com/jgthms/bulma/
http://www.ruanyifeng.com/blog/2017/10/bulma.html
监听用户的后退键,解决部分浏览器回退的bug
$(document).keydown(function (event) {// 监听backspace键 if (event.keyCode == 8 && ['body', 'document', 'window'].indexOf(event.target.tagName.toLocaleLowerCase()) >= 0) {return false;} });
66宏按键键盘,价值1850
https://www.amazon.cn/dp/B00O1ASXKO/ref=sr_1_fkmr0_1?ie=UTF8&qid=1520814119&sr=8-1-fkmr0&keywords=genovation-controlpad-cp48
# 如果只是想体验宏键盘,推荐这个
https://www.ebay.com/p/Igrmyn7464-Genovation-ControlPad-Cp48-USB-HID/2256039012?iid=332262845351
react源码解析
https://juejin.im/post/5a84682ef265da4e83266cc4?utm_source=gold_browser_extension
微信小程序案例大全
https://www.cnblogs.com/icyhoo/p/6282574.html
字体家族推荐
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
Mac 上的免费mysql管理工具:sequelpro
http://www.sequelpro.com/
有空读一读:《vuejs源码解析》《用 npm script 打造超溜的前端工作流》
https://github.com/answershuto/learnVue
https://juejin.im/book/5a1212bc51882531ea64df07
https://juejin.im/book/5a36661851882538e2259c0f
脚本之家变成了电子书平台了
http://www.jb51.net/do/book.html?hshgtrgtr
火币网
https://www.hadax.com/zh-cn/vote/
fq蓝灯Lantern最新下载地址
https://github.com/getlantern/forum
符号收集
◄ ✕ ■ ►
⏰ ? ? ? ? ?
? ? ? ? ? ?
? ? ? ? ? ?
✏ ️? ? ? ? ? ?
? ? ? ? ? ? ? ?
?? ? ? ? ? ? ? ☦️ ? ?
使用hexo搭建个人博客
https://hexo.io/
使用hugo快速生成静态网页,搭建个人博客,还支持大量的皮肤哦,社区也不错
https://gohugo.io/
http://www.gohugo.org/
https://gohugo.io/getting-started/
http://www.gohugo.org/post/coderzh-hugo/
https://github.com/gohugoio/hugoThemes
好好学习的科学方法、***
https://github.com/Alvin9999/new-pac/wiki
mac用户:
https://github.com/Alvin9999/new-pac/wiki/苹果电脑MACFQ软件
滑动最底部下载蓝灯
用AOS代替WOW滚动动画
http://michalsnik.github.io/aos/
基于nodejs、mongodb的cms管理框架
http://keystonejs.com/zh/docs/getting-started/
有意思的小型项目,让信用卡、银行卡表单输入变得更加有趣生动。
https://github.com/jessepollak/card
跨浏览器的桌面通知插件 push.js
https://pushjs.org/#
TIM实时共享表格、word
https://docs.qq.com/desktop/
让分享代码变得高逼格一点
https://carbon.now.sh/
GIF录制工具GifCam
https://gifcam.en.softonic.com
屏幕录制软件推荐BB FlashBack Pro 5 Recorder
BB FlashBack Pro 5 Recorder
自动截图工具Snipaste
https://zh.snipaste.com/download.html
阿里云备案流程
https://beian.aliyun.com/ https://help.aliyun.com/knowledge_detail/36938.html
前面资料只要仔细认真填写就没问题了。
值得一提的是第三步【上传备案资料 - 提交身份证和核验单】
核验单需要下载打印,最底部填上承诺和姓名,日期,然后拍张上传。
如果步骤错误会有电话给你,成功也会打电话给你,让你【关闭隐私保护】:https://jingyan.baidu.com/article/c74d6000bbe9110f6a595d16.html
隐私保护在域名管理平台-【安全】处可以设置。
下一步就是提供【万网背景布真人照片】,背景布需要申请,送到之后拍照上传即可。比较麻烦
surface 重装系统的解决方案
1.直接云恢复,云下载恢复镜像,需要wifi,由于有5.6G大小,所以需要长时间,需要电源支持。具体操作方式是重启/开机后,surface检测到异常自动进入修复界面,然后疑难故障->从云恢复即可 2.手动下载官方恢复镜像 + U盘 https://support.microsoft.com/zh-cn/surfacerecoveryimage
请注意,下载链接会被屏蔽掉,所以需要手动关闭屏蔽
surface 启动blos的方式,U盘启动的方式
关闭Surface →按住音量上调键 →打开Surface,不要松开音量上调键
华为手机助手HiSuite
http://consumer.huawei.com/minisite/HiSuite_cn/
Pendo App:神级流程TODO App
https://www.jianshu.com/p/a40dc034a612
炫酷的canvas粒子效果
http://wow.techbrood.com/fiddle/26587 http://www.html5tricks.com/demo/html5-canvas-particle-effect/index.html https://www.iviewui.com/
轻量安全的SSH工具 putty:用来代替xshell
https://www.baidu.com/s?ie=UTF-8&wd=putty
sass的最新框架——bourbon
有点像Javascript和jQuery、Ruby和Rails、python和Django的关系。
https://www.bourbon.io/docs/latest/#all-buttons
https://github.com/thoughtbot/bourbon#installation
晓梦大师的gulp脚手架
https://github.com/rat1991/actflow
颜文字
https://www.douban.com/note/201805227/
《webpack从入门到精通》(最好抄过来先,免得什么时候突然下线了)
setInterval(() => { document.querySelector('.gitbook-plugin-modal').style.zIndex='-1' }, 500);
http://webpack.wuhaolin.cn/
jsbin: 在线写HTML + CSS + JS代码的好地方
http://jsbin.com
觉得不错的博客
https://www.zhaokeli.com/Article/6352.html
手机真机调试远程调试
http://www.v2ex.com/t/295004#reply24
Esay API:好用的API服务平台
https://www.easyapi.com/
javascript 异常处理的最佳实践(如果改为window.onerror 捕获那岂不是美滋滋)。
其实是开玩笑来着。
try {// dosomething } catch(e) {window.open("https://stackoverflow.com/search?q=[js]+" + e.message);window.open('https://www.google.com/search?q=javascript+' + e.message);window.open('https://segmentfault.com/search?q=javascript+' + e.message);window.open('https://www.baidu.com/s?ie=UTF-8&wd=javascript+' + e.message); }
adminlte朋友推荐的后台模板:
https://adminlte.io/
前端路线总结
http://bbs.jointforce.com/topic/19501
人人影视客户端:追美剧的神器
http://zmz001.com/1fy8T4
微云:百度云的替代品
https://share.weiyun.com/b71a38d2308ca84846359de0f3c2010a
查看github上排名前10的作者
followers:>=1000
https://help.github.com/articles/about-searching-on-github/
盘搜
http://www.pansou.com/
js获取元素和window(相对、绝对)高度
http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html
dedecms后台美化(外包用)
https://www.dedemao.com/dedemuban/other/2096.html
raven / sentry: javascript异常捕捉平台
注意点:1是测试了chrome浏览器可以正常加载cdn地址,而某些浏览器加载不了。2是延迟发送email报告,大概延迟1-3分钟。
https://sentry.io/for/javascript/
https://docs.sentry.io/clients/javascript/
https://sentry.io/h5-f5/javascript-co/getting-started/javascript-vue/
保存自动上传代码到服务器:sublime - sftp插件
http://blog.csdn.net/pheona1990/article/details/52092799
css table 行内编辑神奇:x-editable
http://vitalets.github.io/x-editable/docs.html#select
将页面上所有的readonly-input修改为可编写
document.querySelectorAll("input[readonly]").forEach(function(item, i){ item.removeAttribute('readonly');});
surface 4 pro 上玩神武窗口太小的问题
1、先将游戏缩下去 2、将缩放比调为200,再调为300(最大)即可
3、如果上面两步还不行,就在开一个客户端神武3试试。
淘宝手机适配解决方案
https://github.com/amfe/lib-flexible/tree/master
window默认的cmd显示中文为????问题:
配置 -> “字体” -> “Lucida Console”
重启cmd即可显示中文
还有一种情况是,要设置为中文
https://jingyan.baidu.com/article/cb5d610535c4ed005c2fe088.html
强大的上传插件,支持停止
https://github.com/moxiecode/plupload
https://github.com/moxiecode/plupload/edit/master/js/moxie.min.js
https://github.com/moxiecode/plupload/blob/master/js/plupload.min.js
https://github.com/moxiecode/plupload/tree/master/examples
优惠券领取
http://www.quanmama.com/quan/2111914.html
4天搞定考试!2017证券从业资格考试直播串讲冲刺课
https://www.bilibili.com/video/av15897093/
万物皆可萌,使用可萌记账管理你的财务
http://www.kemengjizhang.com/
滴答清单:来构造自己的TODO LIST (推荐使用QQ登录,方便PC和移动端)
https://www.dida365.com/
Total Commander 高效管理文件
http://rj.baidu.com/soft/detail/16892.html?ald
用foxmail 高效管理email(如QQ邮箱和公司邮箱)
# foxmail绑定QQ邮箱,注意如果有密码保护要填写密码保护 http://service.mail.qq.com/cgi-bin/help?subtype=1&&id=28&&no=371
http://rj.baidu.com/soft/detail/14579.html?ald
考虑使用Postman的单元测试。非常强大。弥补了我对单元测试理解中的缺陷。928532756@qq.com
https://www.getpostman.com/
https://go.pstmn.io/docs-test-scripts
laravel教程,主要学习别人是怎么写文章和学习的
https://github.com/johnlui/Learn-Laravel-5/issues/16
windows下make 命令的使用和下载。下载之后放置在%PATH%中,使用命令行make -v即可查看到相关信息
http://www.equation.com/servlet/equation.cmd?fa=make
偶然获得的腾讯学堂
https://ke.qq.com/user/index/index.html#cid=230866&tid=100272363&term_id=100272363
公司网络的配置
QQ聊天记录摘抄正则表达式
<tr.*星辰.*</tr>$
gitbook编译成网页
# 安装全局gitbook编译工具,下载不了的话请使用cnpm npm install gitbook-cli -g
# 要在gitbook项目中编译才有效。生成为_book的文件夹就是了 gitbook build
录屏软件推荐:Camtasia Studio
https://www.techsmith.com/video-editor.html
ATOM的牛逼炫酷打字插件:activate-power-mode
https://atom.io/packages/activate-power-mode
https://github.com/codeinthedark/awesome-power-mode
一款不错的快速nodejs框架:fastify
https://github.com/fastify/fastify
新的无界面UI自动化工具:Puppeteer
https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485516&idx=1&sn=c28826ae1d5d85807bac6aa537903ca2&chksm=97236a8ea054e3981879aa82a30fed678162b8596e264fb0b805d07e6a25c1f2c0c5e5396a19&mpshare=1&scene=23&srcid=1021M8Qa0VXJUaZwJCECGTPc#rd
fq 时,能上YouTube,但不能上google的原因?
# 加ncr可以防止跳到非host指定的服务器 http://www.google.com/ncr # 下次还是直接访问YouTube来测试吧 https://www.youtube.com/
免费小巧的录屏软件: LICEcap
https://www.cockos.com/licecap/
免费电子书
https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books-zh.md
phpStudy安装redis扩展
# 教程
http://blog.csdn.net/tianjingang1/article/details/68491369
# php_redis.dll资源
http://windows.php.net/downloads/pecl/releases/redis/2.2.7/
# php_igbinary.dll 资源
http://pecl.php.net/package/igbinary
chrome插件 Sourcegraph for GitHub: github 学习源码的利器
也可以通过chrome商店搜索github安装
https://about.sourcegraph.com/
apiary: 所见即所得的API编辑器。并且提供POSTman工具和各语言请求代码生成工具。左边是markdown,右边是控制台。
https://app.apiary.io
轻量级桌面应用开发的捷径——nw.js。 请务必下载sdk版本,才可以打开F12 chroe调试工具
# github:
https://github.com/nwjs/nw.j
# 官网:
https://nwjs.io/
抽空可以学一下,简单的js代码 + canvas 生成字母雨
<script src="//cdn.batsing.com/matrix.js"></script> <canvas id="matrixBG" ></canvas>
为博客园编制一个好看的皮肤
1、进入管理页面 2、选项 3、博客设置 4、博客皮肤选择CodingLife 5、页面定制css代码中加入:http://www.cnblogs.com/trlanfeng/p/5343935.html 6、勾选“禁用模板默认css” 7、保存
window下默认安装的git是不会自动加入到PATH中的,以防万一还是尽快加入一下。
以免一些需要依赖git的命令如bower就会报:“Bower : ENOGIT git is not installed or not in the PATH”
# 找到git的bin目录,加入到PATH中,如笔者的:
C:\Program Files\Git\bin
NPM 查看模块的版本列表
npm view bootstrap versions
像素大厨pxcook: 快速把pdf改为css、Android、IOS代码。很类似标你妹
http://www.fancynode.com.cn/pxcook
# 同类产品,快速切图
http://www.fancynode.com.cn/bigshear
免费在线作图,实时协作
https://www.processon.com/
用js开发桌面应用
https://electron.atom.io/
一个神奇的Linux视频学习地址
http://www.watchmen.cn/portal.php?mod=view&aid=22
仙剑下载地址
http://www.paopaoche.net/yx/xianjian/
JS查看元素指定事件(如click)绑定的函数
http://sudodev.cn/detect-jquery-event-function-define/
蝙蝠侠漫画下载
https://site.douban.com/137075/room/1200579/
到豆瓣网,搜索时点击“小站”,然后输入“Batman”。进这个小站以后点击“Watchtower”。然后往下滑之后会看见“漫画下载”,点击旁边的“全部”,这里就是每周更新的漫画下载的地方。你自己还可以探索这个小站。
67 个拯救前端开发者的工具、库和资源
https://juejin.im/entry/59b202e96fb9a0249b487fd5?utm_source=gold_browser_extension
VS 编辑器 如何修改项目文件夹
http://blog.csdn.net/zzq900503/article/details/8777856
不错的外设购买地址
https://item.jd.com/10494209225.html
云端真机测试
# testin 众测
https://www.testin.cn/business/machine.htm
# 百度MTC测试平台
http://mtc.baidu.com/tinypace/main#/
腾讯问卷:靠谱的第三方“投票”、“问卷”的生成器
https://wj.qq.com/
npm升级到最新
npm install npm@latest -g
《Apache Cordova 开发指南》
https://waylau.gitbooks.io/cordova-dev-guide/docs/getstarted.html
window下,让系统变量、环境变量修改之后不重启而立即生效的方法
打开cmd命令行,再关闭即可。就这么简单
游戏王高清片源
http://www.bilibili.com/video/av3277237/index_138.html#page=5
比较安全且便宜的mac购买地方
https://item.taobao.com/item.htm?spm=a1z10.3-c.w4002-15025288938.22.3ff19e11O6xnY5&id=520817696604
如何制作一个完美的全屏视频H5
https://mp.weixin.qq.com/s?__biz=MzU0OTExNzYwNg==&mid=2247483736&idx=1&sn=58f78c41fb36996a6f8255454095bc66&chksm=fbb58a91ccc203876cfbf8a2f7ff03334dad0027d78002d63b4a2461a4b53c90e03fbd5aa7f4&scene=0&key=1be27594fc89b279f5984d9be1944fd804d78a6340fccc5a7c3539db275cbd9e7e58350b84ecbba15221756ba796b8f53a60216759f019aaa5447b637db8b995212dc9ad288afc4e92c0464637b88abb&ascene=0&uin=MjIxODIxNjA0MA==&devicetype=iMac%20MacBookPro12,1%20OSX%20OSX%2010.11.6%20build(15G1004)&version=12010110&nettype=WIFI&fontScale=100&pass_ticket=TF0DDsNPjig2m8CaC8KMtlBHOkI0E09bIxI2OdnmkisHZvWOlOoCBPbVACKyxIeu
github的高级搜索技巧
http://blog.csdn.net/laokdidiao/article/details/51442835
https://segmentfault.com/q/1010000003491604
http://blog.csdn.net/shuimuzy/article/details/55506706
学会如何阅读源码
http://blog.csdn.net/liuer2004_82/article/details/51260662
http://blog.csdn.net/laokdidiao/article/details/51402242
连jQuery之父John Resig 都膜拜的大神Jennifer Dewalt:《180天180个网站》 , 这妹子可以的!
# 官网
https://jenniferdewalt.com/
# github
https://github.com/jendewalt/jennifer_dewalt
# 好玩的
https://jenniferdewalt.com/electro_bounce/page
https://jenniferdewalt.com/audio_garden/gardens
https://jenniferdewalt.com/mousing/page
https://jenniferdewalt.com/minesweeper/game
https://jenniferdewalt.com/what_day/page
https://jenniferdewalt.com/lights_on/game
https://jenniferdewalt.com/letter_storm/game
https://jenniferdewalt.com/portrait/photos/new
https://jenniferdewalt.com/audio_recorder/page
在window下使用make命令: Cmake
https://cmake.org/download/
.net framework 4.62升级补丁
http://dotnetsocial.cloudapp.net/GetDotnet?tfm=.NETFramework,Version=v4.6.2
目前我见过最好的Loading制作平台
https://loading.io/
# bounce / bounce around
https://loading.io/animation/icon/27506
https://loading.io/spinner/
团队API + mock丑陋的平台
http://thx.github.io/RAP/
最新的前端测试框架Jest。facebook出的哦
https://github.com/facebook/jest
h5头像上传裁剪的插件
https://github.com/fengyuanchen/cropper
Redis 桌面工具
https://github.com/uglide/RedisDesktopManager
可视化mongodb :robomongo
# 请下载Robo 3T
https://robomongo.org/
软件版postman下载
https://www.getpostman.com/
我最喜欢也是最强大的模板引擎Jade(pug). 不仅仅Nodejs版本,还有其它如java、ruby、php等版本可以使用
# github
https://github.com/pugjs/pug# 官网与API
https://pugjs.org/language/inheritance.html
window环境下,一个npm命令解决所有环境问题
解决了我多年node-sass安装失败的问题.也包括以后的各种npm环境依赖问题
安装完成之后,可以通过npm rebuild node-sass 来测试是否正常。如果还是不正常。那可能需要你手动安装一下buildTool_Full.exe
大概目录位置在C:\Users\用户名\.windows-build-tools\BuildTools_Full.exe. 如果你电脑上已经有VS系列,那可能需要先删除,才可以使用了
# github地址
https://github.com/felixrieseberg/windows-build-tools
# 安装命令(使用管理员运行powershell / cmd运行以下代码)
npm install --global --production windows-build-tools
团贷网的Android使用的jsBridge库
# github 库
https://github.com/lzyzsd/JsBridge
# 教程
http://www.cnblogs.com/whoislcj/p/6104015.html
pdf下载好去处:微盘
http://vdisk.weibo.com/
weflow:一个高效、强大、跨平台的前端开发工作流工具
https://weflow.io/
HTML5拖放API Drag and Drop
https://segmentfault.com/a/1190000010127530?v=20170710
7月份前端资源分享
https://segmentfault.com/a/1190000010121230
跨域还可以这样玩,使用CSS3特性做跨域
http://alili.tech/2017/06/20/Javascript/CSST%20(CSS%20Text%20Transformation)%20%E4%BD%BF%E7%94%A8CSS3%E7%89%B9%E6%80%A7%E5%81%9A%E8%B7%A8%E5%9F%9F/
JavaScript 错误监控平台
https://fundebug.com/
可运行后端(java、python、Node.js、swift/Object-C、Go、C/C++/C#、PHP等)程序的在线开发环境:
并不一定要自己买房子以后才有地方住。并不一定要在本机安装开发环境以后,才能运行第一个程序
# 可运行后端语言代码
http://ideone.com/
# 在线编辑、展示、分享、交流你的 html + css + javascript 代码
http://runjs.cn/
# 在线编写es6+的代码平台
http://babeljs.io/repl/
5分钟打造简易高效的webpack配置
https://juejin.im/post/595a0ed86fb9a06ba6463cd3?utm_source=gold_browser_extension
Node连接Mysql遇到的坑以及踩坑总结
https://segmentfault.com/a/1190000009676923
基于node+express api接口数据
https://ecitlm.github.io/SpliderApi/#/
思维导图在线制作的好地方:百度脑图
http://naotu.baidu.com/
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
http://www.lovebxm.com/2017/05/31/RegExp/
简单、统一、轻巧的 Node.js 版网易云音乐 API 库
https://juejin.im/entry/5946b695128fe1006a48643f/detail?utm_source=gold_browser_extension
第三方音频播放资源搜集
https://github.com/jplayer/jPlayer
(非常简洁,推荐这个)
http://kolber.github.io/audiojs/
https://github.com/marcj/css-element-queries
https://github.com/scottschiller/SoundManager2
最全的加载动画网站
https://preloaders.net/
微信小程序开源项目库汇总
https://github.com/opendigg/awesome-github-wechat-weapp
上传图片的解决方案
第三方github插件:http://www.jq22.com/yanshi11638
github插件(强烈推荐):https://github.com/think2011/localResizeIMG
github大型插件:https://github.com/blueimp/jQuery-File-Upload
第三方作者提供的源码(推荐阅读): http://www.cnblogs.com/moqiutao/p/6279905.html
wikiHow是一项协作项目,目标是建立世界最大的最高质量的指导手册。
http://www.wikihow.com/Main-Page
『为移动端而生』的自定义多级联动选择器
# 介绍
https://juejin.im/post/583faa050ce46300576216df
# github
https://github.com/AppianZ/multi-picker
# china city json
https://github.com/AppianZ/multi-picker/blob/master/MultiPicker/city.js
webpack2.0中文手册 + 多个实用demo
# 2.0版本的文档
http://www.css88.com/doc/webpack2/plugins/extract-text-webpack-plugin/
# 最新版本的文档
http://www.css88.com/doc/webpack/
趣味console
https://github.com/yy0608/console
脚手架网站yeoman-generators
http://yeoman.io/generators/
移动端几K仿真时间选择器
https://xingchou.github.io/pluginApp/dist/index.html#/list/datePicker
URL参数操作方法大全
https://juejin.im/post/59424089ac502e006b7722a1?utm_source=gold_browser_extension
极简的代码实现多态的表格: GridManager
https://github.com/baukh789/GridManager
vueg:使vue-router具备转场效果
https://github.com/jaweii/vueg
window下最好的cmd神器:cmder
# 中文显示乱码问题,建议在Settings>Startup>Environment中添加set LC_ALL=zh_CN.UTF8
http://cmder.net/
github的使用技巧,要学习一样新技术、新框架时,先往github搜索 “Awesome 关键词” , 如 “Awesome vue”、 "Awesome Django"等
https://github.com/vuejs/awesome-vue
社区策划的知识图表,用于学习任何东西的最佳路径
https://learn-anything.xyz/
动画渐变函数图示
http://easings.net/zh-cn
js bridge -DSBridge2.0
https://juejin.im/post/593fa055128fe1006aff700a?utm_source=gold_browser_extension
Leetcode刷题
https://leetcode.com/problems/
# 持续更新:用 JavaScript 刷 LeetCodeOJ 解题报告合集
https://github.com/hijiangtao/LeetCodeOJ
最喜欢的alert组件
http://t4t5.github.io/sweetalert/
火狐浏览器各大历史版本下载
http://ftp.mozilla.org/pub/firefox/releases/
非常专业的 JavaScript 分类库大全集锦
http://www.javascript.fun/library
1kb代码搞定开发调试发布,错误监控上报,用户问题定位
https://github.com/AlloyTeam/AlloyLever
使用flv.js做直播
https://github.com/gwuhaolin/blog/issues/3
微信调试,各种WebView样式调试、手机浏览器的页面真机调试。便捷的远程调试手机页面、抓包工具,支持:HTTP/HTTPS,无需USB连接设备。
https://github.com/wuchangming/spy-debugger
移动端浏览器调试方法汇总
http://elevenbeans.github.io/2017/06/06/移动端浏览器调试方法汇总/
CHROME开发者工具的小技巧
http://coolshell.cn/articles/17634.html
Chrome 开发者工具中的命令菜单:(ctrl + shift + i ) + (ctrl + shift + p)
https://loveky.github.io/2017/06/06/chrome-devtools-command-menu/
2017 年用于 UI 设计的 CSS3 和 JavaScript 动画库
http://www.css88.com/archives/7389
pix2code - 通过训练的深度神经网络,从截图直接生成 UI 代码
https://github.com/tonybeltramelli/pix2code
Windows下用tree命令生成目录树
tree /F > readme.md
AlloyTouch丝般顺滑的触摸运动方案
https://github.com/AlloyTeam/AlloyTouch
掘金浏览器插件快速安装
https://juejin.im/extension
打字效果的实现
# 官网
http://www.mattboldt.com/demos/typed-js/
# github
https://github.com/mattboldt/typed.js/
全栈开发实例:如何独立开发并且发布一个 WebAPP
https://juejin.im/entry/591d4123a0bb9f005f207c31
https://www.sketchapp.com/
http://git.oschina.net/cyleeCat
http://www.xuechenlei.com/2016/09/browser-debugging-event-location-source-search/
从零到一:用Phaser.js写意地开发小游戏
https://segmentfault.com/a/1190000009212221
IntelliJ IDEA 下载地址与使用方法
pan.baidu.com/s/1jHHAHQe
http://www.hishenyi.com/archives/1051
Animate.css Chrome浏览器插件,快速生成独立的css代码
https://www.qcloud.com/community/article/920462?fromSource=gwzcw.114070.114070.114070
https://chrome.google.com/webstore/detail/animate-playerbox/lpjcokgibjaiedlkgjlkplfdppmehbeb
facebook又搞事情:使用prepack工具优化你的js代码
https://prepack.io/
easy-mock在线mock平台
https://www.easy-mock.com/
lodash.js最强大的工具库, Understore.js的代替品
https://github.com/lodash/lodash
babel-polyfill 按需引入的es修补匠
https://github.com/zloirock/core-js
新的动画工具库:TweenMax/greensock
https://greensock.com/examples-showcases
https://github.com/greensock/GreenSock-JS
神器!解放你的双手——UI 设计稿全自动切图和标注的一些工具推荐
https://juejin.im/entry/58ee01f85c497d0062d0471e
前端新社区
http://www.css88.com/
http://www.css88.com/webkit/-webkit-appearance/
一个不错的后台UI模板
http://dreamsky.github.io/main/blog/metronic-bootstrap/metronic.bootstrap.rar
下拉菜单插件:superfish
https://github.com/joeldbirch/superfish
fullpage.js 优秀的demo集合
http://download.csdn.net/download/qianqianyixiao1/8946235
Cute.Slider.js 一个优秀华丽的3D轮播器
http://download.csdn.net/download/aimeet/5055376
ELF——面向开发者的灵活可扩展的 HTML5 构建工具
https://elf.aotu.io/
发现更多有趣的js
# github
https://github.com/microjs/microjs.com
# 官网列表
http://microjs.com/#
技术类pdf下载常用地址集合
# csdn 图书下载
http://download.csdn.net/book_list
# 万千合集站:又一个野生的pdf学习资料下载优秀资源网站
http://www.hejizhan.com/
# 搜百度云资源网:比较靠谱的pdf学习资料搜索和下载渠道
http://www.sobaidupan.com/file-89802364.html
# safari图书在线
https://www.safaribooksonline.com/
# SitePoint图书下载
https://www.sitepoint.com/premium/
一个简单友好的书签气泡引导用户添加桌面快捷方式
https://code.google.com/archive/p/mobile-bookmark-bubble/source/default/source
js实现复制到剪贴板功能,兼容所有浏览器
http://www.cnblogs.com/PeunZhang/p/3324727.html
css线性渐变特效生成器
http://www.colorzilla.com/gradient-editor/
一个开源的项目Mobile Boilerplate
- 该项目的目的是为移动设备的前端开发提供一个文件的基础模板
#移动端版本
https://github.com/h5bp/mobile-boilerplate/tree/v4.1.2
#PC端版本
https://github.com/h5bp/html5-boilerplate
#生成各式ico图片的工具
http://ydimage.yidianhulian.com/
静态模板大全下载
12部分,此为9. 第12部分下载http://download.csdn.net/detail/dehua2217/9053105;
第11部分下载http://download.csdn.net/detail/dehua2217/9064309
第10部分下载http://download.csdn.net/detail/dehua2217/9064333
第8部分下载http://download.csdn.net/detail/dehua2217/9052939
第7部分下载http://download.csdn.net/detail/dehua2217/9052909
第6部分下载http://download.csdn.net/detail/dehua2217/9052879
第5部分下载http://download.csdn.net/detail/dehua2217/9052831
第4部分下载http://download.csdn.net/detail/dehua2217/9052801
第3部分下载http://download.csdn.net/detail/dehua2217/9052653
第2部分下载http://download.csdn.net/detail/dehua2217/9052567
第1部分下载http://download.csdn.net/detail/dehua2217/9052513
滚动监听waypoints,通常配合animate.css 实现效果
https://github.com/imakewebthings/waypoints
http://dtop.powereasy.net/Item/3833.aspx
bootstrap定制
http://v3.bootcss.com/customize/
Tabulator 是一个易用的交互式 jQuery 表单生成插件。
http://olifolkerd.github.io/tabulator/
easyIco 最完美的 图标库
http://www.easyicon.net/
《一些超赞的loading解决方案》
https://zhuanlan.zhihu.com/p/24464355?refer=itlion114
《Mobiscroll》- 一款强大的UI组件框架
https://github.com/acidb/mobiscroll
《CSS3 在线制作资源》
如果你对CSS3不熟悉,你可以借助http://cssarrowplease.com 网站来帮你制作一些箭头和对话框;
借助http://css3buttongenerator.com 来帮助你制作CSS的按钮(Button);
借助http://css3generator.com 来帮助你制作一些其他效果。
《frameword7 -- Full featured HTML framework for building iOS & Android apps 》
https://github.com/nolimits4web/Framework7
《Web前端从入门菜鸟到实践老司机所需要的资料与指南合集》
https://segmentfault.com/a/1190000007611188
《tinypng图片压缩美化工具-网页版》
https://tinypng.com/
《Autoprefixer CSS》 自动为css添加浏览器厂商前缀
https://autoprefixer.github.io/
gitlab:企业公司版本使用的github
http://gitlab.weicantimes.com:8000/users/sign_in
《touch手势库》
https://github.com/hammerjs/hammer.js
https://github.com/AlloyTeam/AlloyFinger
《2016 年最好用的表单验证库 SMValidator.js》
https://github.com/WLDragon/SMValidator
https://wldragon.github.io/SMValidator/tutor/tutor1.html
《利用HTML5分片上传超大文件》
http://www.tuicool.com/articles/nuAvm22
《css解决方案大全:代码库,代码块,常用布局》
http://nec.netease.com/
vue-table
https://github.com/ratiw/vue-table
https://github.com/ratiw/vuetable-2
mock.js-让前端独立于后端进行开发
https://github.com/nuysoft/Mock
http://mockjs.com/
<WOW.JS> - 实现滚动动画
https://github.com/matthieua/WOW
《轻松做一个API document、book :gitbook + GitBook Editor》
https://www.gitbook.com/@dragon8github/dashboard
https://www.gitbook.com/editor/
免费的后台 、后端
http://www.bmob.cn/
免费的API数据
https://www.juhe.cn/docs/index/otherid/1
实验楼,实践是最好的学习
https://www.shiyanlou.com/courses/
《色值转换工具》
http://www.atool.org/colorpicker.php
你不需要jquery
http://youmightnotneedjquery.com/
暗黑破坏神下载
http://diablo2.anhei3.net/d2113.html https://pan.baidu.com/s/1kV2ONSr#list/path=%2F%E6%9A%97%E9%BB%91%E7%A0%B4%E5%9D%8F%E7%A5%9E%E7%9B%B8%E5%85%B3%E6%96%87%E4%BB%B6&parentPath=%2F
bootstrap可视化布局,比官方的还全面一些
http://www.hishenyi.com/bootstrap/
看漫画的好去处:acgmoon 寂月神社
https://www.jiyue.com/
据说这个网站的安全性和防御dos攻击可以和Twitter,facebook,美国国家安全局的官网媲美:
http://www.pornhub.com/ cctxer jiongtucc
119.23.22.136 mP
icound: 正常mp
微软:mpP
evernode(印象笔记)sb
钉钉:sb
laravel-china: 它的QQ号码,laravelcc