首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在js文件中加载Applet控件(jsjsp分离技术)

如何在js文件中加载Applet控件(jsjsp分离技术) 我们在代码的时候,一般喜欢将JSPJS实现分离开,将页面部分的代码写在.jsp结尾的文件中...,而将javascript代码则写在.js结尾的文件中,这样写有个好处,那就是javascript是静态代码,在工程部署,可以将这部分代码部署到静态资源服务器,从而加快页面的加载速度。...我们可以这样实现,在jsp一个空的div,这样,页面加载这个div是不耗性能的。...你可能想说,我如果将把js写成公共的文件,可以供很多jsp调用,那些jsp页面也不在需要写死一个名为testDiv的对象,那怎么办呢?...由于js页面不知道jsp在哪个地方加载js文件,所有像原先那样一个相当位置的div是不大妥当的,而加载一个固定位置的div,则无论jsp在哪个地方加载js文件,都可以保证div想固定的地方显示了。

7.1K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JSP 的痛点,真的非常痛!

    理论你可以把你的数据库+应用服务+消息队列+缓存+用户上传的文件+日志+等等都扔在一台服务器,你也不用玩什么服务治理,也不用做什么性能监控,什么报警机制等等,就乱成一锅粥好了。...2、UI出好设计图后,前端工程师只负责将设计图切成html,需要由java工程师来将html套成jsp页面,出错率较高(因为页面中经常会出现大量的js代码),修改问题时需要双方协同开发,效率低下。...(去参加阿里的技术峰会,听他们说他们的web容器都是自己的,就算他单实例抗10万http并发,2000台是2亿http并发,并且他们还可以根据预知洪峰来无限拓展,很恐怖,就一个首页。。。)...并且需要制定好接口文档,后端工程师要写好测试用例(2个维度),不要让前端工程师充当你的专职测试,推荐使用chrome的插件postman或soapui或jmeter,service层的测试用例拿junit。...九、扩展阅读 1、其实对于js,css,图片这类的静态资源可以考虑放到类似于阿里云的oss这类文件服务器(如果是普通的服务器&操作系统,存储在到达pb级的文件后,或者单个文件夹内的文件数量达到3-5万

    1.5K10

    js插件教程

    button> //这里是插件的代码;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js...window,document,jQuery的映射;方便内部直接调用; //当然你不引用jq的话头部的$和底部的jQuery干掉;你若引用了更过的依赖可以依次添加; //最后面的undefined可不;...号(叹号)或者;(分号)这不是写错了,为了防止那个二货js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...function就不调用;对;这里是调用的时候最开始执行的函数 } //;给构造函数addHtml对象原型里添加属性(方法) addHtml.prototype = {//给函数方法...:addHtml,//构造器指向构造函数;这行其实不没啥毛病;不过有时候防止构造器指向Object的情况;你还是装逼写上吧; init:function(){//这里的init;你也可以写成

    35.1K10

    免编译在JSP中直接react代码

    说实话,自从接受前端MVVM模式后,很久不再使用原始的JSP做前端了,实在是不习惯JSP这种杂乱无章的书写模式。...的改造 前端jsp页面引用一些常用CSS, JS资源,然后主要使用React来渲染页面,代码如下: page1.jsp <%@ page language="java" pageEncoding="UTF...util2 = function(){ ... }; return { util1, util2 } }); 引用方可以这样<em>写</em>:...function(){ ... }; return { app1Module1, app1Module2 } }); 当然这么<em>写</em>还是有很大缺点...对于老旧项目来说,没有<em>上</em>requirejs或browserify、webpack打包方案,目前也只能这么干了。 总结 虽然维护老旧项目很累,但能采用以前的技术栈<em>写</em>前端代码,这已经很幸福了。

    3.3K50

    免编译在JSP中直接react代码

    说实话,自从接受前端MVVM模式后,很久不再使用原始的JSP做前端了,实在是不习惯JSP这种杂乱无章的书写模式。...的改造 前端jsp页面引用一些常用CSS, JS资源,然后主要使用React来渲染页面,代码如下: page1.jsp <%@ page language="java" pageEncoding="UTF...const util2 = function(){ ... }; return { util1, util2 } }); 引用方可以这样<em>写</em>:...function(){ ... }; return { app1Module1, app1Module2 } }); 当然这么<em>写</em>还是有很大缺点...对于老旧项目来说,没有<em>上</em>requirejs或browserify、webpack打包方案,目前也只能这么干了。 总结 虽然维护老旧项目很累,但能采用以前的技术栈<em>写</em>前端代码,这已经很幸福了。

    3.5K10

    绕过JS爬虫

    http://data.eastmoney.com/jgdy/tj.html       我们希望抓取的是js生成的表格。      ...这种带有js的网站抓取其实不是那么简单的,基本分为那么几种方法,一种是观察页面,有的会有json数据,有的有js代码可以解析目标的url;一种是使用渲染工具;还有一种就是用工具来点击相关button,来抓取...我们希望爬取的是表格中的数据,但是如果我们仔细看一下html代码,会发现,这其实是js生成的,下面这张图是源代码的截图。 ?       这就很尴尬了,怎么办呢?...然后我们就点击第二页、第三页不断的来观察究竟js代码访问了什么后台的url。...pagesize=50&page=4&js=var SjIkKWnA¶m=&sortRule=-1&sortType=0&rt=50585872       我们就可以找到规律了,本质就是改变

    14.9K20

    js插件教程深入

    原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...constructor:Fn, getF:function(){ console.log(1); } } new Fn(); //new 出来的Fn就是一个构造函数 //倘若有人忘记new.../② function Fn(){} Fn.prototype.getC = function(){} //大家可能都会有这样的纠结,getC到底写到this里还是原型里 //这要从内存说起;写到原型,...每执行一个实例,getC不需要开辟新的内存 //故,可以把一些纯计算的方法,原型,如果方法和实例本身有关,应该写道this中 4.方法名防止冲突处理 //如果在引入你的插件之前,window下已经有...Fn的变量;怎么办,你如果这么搞; 岂不是把别人的Fn搞掉了 //此时应该把Fn的控制权交出,自己用Fn2输出 (function(){ var Fn=function(){

    13.8K10

    JS基础(

    JS与DOM的关系 浏览器有渲染html代码的功能,把html源码(如div,p标签等)在内存里形成一个DOM对象 文档对象模型DOM(Document Object Model)定义访问和处理HTML...BOM对象(把浏览器的地址栏,历史记录,DOM等装在一个对象) 浏览器内部有JS解释器/引擎;在html里的JS代码会被引擎所执行,执行的结果是对DOM对象的操作(即是对节点树内的标签进行操作) JS添加特效...: 无非就是用JS操作DOM对象而已 JS的引入方式 JS代码可在html中任意位置编写,但浏览器解析代码是从上到下的,需注意此时html是否已经解析该标签,能让JS能否获取该DOM对象,所以有时会把代码放到...中数组的数字键值只能从0开始递增 注意 : 数组中括号,JS中length ; 对象用大括号 ?...Js的内置对象的使用 ? ? window对象 window对象和JS没关系;是浏览的一个数组对象,供JS来操作。

    4.1K140
    领券