baked_donut的博客

专栏目录基础知识应用1.仿去哪儿网基础知识应用1.仿去哪儿网项目初始化首页header区header区的iconfont轮播图图标区域推荐组件开发周末游组件开发ajax获取数据

1.index页面保证页面1：1且用户不能放大页面 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放2.默认样式不统一问题问题描述：不同手机浏览器默认的样式不统一的问题，统一样式解决方法：引入reset.css...

1.安装工具安装stylus帮助编写css，安装的命令行如下npm install stylus --savenpm install stylus-loader --save2.home目录下新建一个components文件夹，把首页拆分的组件都放进去，比如header.vue，然后在home.vue里面引用3.分析header组成 然后进行编写注意点：1）s...

1.在iconfont网将需要用的图标添加到购物车 添加到创建的项目后下载到本地解压缩 提出eot svg ttf woff css为后缀的四个文件，styles下新建一个iconfont存放前三个文件 css文件直接放在styles下 iconfont.css中改一下文件路径，在main.js中引入这个文件2.想引用的图标，去iconfont网复制它的Unicode 代码3.优化...

1.遵循一个功能就要用一个分支来完成，写完后合并到master上的原则 实现轮播图在新创建的分支index-swiper上完成2.线上创建分支完成后 要将线上代码同步到本地3.这个功能可以借助插件vue-awesome-swiper完成 安装 npm install vue-awesome-swiper@2.6.7 --save 引入4.编写swiper.vue 模板...

实现目标：能用数组做数据源输出数据(后期用Ajax获取数据)，当图标超过八个时能够左右拖动1.用两个图标测试，将swiper引入，用swiper-slide分别包裹图标，可滑动Q：只有在上部左右滑动才行，往下一点无法拖动。swiper-container的高度和icons的高度不一致A：样式穿透，让icons下的swiper-container样式(自带overflow:hidden)...

1.创建新的分支index-recommend 同步到本地 然后进行开发Q：引用1像素边框失败 在li标签的类中加一个border-bottom 但没有生效A：未解决 猜测是border.css文件问题 自己定义了这个类...Q：引用了mixins.styl 但没有出现...A：在包裹那两行说明性文字的div上 由于flex:1 自动撑开 再加个min-width:0 就正常出现了...

观察可得，与推荐区域很像，排布不同，可借鉴修改1.图片处，加一个div包裹，计算宽高比例2.文字叙述处 不用flex布局3.改完后，同步代码到线上index-recommend分支上即可...

一、Ajax获取首页数据 ------将写死的静态数据换成用Ajax动态获取数据1.新建分支index-ajax，同步到本地，然后进行开发2.安装axios npm install axios --save 用于项目中ajax数据的请求Q：如果编写的分支代码忘记合并到master分支上...