`
achun
  • 浏览: 313754 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

WEB开发最终页面js功能分类、版本分代加载简单分析

阅读更多

1.基本原生库

这个要选型的话,我的首选是jQuery家族
除此之外,当然还有根据自己的需求而做的一些扩展

 

2.应用业务逻辑基本库,包含数据通讯接口

这个可以根据用户角色不同,按角色权限进行划分文件
也可以打个打包,毕竟都在浏览器里,没啥不能暴漏的,当然除了管理角色控制

 

3.广告

为什么要把广告代码独立出来就不说了,这个问题太深

 

4.特效

虽然大多数页面都需要特效,但是独立出来这个是为了便于维护,因为这个可能变化很快

 

 

5.第三方,以及特殊页面需求

比如第三方统计,分享,第三方插件,至少少数使用的特殊

 

事实是无论如何代码都会升级(分代问题),如何让浏览器的缓存及时更新是个要首先解决的问题,大致方案可以这样
1.重新配置服务器,对相关目录划分的文件进行过期时间更新
   但这只能改变短时间内进行访问的浏览器,不能彻底改观问题
2.更新html中的js地址
   成本巨高啊,太多静态如何办,当然html的结构变更也是分代的,这个讨论下去就没有答案了
3.设置全局版本控制js加载模块
   静态html中预置分代标识,js进行读取判断动态加载所有需要的不同版本js,规划很麻烦

整理下思路、是否能解决实现、某不知。

动静态网站统一URL思路,所引发的

 

目标:实现一个URL最终是要生成静态的,但是由于业务需求当前要用动态页面,URL地址一旦生成不能更改


解决:urlrewrite 到动态入口

本来这个方案是很常见的,用了动态解决404问题的

引发:这本质其实就是一个唯一入口,因此脚本可以永远不部署到 webroot下了,整个网站看起来就是纯静态的网站了,至于各种参数的传递,以及rewrite的规则就相对简单了
比如如下url被rewrite

情况         解释
404         文件未发现
/?xxx       GET方式有?号参数
POST       POST方式
^/+         文本文件合并
......        ................
至于具体httpd的配置看服务器不同采用写法不同而已
略.........


0
5
分享到:
评论

相关推荐

    Web全栈开发基础(小白入门版本).pdf

    2. GET和POST交互脚本:GET和POST是两种在Web开发中常用的数据传输方法。GET方法通常用于从服务器请求数据,而POST方法则主要用于将数据发送到服务器进行处理,如表单提交。 3. 视图、数据处理和环境部署:全栈开发...

    dropload.js 和template-web.js

    这里我们关注的是"dropload.js"和"template-web.js"这两个JavaScript文件,它们通常用于网页的下拉刷新功能和网页模板构建。 首先,让我们详细了解一下"dropload.js"。Dropload是一款轻量级的JavaScript插件,专门...

    phpweb商城页出现三级菜单分类,仿京东

    在构建一个PHPWEB商城系统时,常常需要实现类似京东那样具有多级菜单的分类功能,以便用户能够方便地浏览和筛选商品。这个项目的核心目标就是创建一个三级菜单分类,为用户提供更加直观的商品导航。以下是对这个功能...

    UAP V6.3Web开发技术手册

    UAP V6.3 Web开发技术手册是关于UAP Web开发平台的详细技术指南,该平台由用友集团UAP中心提供,旨在为开发者提供全角色集成开发工具的支持,涵盖开发到部署的各个阶段。本手册旨在作为新手入门指南,提供对开发技术...

    7-Java-web开发17-Java-web开发17-Java-web开发17-Java-web开发17-Java-web开发

    Java Web开发是一个涵盖广泛的主题,包括使用Java语言进行服务器端编程、构建动态网站以及实现企业级应用程序。在Java Web开发中,我们主要涉及到以下几个关键知识点: 1. **Servlet**: Servlet是Java Web应用的...

    基于AJAX的Web无刷新页面快速更新数据方法

    本文介绍了基于AJAX的Web无刷新页面快速更新数据方法,通过对传统Web应用模型及组成技术的分析,指出了传统模型存在的问题,并提出了利用AJAX技术改进Web应用性能的解决方案。通过AJAX技术的应用,不仅可以减轻...

    Web页面用户鼠标行为捕捉与轨迹回放.rar

    在现代Web开发中,了解用户行为对于优化用户体验和提高网站性能至关重要。"Web页面用户鼠标行为捕捉与轨迹回放.rar" 提供了一种方法来记录并分析用户在网页上的交互,特别是鼠标的移动、点击等行为。这个工具可以...

    全站开发javascript

    总之,JavaScript是现代Web开发不可或缺的组成部分,它既简单易学,又难以精通。全栈开发工程师需要熟练掌握JavaScript,并且了解前后端的开发技术。通过这个全栈教程,初学者可以逐步深入理解JavaScript,最终成为...

    Web开发敏捷之道第三版(中文版).pdf

    ### Web开发敏捷之道第三版(中文版) #### 知识点概述 本书《Web开发敏捷之道第三版》是一本深入探讨如何使用Ruby on Rails框架进行高效、敏捷的Web开发的技术书籍。书中通过一个完整的示例项目——Depot应用程序,...

    web开发流程.pdf

    在Web开发领域,开发一个Web应用程序和建立一个网站确实有所不同。Web应用程序通常更注重交互性和功能性,而网站则更侧重于信息展示。Web应用程序是设计用来帮助用户执行特定任务的软件,如企业软件、会计软件等,...

    基于Web前端开发技术的应用研究.pdf

    Web前端开发技术是以Web作为基础的一项前端制作技术,通过对其有效应用逐渐提高网页浏览效率,优化浏览体验,同时取本地原生的有关应用技术精华,在页面制作中广泛使用,也是当前页面开发人员的第一技术选择。...

    从0到1 实战朋友圈移动Web App开发.rar

    移动Web开发是当前互联网技术领域中的一个重要分支,它涉及到多种技术和工具,使得Web应用能够在手机等移动设备上流畅运行。 1. **HTML5与CSS3**:作为移动Web开发的基础,HTML5提供了许多新的元素和API,如离线...

    web-在线网络测速 最终版

    【标题】"Web-在线网络测速 最终版"指的是一个专门用于测试网络速度的Web应用程序的最终开发版本。在互联网行业中,网络测速工具是非常重要的一环,它可以帮助用户和网站管理员了解网络连接的速度、稳定性以及延迟...

    WebApi+Bootstrap+KnockoutJs打造单页面程序

    这种模式与传统的多页面Web应用程序(Multi-Page Application,MPA)不同,它只加载初始页面,之后所有操作都通过JavaScript控制,不再需要从服务器加载新的页面,从而实现了更为流畅的用户体验。 在介绍单页面程序...

    PHP和MySQL Web开发第4版pdf以及源码

    《php和mysql web开发(原书第4版)》:开发人员专业技术丛书。 目录 读者反馈 译者序 前言 作者简介 第一篇 使用PHP 第1章 PHP快速入门教程 1.1 开始之前:了解PHP 1.2 创建一个示例应用:Bob汽车零部件商店 ...

    大项目后台静态页面

    例如,React、Vue.js 和 Angular 都是流行的JavaScript框架,它们提供了丰富的组件库和工具,可以大大提高开发效率和代码可维护性。 2. **响应式设计**:对于大型项目,确保页面在不同设备和屏幕尺寸上的良好表现是...

    网络测评最终版 软件 JavaScript

    JavaScript是一种广泛应用于Web开发的编程语言,特别是在客户端,它使得网页具有动态交互性。在网络测评领域,JavaScript可以用来实现以下功能: 1. **实时数据采集**:JavaScript可以通过Ajax技术与服务器进行异步...

    cocosCreator打包web-mobile合并html脚本

    - 将Web版本的JS文件(如`project.js`或`main.js`)与Mobile版本的逻辑代码合并,可能需要处理不同平台的特定逻辑。 - 将所有资源文件(如图片、音频等)复制到合并后的HTML文件目录下,确保路径正确。 - 调整...

    Web前端开发技术学习方式探讨.pdf

    Web前端开发技术是构建互联网应用的关键组成部分,涵盖了HTML5、CSS3、JavaScript、jQuery、...在学习过程中,分析和借鉴优秀网站的源代码,可以帮助提升设计和布局技巧,不断吸收并融合各种知识,最终达到融会贯通。

Global site tag (gtag.js) - Google Analytics