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

一:前端资源

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://fullpage.81hu.com/


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

【资源总结】前端资源收集相关推荐

  1. 前端资源文件(图片 css js)同步到阿里云OSS

    前端资源文件(图片 css js)同步到阿里云OSS 需求: 为了实现自动化更新前端资源,前端资源已放到了阿里云OSS,实现自动上传. 思路: 1.因为使用的是php语言开发项目,自然会想到用php实 ...

  2. 【资源】前端优质资源收集

    文章目录 一.官网&文档 二.学习网站 三.Git&Blog 一.官网&文档 Node.js.webpack.Babel.ESLint.jQuery.Bootstrap 二.学 ...

  3. GitHub上收集的最全的前端资源汇总(包括前端学习、求职、开发资源)

    http://www.imooc.com/article/12645 个人结合github上各位大神分享的资源进行了简单的汇总整理,每一个条目下面都有丰富的资料,是前端学习.工作的好帮手. 项目地址: ...

  4. 前端资源整理 - 订阅、工具等

    取自 我的GITHUB 的 fe-store-house repo,欢迎 PR,欢迎 STAR.原 repo 不定期更新,此文可能断更. 断更了一年多,重新更新一下,似乎 sfgg 的文章渲染中 gf ...

  5. 这些前端资源,你值得拥有

    笔记地址 因为之前学习前端的收集书签的资源太多,所以就在今年3.4月开始抽空整理了所有的书签资源,并归类,现在分享给大家,欢迎给我 提 issue or PR Github, 知乎,掘金 Github ...

  6. 史上最全的前端资源汇总(下)

    56. 表格 Grid 表格 Grid 地址 facebook表格 http://facebook.github.io/fixed-data-table 类似于Excel编辑表格-handsontab ...

  7. 最全前端资源---快过来 最新鲜的资源这里都有

    如果您阅读之后,感觉有缺失:麻烦您告诉我 我进行补充.谢谢 综合类 综合类 地址 前端知识体系 前端知识体系 - naniJser - 博客园 前端知识结构 https://github.com/Ja ...

  8. 与时俱进版前端资源教程

    众所周知,前端发展如火如荼,日新月异,而且很长一段时间内都将如此.这份由晚晴幽草轩轩主正在维护的教程列表:旨在为前端学习. 技能提升. 视野扩展. 资料查找等行个方便.将会在日常工作探索.学习中,持续 ...

  9. 0303-02前端资源整合

    前端资源整合 目录 面试资源 项目资源 知识锦集 前端早读课文章 Vue 相关 React 相关 Javascript 函数式编程 TypeSctipt webpack Parcel Gulp es系 ...

最新文章

  1. 【CV】深度学习中Epoch, Batch, Iteration的含义
  2. vector机器人 WAYS TO INTERACT WITH VECTOR 与 VECTOR 的交互方式
  3. linux进程的环境变量,LINUX系统学习一(进程、MMU,环境变量、getenv、fork、getpid/ge...
  4. 第9章例题 7-2 学生成绩排序
  5. oracle执行runstats,oracle runstats工具
  6. django-查询集特性
  7. python编写函数判断三角形_使用Python三角函数公式计算三角形的夹角案例
  8. 对方服务器未响应,重新投递中 postfix手心,我配置的Postfix邮件服务器邮件发不出去,在mail.log里显示如下~请求帮助...
  9. 如何在Linux桌面环境下自动启动程序?
  10. ominigraffle 模板_商河盖梁模板安装
  11. wordpress 更新以及下载插件:wordpress 安装失败:无法创建目录
  12. 你要的Chrome插件都在这里了
  13. next.js页面跳转
  14. Unity3D 使用UGUI实现公告牌
  15. E_Groundhog Chasing Death(不错的数论)
  16. 项目管理——时间、成本、范围的三重约束
  17. 算法笔记.胡凡 第九章 二叉树
  18. C# 获取可执行文件EXE(文件夹)路径大全
  19. Mnesia consumption
  20. 我的钱去哪了?当卡被盗刷以后。。。

热门文章

  1. 思杰桌面虚拟化---------- 为什么我们仍然坚持MCS
  2. RaspBerry Pi 系统安装——Raspbian(精简版)
  3. python判断一个字符串是不是ip地址
  4. 请写出sfr和sbit的语句格式_单片机关键字sfr和sbit区别
  5. 高质量 C++/C 编程指南
  6. 【Akka】Akka 传递消息
  7. Cisdem Video Converter视频转换器全新功能
  8. JXTA技术与应用发展
  9. 【CSDN 日报】| 4.19-5.19 上榜作者排行出炉
  10. html设置http缓存代码