网站资源链接

1，表单验证
http://blog.csdn.net/bboyjoe/article/details/51813645

2，验证码
http://blog.csdn.net/github_37483541/article/details/54951174

3，git下载

http://gitforwindows.org/

4，git使用
http://blog.csdn.net/hcbbt/article/details/11651229/
https://www.cnblogs.com/my-freedom/p/5701427.html
https://www.cnblogs.com/tugenhua0707/p/4050072.html

https://git-scm.com/book/zh/v2

5，图片转base64
http://imgbase64.duoshitong.com/

6，layui
http://www.layui.com/doc/

2018-01-05 13:45:43

7，Gulp（前端构建框架）

https://www.cnblogs.com/2050/p/4198792.html

https://www.gulpjs.com.cn/docs/getting-started/

8.插件

文件树插件

轮播插件

http://www.superslide2.com/param.html superslide

http://www.superslide2.com/demo.html

http://www.superslide2.com/

9.http://www.iconfont.cn/ 字体图标

（登陆找图标先添加到购物车（添加入库），加入我的项目，在我的项目中，点击下载至本地，解压，复制文件夹下的所有文件，覆盖项目中字体图标中的所有文件）

10.前端常见错误码

https://www.cnblogs.com/ctaixw/p/5075727.html

11.获取图片真实高页面渲染的高度

http://www.jb51.net/article/92988.htm

12.调试

network看地址报红色，看参数可能是前端参数传错了。

http://testsize.com/

13.手机电脑响应式的设置

https://segmentfault.com/q/1010000008194311?_ea=1575825

手机响应式的如果有固定宽度的话就不要加<meta name="viewport" ........>,让他自己缩小，不然你有固定宽度超过的话就会显示一部分，必须滑动才能正常显示。

如果是百分比的话，必须加<meta name="viewport" ........>。

14,微信打开网页点击下载没反应的解决办法

https://www.jianshu.com/p/83e9c6ba3568

https://www.cnblogs.com/rizzle/p/4434518.html

https://www.cnblogs.com/tianyalu/p/4739701.html

15.微信网页下载的文件在哪个文件夹

https://zhidao.baidu.com/question/2075424837268512868.html

http://blog.csdn.net/angjunqiang/article/details/46376319

16.微信web开发者工具

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2018119

17.微信分享引导页

http://blog.csdn.net/angjunqiang/article/details/46376319

18.前端各种宽高

https://www.cnblogs.com/wcg249165510/archive/2009/02/20/1394749.html

19.Redmine的使用

http://www.redmine.org.cn/326.html

20.前端代码生成器

http://www.css88.com/tool/css3Preview/Box-Shadow.html

21.前端调试浏览器小知识

http://www.ybao.org/index.html

22.解决页面加载慢的问题

解决图片加载慢的方法（压缩，预加载，缓存，图床。jquery的一个延迟加载插件网页无损压缩大师）

https://www.zhihu.com/question/23655692

https://www.cnblogs.com/he-qiang/p/5798050.html

https://www.cnblogs.com/codelir/p/5140191.html https://www.cnblogs.com/hjt-7/p/6293266.html 延迟加载懒加载

https://www.cnblogs.com/jiekk/p/5687720.html 预加载

优化图片加载的方法

1、图片懒加载在页面上的未可视区域可以添加一个滚动条事件，判断图片位置到浏览器顶端的距离和到页面低端的距离，如果前者小于后者，优先加载。

2、如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。

3、如果图片为css图片，可以使用CSSsprite，SVGsprite，Iconfont等技术。

4、如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。

5、如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致。

如果是css图片，以下为主要技术的介绍：

CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。

23.window.onload

window.onload 是javaScript 的页面加载完成事件，当一个Web页面加载完成后就会触发执行window.onload 里的代码，一般可以用这个事件做一些页面数据初始化之类的工作。

24.占位图

https://tool.lu/imageholder/ 占位图

https://baijiahao.baidu.com/s?id=1578480909779291862&wfr=spider&for=pc 自定义占位图实现生成图片的效果

http://www.jb51.net/article/87029.htm Javascript实现图片加载从模糊到清晰显示的方法

https://www.cnblogs.com/wangmeijian/p/6822674.html?utm_source=tuicool&utm_medium=referral

https://www.cnblogs.com/yesu/p/7010003.html

25.限制浏览器的网速

https://jingyan.baidu.com/article/39810a23ba7adab636fda6f0.html

26.JSON.stringify 语法实例讲解

http://www.jb51.net/article/29893.htm

27.$.extend() $.fn.extend()

1,jQuery.fn = jQuery.prototype

2,$.extend() 扩展的方法只能jquery（$）调用

jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); //  2 
jQuery.max(4,5); //  5

3, $.fn.extend()   扩展的方法，是公共方法，所有的对象都可以调用

$.fn.extend({          
    alertWhileClick:function() {            
          $(this).click(function(){                 
                 alert($(this).val());           
           });           
     }       
});       
$("#input1").alertWhileClick(); /

28.如何使用HTC文件来封装CSS样式

https://www.cnblogs.com/NetSos/archive/2010/12/05/1896738.html

29.echarts图表导出excel示例

https://blog.csdn.net/qq_24803895/article/details/48706991

https://blog.csdn.net/qq_33212500/article/details/73274799

https://blog.csdn.net/luckycz/article/details/47446837

将页面表格导出到excel

https://jingyan.baidu.com/article/4853e1e564c3771908f7264a.html

https://www.cnblogs.com/zhuxinghan/p/6063193.html

https://zhidao.baidu.com/question/520986072664111645.html

30.把txt doc导入sql

艺术字体在线生成器艺术字转换器

http://www.likefont.com/ 识别图片中的字体

网站资源链接

优化图片加载的方法

艺术字体在线生成器 艺术字转换器

艺术字体在线生成器艺术字转换器