dwm97317/55seashop

二阶段项目

说明文件

• 项目已完成

项目总结

部分内容过宽

• 在设置最小宽度的同时也需要设置最大宽度，避免部分内容过宽太丑

使用swiper

• 当背景图片超宽的时候使用背景图并设置center
• 如何修改swiper中伪类的样式

Ajax

• get请求
• 成功或失败回调函数

世界时间处理

• 获取不同时区的时间
• 创建一个新的时间对象
• 获取时间的各个部分
• 根据时区对时间进行处理（小时和天的处理）
• 忘记了处理如果两个时区跨月怎么办 -- 如何处理每个月到底有多少天，挨个判断吗？ -- 大小年 -- 跨年

页面公共部分加载

• 公共头部
• 公共尾部

登录注册

• Ajax get发送数据
• php 获取get参数，连接数据库进行查询并返回
• 登入完成 将用户信息放入localStorage
• 根据localStorage判断用户是否登入，如果登入，替换显示模块

scss语法

• 巨香巨完美
• scss语法中的各种伪类的使用，巨方便
• 嵌套真的是逻辑清晰，书写简洁

动态渲染页面

• 事件触发
• AJAX获取数据
• 页面插入数据

gulp打包

• 生产和开发的包
• 基本的文件处理

git的使用

• 线上修改
• 线下拉取
• 线下推送

php的运行环境

• 和gulp的冲突

网站的数据

• 通过后台扒数据

真的会写很多很多注释

class的命名各个部分不会冲突

iconfont的使用

• 还不会使用彩色的

flex布局

• 两端对齐
• 多个块的适应布局

jquery的事件

• 如何获取元素的样式
• offset client 等容易混

项目要求

项目：电商类（京东除外） 单人 1.首页（头部，底部，首屏内容，下面的部分内容） 2.商品列表页（根据数据动态渲染，数据库或json） 3.商品详情页(根据选择列表页中的商品获取对应商品数据展示在详情页) 4.登录注册页面

代码要上传到 github 使用gulp-cli开发

项目过程

8月12日

• 选择项目
• 脚手架n
• gulp-sasschina失败，取消此插件安装。保留gulp-sass插件，安装正常。
• 连接远程仓库
• 未添加README.md文件，推送失败

8月13日（周四）

• 引入jquery
• 引入代码模块化
• swiper
• 各个文件的命名及引入
• 覆盖云端的代码