Jquery开发官网的总结

红太狼 2022-11-16 05:42 167阅读 0赞

### 文章目录 ###

*  一、 拿到UI的设计图后
 *  二、观察核心占比
 *  三、查看多页面的公共部分
 *   *  1、iframe
     *  2、object标签
     *  3、load加载

--------------------

# 一、 拿到UI的设计图后 #

看下是否有无要求需要自适应移动端，有要求的话：推荐BootStrap框架来开发，推荐一个好用的[开发模板网址][Link 1]，免费下载下来进行对应修改即可。  
我此次是没有要求自适应，因为现在很多公司的官网的移动端和H5端其实是分开开发的。为了移动端更好的兼容性（不会像BootStrap写很多媒体样式去兼容），后端主要是根据 HttpServletRequest request 中的请求头所带的参数 user-agent来 自动跳转到移动端或者PC端。

# 二、观察核心占比 #

我这次项目的要求是中间核心模块占用1200px，剩余的两边自适应缩放。那么每个模块定义的时候：

{ width:1200px;margin:0 auto;}

# 三、查看多页面的公共部分 #

引入公共html部分的代码方式：

## 1、iframe ##

本来看其他资料解释说不建议试用iframe，使用多了会消耗浏览器资源的组件，也不容易被搜索引擎抓捕iframe标签内的信息。但我此处用iframe是因为缩放时他的滚动条可以隐藏起来。不然影响美观。

<iframe align="center" width="100%" height="781" src="footer.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

## 2、object标签 ##

当固定了宽度或者高度时，窗口缩放会出现滚动条，目前我没有找到好的方法**去除滚动条**，如果有好的方法，评论告诉我呀！！3Q

<object type="text/x-scriptlet" data="footer.html" width=100% height="781px"></object>

## 3、load加载 ##

<div id="footer"></div>
     <script>
     $(".footer").load("footer.html");
     </script>

footer.html文件里不要放标签，只放核心的要展示的div部分。

--------------------

所有html的对应的css，取相同名字便于维护。

[Link 1]: http://www.templatesy.com

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关开发常用工具及其官网

JAVA 开发工具：工具：Eclipse 官网：https://www.eclipse.org/ 工具：JetBrains IntellIDEA 官网：ht

小灰灰/ 2023年10月12日 22:13/ 0 赞/ 64 阅读

相关在官网下载jQuery

1.最近工作涉及到前端的内容，要下载jQuery，在官网下载的时候，有几点需要注意一下，记录备忘到下载页面：[http://code.jquery.com/jquery/]

柔光的暖阳◎/ 2023年10月10日 08:17/ 0 赞/ 48 阅读

相关 jeecg官网(jeecg官网 ios开发)

360云盘在线预览文件和视屏播放 1. 服务端安装openOffice，可以将word等文档转化为pdf，后台用pdf2swf转成swf文件，前台调用FlexPaperV

叁歲伎倆/ 2023年09月26日 15:09/ 0 赞/ 148 阅读

相关 jquery官网(jquery下载官网)

官网在哪里官网　　官方论坛 ![jquery官网(jquery下载官网)\_jquery官网(jquery下载官网)][jquery_jquery_jquery_

ゝ一世哀愁。/ 2023年09月26日 15:01/ 0 赞/ 80 阅读

相关 jdk官网_jdk官网下载教程

www.java.sun.com 。 bin文件可以直接安装.rpm.bin解压后得到RPM文件.使用rpm-ivh命令来安装. 。看你是什么系统啊,只要你是xp的或

Myth丶恋晨/ 2023年09月24日 11:52/ 0 赞/ 84 阅读

相关官网改版项目问题总结

最近官网改版的任务交给了我，开发使用的是jq操作dom，后台php渲染的方式，如今已经开发完成，现在把一些问题记录下来，已备忘。 1、Safari浏览器不能自动播放视频这

小灰灰/ 2023年08月17日 16:32/ 0 赞/ 135 阅读

相关 xtrabackup_增量备份恢复步骤(总结官网)

官网 https://www.percona.com/doc/percona-xtrabackup/2.4/backup_scenarios/incremental_

傷城~/ 2023年01月13日 00:47/ 0 赞/ 125 阅读

相关 Jquery开发官网的总结

文章目录一、拿到UI的设计图后二、观察核心占比三、查看多页面的公共部分 1、iframe 2、object标签

红太狼/ 2022年11月16日 05:42/ 0 赞/ 168 阅读

相关阅读Spring官网总结Aop用法

目录一、Advice通知类型 1.1 前置通知 1.2 返回后通知 1.3 抛出异常后通知 1.4 后置通知 1.5 环绕通知 1.5.1 环绕通知参数Join

柔光的暖阳◎/ 2022年10月16日 12:23/ 0 赞/ 184 阅读

相关 jquery 写官网（全部功能）

jquery 写官网最近有个需求就是写一个官网，内容包含：导航/简介/产品/优势/加入我们等。导航点击事件 <div class="navList">

约定不等于承诺〃/ 2021年07月25日 11:55/ 0 赞/ 393 阅读