这是index.html文件<!-- 需要修改的地方： 1，必须写好轮播图结构，里面的类名最好不要改变。 如果id="focus-slider"不同，需修改对应index.js中：slider.$focusSlider=$('#focus-slider');获取轮播对象 1，依次序导入两个css文件 ...
分类：
其他好文 时间：
2019-11-06 13:22:14
阅读次数：
84
需求：通过不同的参数复用同一组件，实现动态加载数据和图片，同时，在页面刷新时，图片依旧可以加载成功。 过程出现的bug和问题： 1、使用params传参后，再次刷新页面，参数丢失导致数据无法再次加载 2、改用query进行传参后，页面刷新后图片无法加载，这是由于图片的url是在created钩子函数 ...
分类：
其他好文 时间：
2019-11-01 22:23:18
阅读次数：
119
Flask之加载静态资源 1.加载css样式 2.加载js脚本 3.加载图片 4.修改页面title位置的图标 flask的静态文件，一般放在static目录下，前端页面放在templates下（而且这两个名字是flask框架内部定义的（static，templates）（也可以修改）），目录结构如 ...
分类：
其他好文 时间：
2019-10-29 14:02:32
阅读次数：
234
我这里用的是一个比较取巧的方法（这里是jquery的写法）： 在css里默认的样式把图片设为全透明： img{ opacity: 0} 页面图片加载完毕后在将透明度设为不透明，这样就能达到遮掩闪屏的效果： $("img").css({opacity: 1}); ...
分类：
其他好文 时间：
2019-10-21 11:52:36
阅读次数：
224
一、效果图如下 上面的效果图，效果需求如下 1、还没加载图片的时候，默认显示加载图片背景图 2、刚开始进入页面，自动加载第一屏幕的图片 3、下拉界面，当一张图片容器完全显露出屏幕，即刻加载图片，替换背景图 4、加载图片的时候，有渐进显示图片效果 二、难点 1）如何Ajax请求数据 2）如何动态将js ...
分类：
编程语言 时间：
2019-10-14 01:25:18
阅读次数：
108
1. 一张卡片切换内容（只有一张卡片，显示不同内容） 优点：减少代码量 缺点：内容涉及图片时，更改src会重新加载图片，即使两次显示同样的内容，图片依然会重新加载，体验性不好 2. 多张卡片固定内容（卡片内容固定，显示不同卡片） 优点：不用每次都加载图片，初始渲染就写入浏览器缓存中，配合图片预加载效 ...
分类：
其他好文 时间：
2019-10-13 15:37:51
阅读次数：
87
需求分析 现在是 "图片为王"的时代，在浏览一些网站时，经常会看到类似于这种满屏都是图片。图片大小不一，却按空间排列，就这是瀑布流布局。 以瀑布流形式布局，从数据库中取出图片 每次取出等量（7 条）的图片，加载到页面 当滑轮滚动到最底端时，自动再加载图片 实现流程 以包形式管理模型 将图片自动上传到 ...
分类：
其他好文 时间：
2019-10-08 14:44:42
阅读次数：
125
1.引入jquery.js 2.引入jquery.lazyload.js 3.用data-original替换img属性src 4.添加类型"lazy" 5.调用 lazyload(); 6.加载图片 ...
分类：
其他好文 时间：
2019-10-06 00:32:11
阅读次数：
99
Jquery2 属性相关的操作 知识点总结 1、属性 属性（如果你的选择器选出了多个对象，那么默认只会返回出第一个属性）、 attr(属性名|属性值) 一个参数是获取属性的值，两个参数是设置属性值 点击加载图片示例 removeAttr(属性名) 删除属性的值 prop(属 ...
分类：
Web程序 时间：
2019-10-03 10:38:38
阅读次数：
93
