记一次完整的pc端整站开发

我所做的项目是一个线上的旅游平台,当然不是大家耳熟能详的那些旅游平台了,项目刚开始也没有必要去评价它的好坏,在这里我就不多说了~这是线上地址有兴趣的同学可以去看看(www.bookingctrip.com)。

整个项目历时半年的时间了,现在已经第二次改版完成上线了,所以想写点东西,记录一下从头到尾的开发过程以及在这个过程中所学到的一些经验~~~(Ps:在这个项目之前并没有过完整开发过一个站点的经验)

我们前端团队有四个人,当然我只是负责其中一些模块,我就主要来说说自己负责的模块所用到的一些东西。

时间: 2024-11-05 18:42:36

记一次完整的pc端整站开发的相关文章

WebApp 书城整站开发

课程目录: 第1章 阅读器开发-课程热身介绍课程案例的背景.应用场景和WEB APP的现状与发展趋势.第2章 阅读器开发-案例中技术点的分解对使用BASE64图片制作ICON.CSS3.HTML5 API.手机触摸事件.手机端多屏幕适配和布局方法.前端性能等知识进行介绍及扩展,为课程学习做好准备.第3章 阅读器开发-开发流程介绍.需求分解和技术选型逐步介绍实现一个完整的适用于手机端阅读器的过程,进行需求分解,完成技术选型和基础项目的搭建过程.第4章 阅读器开发-页面基本结构的开发过程完成整个案例

妙味,结构化模块化 整站开发my100du

************************************************************************************* 重要:重新审视的相关知识 /* 妙味官网:www.miaov.com 技术交流:bbs.miaov.com 1.ps查看圆角度数,border-radius:; 选择->修改-> 平滑6px 2.渐变 -ms-filter:"progid:DXImageTransform.Microsoft.gradient (G

前端里移动端到底比pc端多哪些知识?

前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧. 首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,

web移动端和PC端利用chrome同步开发调试

利用chrome可以同步移动端和PC端的web开发调试,前提是,Android系统版本必须4.0+,而且必须用chrome,或者Android 4.4系统版本以上的原生app里面的webview才可以. 由于Android 4.4的原生app webview 的调试暂时还比较少,所以,这里简单说一下chrome下的调试. 1.移动设备和PC设备必须安装了chrome 32以上的版本,移动设备必须为Android4.0+: 2.移动设备进入设置功能,设置为开发模式: 3.PC端chrome打开ch

使用java做一个能赚钱的微信群聊机器人(2020年基于PC端协议最新可用版)

前言 微信群机器人,主要用来管理群聊,提供类似天气查询.点歌.机器人聊天等用途. 由于微信将web端的协议封杀后,很多基于http协议的群聊机器人都失效了,所以这里使用基于PC端协议的插件来实现. 声明以下过程只用于交流学习,并不用于任何商业用途,这里记录一下整体的开发流程. 效果展示 接入过程 准备材料 下文中的服务器可以只需要一台,或者使用你本地电脑,我介绍一下我的环境. 可爱猫微信机器人插件V4.4.0. 一台windows服务器. 一台linux服务器. nginx安装(在window服

pc端的企业网站(IT修真院test8)详解1-4

今天完成的事情:(1,伪元素:before,:after的使用.2.table的使用(collapse的使用)3rgba的高级运用) 今天我主要完成test8-3的页面. header和footer都是前两个页面用到的.直接搬过来就好. 一.实现nav导航.我自己尝试使用伪元素:before,:after的使用,觉得好好玩.要多点使用,加深熟悉度. 可以看到我使用:before弄了格文字在ul盒子前面.当然我又要:after清除浮动影响. 对于超链接,我觉得它就是一个"宅男".怎么我要

01.网页学习阶段、整站分析、规划

电子商务类型的整站开发(稍复杂一下) 一.分析布局模块 二.结构模块 三.CSS样式表管理 四.公共样式 五.样式重置

Macaca自动化测试之PC端测试

Macaca是一套完整的自动化测试解决方案.由阿里巴巴公司开源: http://macacajs.github.io/macaca/ 特点: 同时支持PC端和移动端(Android.iOS)自动化测试. 支持JavaScript(Node.js).Java.Python. 本篇文章将介绍如何使用该工具时行PC端自动化测试. Install Macaca 1.Macaca由Node.js开发,所以需要安装Node.js. https://nodejs.org/en/ 2.安装Node.js完成.

淘宝购物车页面 -- PC端和移动端实战

最近花了半个月的时间,做了一个淘宝购物车页面的demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在media query为768px以下(也就是实现了ipad,iphone 6 plus,iphone6,S5等)的flexbox弹性布局. 还要再说的是,pc端和移动端淘宝购物车页面的bug基本修复完毕,完全适合一个对html,css,css3 ,html5和js有基础,并且熟悉jquery,scss,熟悉json数据交换格式,jquery ajax的人进行学习