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/  识别图片中的字体