实战项目笔记
Live wild
对喜欢的东西从一而终
展开
-
天天答题项目总结1——项目前期准备工作
项目前期准备工作移动端不同大小适配:之前采用的是rem的方法,现在有一种新的解决方案: 在vue移动端使用lib-flexible和px2remloader适配屏幕。具体方法: https://www.cnblogs.com/xieyong25/p/9596497.html解决VUE项目(或者说前端项目)在IOS端的手势缩放问题,避免用户进行网页的缩放问题:移动端web缩放有两种...原创 2020-02-22 17:08:00 · 312 阅读 · 0 评论 -
移动端开发的一些问题总结
REM是指相对于根元素的字体大小的单位,是个相对单位,如果不设置根元素的字体大小,则会默认以根元素的16px的大小计算值。EM是指相对于父元素的字体大小单位,也是个相对单位。UI稿的字体大小和边距等参数都是是在1080 * 1920上拟定出来的, 那我们如何计算成我们要的大小呢?解决这个问题之前,我们要先理解 逻辑像素 和 物理像素。物理像素(设备像素) & 逻辑像素(CSS像素)...原创 2020-02-03 10:08:21 · 241 阅读 · 0 评论 -
单页面应用vs多页面应用
单页面应用vs多页面应用多页面应用: 每次页面跳转,都要发一个html请求,服务器端返回一个html文件。优点: 首屏展示时间快,且搜索引擎优化效果(SEO)好。缺点: 页面切换慢。单页面应用: 页面的跳转不需要发html请求,而是通过js动态的把当前页面的内容删除掉,再去把新的页面中的内容渲染出来。优点: 页面跳转时不需要做html文件的请求,节约了http请求发送的时延,使页面切换变...原创 2020-01-31 10:39:44 · 226 阅读 · 0 评论 -
去哪儿网app实战项目笔记——详情页面
详情页面组件结构1. 路由动态路由 { path: '/detail/:id', name: 'Detail', component: Detail } <router-link :to="'/detail/' + item.id" tag="li" > </router-link> //使用tag属性可以...原创 2019-12-24 16:06:18 · 700 阅读 · 0 评论 -
去哪儿网app实战项目笔记——城市选择页
组件结构CityHeader路由的配置使用标签做页面跳转<router-link to="/"> <div class="iconfont back-icon"></div></router-link>js形式的页面跳转this.$router.push(’/’)CityListLis...原创 2019-12-23 15:44:39 · 365 阅读 · 0 评论 -
去哪儿网app实战项目笔记——首页
准备项目结构build:项目的webpack配置文件config:针对于开发环境和线上环境的配置文件node_modules:项目的依赖static:静态资源(本地数据)index.html是整个项目最外层的html文件src:源代码,是主要编写代码的地方: main.js:整个项目的入口文件。 App.vue:根组件。 components:项目中的小组件,以.vue结尾的...原创 2019-12-08 12:29:50 · 887 阅读 · 0 评论