【资源总结】前端资源收集

前端摸索过程插件学习与解决方法记录下来：

一：前端资源

1.软实力

1.1：开发人员的必备技能
http://blog.csdn.net/powertoolsteam/article/details/71514615

1.2：掌握这个套路，80%的问题你都能靠自己解决
http://blog.csdn.net/powertoolsteam/article/details/71514615

1.3：关于如何成为一名优秀的程序员
http://blog.csdn.net/u010004317/article/details/46594509

1.4：前端资讯
1.4.1 前端开发日报
http://caibaojian.com/c/news

2.滚动条：
2.1：iscroll

（2018年12月14日发现打不开了,但git能用，不过demo里写了要设置body的overflow:hidden，而且页面要css写入）

/*滚动条插件 Start*/
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

#scroller li {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #fafafa;
	font-size: 14px;
}

网址：http://iscrolljs.com/ （新域名）
http://cubiq.org/iscroll-5（旧域名）
下载：https://github.com/cubiq/iscroll/

2.2:jQuery custom scrollbar malihu

页面要引入css文件

演示网址：http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html

教程：http://manos.malihu.gr/jquery-custom-content-scroller/

移动端可能不兼容，而且如果css写的是min-height去控制高度时，不生效，这个需要特别注意，我当时看的例子引用的是 1.11.0 可以，但是我项目是3.1.1,不兼容苹果手机，研究了很久，也没有出结果来，但安卓的微信扫出来的兼容滚动条

2.3 Nicescroll jQuery Plugin

官网：https://nicescroll.areaaperta.com/how-to-use/
参考：https://www.cnblogs.com/jinqi79731/p/nicescroll.html

亲自测试了 苹果4s(9.3.5版本)，苹果6，苹果8，谷歌（70.0.3538.110版本），火狐（64.0.2版本）都可以用,由于用上面写的malihu scroll配合项目的jquery3.1.1版本不兼容苹果手机，也不兼容华为自带的浏览器，研究了很久也没有结果，所以尝试新的滚动条插件。

用起来也很简单，和很方便修改滚动条的颜色，而且写得时vh的单位，calc去计算的，也兼容的，所以特别满意。

3.轮播：
3.1：bootstrap
网址：http://v3.bootcss.com/javascript/#carousel
下载：http://v3.bootcss.com/getting-started/#download

---

3.2：superslide
网址：http://www.superslide2.com/demo.html
下载：http://www.superslide2.com/downLoad.html

---

3.3：swiper
网址：http://www.swiper.com.cn
下载：http://www.swiper.com.cn/download/index.html

---

3.4：fullPage.js
网址：http://www.dowebok.com/demo/2014/77/
下载：http://www.dowebok.com/77.html

---

3.5 Vue-Awesome-Swiper
https://surmon-china.github.io/vue-awesome-swiper/

---

4.弹出层
网址：http://layer.layui.com/
下载：http://res.layui.com/download/layer-v3.0.3.zip

---

5.日期控件

---

5.1：bootstrap日期控件

http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

---

5.2：My97日期控件
http://www.my97.net/dp/demo/index.htm

My97控件换皮肤
http://www.my97.net/dp/skin.asp

---

5.3 daterangepicker
http://www.daterangepicker.com/

有例子，而且在最底部还可以自动生成代码

6.后台模板
6.1：Metis
网址：https://colorlib.com/polygon/metis/index.html

---

6.2：Metronic
网址：http://keenthemes.com/preview/metronic/

---

6.3：ace
网址：http://ace.jeka.by/

(1)ace日期控件排版，包括输入框组
http://ace.jeka.by/form-elements.html

---

6.4 Minovate基于angular的后台模板
http://www.aliyue.net/1245.html
http://tattek.sk/minovate/
https://themeforest.net/item/minovate-angular-admin-dashboard/10068009

---

6.5 vue admin
http://www.yyyweb.com/4763.html
https://admin.vuebulma.com/#/

6.6 ant-design-pro
官网：https://pro.ant.design/index-cn
介绍：https://www.awesomes.cn/repo/ant-design/ant-design-pro

6.7 vue-element-admin
https://github.com/PanJiaChen/vue-element-admin

---

7.会移动的字
网址：http://www.cnblogs.com/yoyebina/archive/2006/11/22/569178.html

---

8.CSS3动画库animate.css
网址：http://www.dowebok.com/98.html
下载：http://pan.baidu.com/s/1ntFjwAt

---

9.css
9.1：bootstrap中文网
https://v3.bootcss.com/
csdn:https://www.bootcdn.cn/twitter-bootstrap/

---

9.2：w3school关于css教程
http://www.w3school.com.cn/css/

9.3：css布局
http://zh.learnlayout.com/toc.html

9.4：css3实现switch开关效果
http://www.cnblogs.com/czzaiba/p/5821831.html

9.5：前端UI插件 element
也支持angular和react

http://element.eleme.io/#/zh-CN

10.js
10.1：jQuery中文网

http://www.jquery123.com/

---

10.2：jQuery判断checkbox是否选中的3种方法
http://www.jb51.net/article/53599.htm

亲测能成功的例子：

	if($('#checkbox-id').is(':checked')) {
	    // do something
	}
	

10.3：js清空输入框的内容
http://bbs.csdn.net/topics/392013915?page=1

10.4：jquery触发某一事件
http://www.jquery123.com/trigger/

10.5 jQuery-validate验证表单插件
http://www.jq22.com/jquery-info3350

---

10.6:怎么用js动态 设置select中的某个值为选中值

(1)https://zhidao.baidu.com/question/553216894.html

---

(2)http://blog.csdn.net/woaifen3344/article/details/56018640

---

(3)关于js遍历list集合，获取select选中的值以及动态添加option

http://blog.csdn.net/sfyflying/article/details/9983891

---

10.7：选定某个iframe操作
http://www.cnblogs.com/520playboy/p/5405293.html

10.8:Ajax
10.8.1:ajax本地跨域问题 Cross origin requests are only supported for HTTP**
http://blog.csdn.net/rywaqpf/article/details/44836965
10.8.2:ajax 载入html后不能执行其中的js解决方法
http://www.cnblogs.com/zjhblogs/p/5508666.html

10.8.3 jquery的ajax超时设置
(1) http://www.cnblogs.com/charling/p/3356216.html

(2) http://www.cnblogs.com/lvdabao/p/3383240.html

(3) http://www.jb51.net/article/89125.htm

10.9 JavaScript | MDN
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

10.10 localStorage
10.10.1 localstorage使用总结（简单明了）
http://www.cnblogs.com/st-leslie/p/5617130.html

10.10.2 w3school Web 存储
http://www.w3school.com.cn/html5/html_5_webstorage.asp

10.11 过滤插件
10.11.1 Filterizr
官网：https://yiotis.net/filterizr/
github:https://github.com/giotiskl/filterizr

11.技术工具

1. gulp
   gulp简单又实用的教程：http://www.ydcss.com/archives/18#lesson1
   gulp 插件网：https://gulpjs.com/plugins/
   
2. npm
   2.1 colors
   github:https://github.com/littleAnn/colors.js
   可将终端打印出来log的改变颜色，npm 安装如下：

   npm install colors --save-dev
   

我自己实例用：

使用方法：

var colors = require('colors');

console.log('hello'.green); // outputs green text
console.log('i like cake and pies'.underline.red) // outputs red underlined text
console.log('inverse the color'.inverse); // inverses the color
console.log('OMG Rainbows!'.rainbow); // rainbow
console.log('Run the trap'.trap); // Drops the bass

//实例
gulp.task('default', ['release'],function(){
    console.log("\n********** "+"√ ok，完成打包!".green+" **********\n");
});

3.查看分辨率网站
http://cn.screenresolution.org/

4.查看浏览器兼容性 can i use
https://caniuse.com/

11.织梦学习
11.1：织梦视屏教程：
http://help.dedecms.com/video/quickstart/

11.2：详细文字教程（在线）：
http://help.dedecms.com/video/quickstart/QuickStart.swf

11.3：详细文字教程（离线）：
http://help.dedecms.com/video/quickstart/QuickStart.pdf

12.资深前辈
12.1：大漠穷秋
https://my.oschina.net/mumu/home

13.前端工具
13.1：git
https://git-scm.com/download
b:angular教程
https://xdsnet.gitbooks.io/angular-phonecat-book-zhcn/content/index.html

http://www.ituring.com.cn/article/13471
13.2 Notepad++中如何设置自动换行以及行宽
http://jingyan.baidu.com/article/6c67b1d68eddbc2787bb1e8c.html

13.3 nodejs安装教程
http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html

13.4 visual studio code教程：基础使用和自定义设置
http://jingyan.baidu.com/article/2f9b480d890faa41cb6cc208.html

14.数据库
14.1：视图：
http://www.w3school.com.cn/sql/sql_view.asp

14.2：先安装vs2013再安装sqlserver 2008装不上的原因：
https://zhidao.baidu.com/question/2266198842327953708.html
（20170518电脑已经按照了vs2013了，再安装的sqlserver，后来还是成功了，参考下面教程，但这个也暂时记录在这边）

14.3：安装SQL server 提示重新启动计算机失败怎么解决？

https://jingyan.baidu.com/article/a24b33cd52a0b919fe002bae.html
（20170518重启失败后，删除很多注册表后，重启电脑后按照sql server时就没提示重启计算机失败）

14.4：sql server 2008 r2安装详解
https://jingyan.baidu.com/article/ae97a64696408abbfd461df8.html
(20170518安装把实例安装在D盘失败，后来重新再安装一次，就放安装路径和实例都放C盘的，安装成功)

14.4: sql server 2008 首次登录sa失败
（用户’sa’登录失败（错误18456）图文解决方法 已成功与服务器建立连接，但是在登录过程中发生错误。）
http://blog.csdn.net/jufeng9318/article/details/8203780

14.5 SQL server 2008数据库的备份与还原
http://www.cnblogs.com/zgqys1980/archive/2012/07/04/2576382.html

14.6 SQL中distinct的用法
http://www.cnblogs.com/start-from-scratch/p/5635608.html

14.7 怎么将sqlserver的数据导出到excel中
https://jingyan.baidu.com/article/3065b3b68f2ab7becef8a449.html

14.8 sql排序语句(降序desc,升序asc)
http://www.w3school.com.cn/sql/sql_orderby.asp

14.9 left join
http://www.w3school.com.cn/sql/sql_join_left.asp

14.10 SQL SERVER 里怎么查看创建表的代码
https://zhidao.baidu.com/question/28630827.html

15.工具：
15.1 VS
15.1.1 如何在VS2013中显示代码行号
http://jingyan.baidu.com/article/af9f5a2d2e193543140a4533.html

15.2 VS2013自带的Browser Link功能引发浏览localhost网站时不停的轮询（请求时间比较长）
http://www.cnblogs.com/wgx0428/p/3969397.html

15.3 vs关于“当前不会命中断点 还没有为该文档加载任何符号”的解决方法
http://blog.csdn.net/shizhen_2012/article/details/52768038
http://blog.csdn.net/zztoll/article/details/6688949

16.性能
16.1 加速网页响应时间的简单而有效的5种方法小结
http://www.jb51.net/yunying/26183.html

---

二.浏览器
1：解决Chrome一直提示“adobe flash player 因过期而遭阻止”
网址：https://www.zhihu.com/question/32223811

2：如何利用chrome浏览器查看网站的响应速度
http://jingyan.baidu.com/article/47a29f245ef07fc014239981.html

3:谷歌浏览器快捷键大全
http://jingyan.baidu.com/article/359911f516583d57fe0306ae.html

---

三.计算机
1:常见的运行命令
http://jingyan.baidu.com/article/f54ae2fcffc09f1e92b849a8.html

---

2.WIN7如何设置让电脑不自动休眠和关闭屏幕

https://jingyan.baidu.com/article/2a138328b7a0ec074a134f20.html

3.电脑管家勒索病毒免疫工具
http://guanjia.qq.com/wannacry/

4.IIS启用目录浏览：
http://jingyan.baidu.com/article/e4d08ffd8f6f0d0fd2f60db8.html

5.win7打开或关闭Windows功能在哪
http://jingyan.baidu.com/article/154b46315738b628ca8f41fb.html

6.怎么查看win10电脑的显卡
http://jingyan.baidu.com/album/363872ec358a206e4aa16f10.html?picindex=4

三.办公软件学习：
1：office简单入门视频：
网址：http://www.wordlm.com/shipin/office2010.html

2：word:
2.1： Word2007怎样从任意页开始设置页码
网址：https://jingyan.baidu.com/article/90895e0f97c97b64ec6b0bd0.html

2.2：word为什么第二节生成页码第一节也会自动生成页码
网址：https://zhidao.baidu.com/question/550174702.html

2.3：打开office2010 安装程序正在准备必要的文件 解决方法
网址：http://blog.sina.com.cn/s/blog_4acc70c20102w5mb.html

四：辅助资源

1：有道词典
http://dict.youdao.com/

2：网页版微信
https://wx2.qq.com/

3：百度网盘
http://pan.baidu.com/

4：有道笔记
http://note.youdao.com/

五：常用快捷键
1.wins
(1)windows自带的截图

Win+Shift+S