功能模块汇总
以项目中模块实战为主,整理页面中能实现的功能
牛先森家的牛奶
语言只是一门工具
展开
-
基于jQuery的前后端交互的购物车
购物车基于前后端交互的购物车phphtml和csscar.js问题截图如下基于前后端交互的购物车 分析表的设计: * 用户信息表 userinf * 商品信息表 goodslist * 订单表 ordergoods * 总价表 存总数量和总价:存储打钩准备购买但是没有结算的数据 存到本地 接口分析: * 注册页: * 验证用户名是否存在 select原创 2020-08-03 22:29:46 · 708 阅读 · 0 评论 -
jQuery懒加载实现和源码
懒加载实现和源码第一种HTML结构EasyLazyload.min.js 文件第二种HTML结构jquery.lazyload.js 文件为什么浏览器需要懒加载 :假设情况 : 页面之中有一千张图片,有一些是在显示区域内的,有一些是在显示区域外的;因为浏览器加载图片是没有先后限制的,统一发起请求,谁先加载完就先渲染谁,资源分配随机, 会导致不好的用户体验。懒加载: 让浏览器把性能放在显示区域内去进行数据的加载。第一种HTML结构基于jQuery实现的懒加载注意:图片的 src 需要修改为原创 2020-07-30 13:10:14 · 830 阅读 · 0 评论 -
jQuery电梯楼层实现
实现需求: 1、当滚动到一定高度,显示和隐藏右边的floor 2、点击floor 里面的标签 跳到对应显示主页面的内容区域 3、点击floor 让当前的标签的样式改变,比如背景和颜色,其余不变 4、滚动页面时 ,让floor里面的标签和主页面对应区域一致 直接上代码。。。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-07-30 11:25:12 · 393 阅读 · 0 评论 -
jQuery无限加载瀑布流
瀑布流实现需求: 1、ajax请求数据,渲染页面 2、根据高度不同,自动排列位置 (封装位置函数) 3、当滚动页面到最后一张图片之前时,ajax请求加载数据 4、重复 3 操作 滚动页面加载数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini原创 2020-07-29 10:22:51 · 399 阅读 · 0 评论 -
jsonp封装函数—实现某度的模糊搜索
某度原创 2020-07-16 16:30:12 · 127 阅读 · 0 评论 -
登录登出页面的跳转和模糊搜索实现
登录登出页面的跳转首页 index注册页 regregisterlogin.php文件register.php文件用到的封装函数如下效果图如下以下内容涉及前端,后端,数据库的内容 对登出登录的数据操作;注意:因为引入bootstrap里面的页面布局,所以会些零乱,后续会修改这部分。。。首页 index功能实现如下: 登录页功能如下: 【1】登录登出功能思路: 1、点击用户名 显示下拉菜单 (注意:需要添加 阻止冒泡 行为 因为第二步会影响第一步) 2、点原创 2020-07-16 22:00:32 · 393 阅读 · 0 评论 -
fetch发送http请求
fetch发送http请求fetch发送http请求fetch和async_await的使用fetch发送http请求推荐MDN文档中使用 Fetchfetch和async_await的使用原创 2020-07-15 19:58:00 · 902 阅读 · 0 评论 -
jsonp实战——换一换功能实现和时间戳的使用
换一换功能实现jsonp实战之换一换功能实现补充:时间戳jsonp实战之换一换功能实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l原创 2020-07-15 19:08:41 · 639 阅读 · 0 评论