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

项目小结:日立OA系统(Asp.net)

状况:页面在IE(6,7,8)中加载时间为2分钟左右。没错,你没看错,这个时间忘不了,我手按秒表、写javascript代码和使用HttpWatcher分别测试了N次了。  ...1.首先将css文件引用放在head标签中,js文件引用放在页面代码的末尾;   2.分别合并css文件引用和js文件引用的请求(具体方法请参考:网页优化系列一:合并文件请求(asp.net版));  ...注意:Table标签除了TD的innerHTML属性可写可读外,其他标签的innerHTML属性为只读,因此我在前端用了一个全局变量保存已加载的记录,然后跟新的记录合并后重新生成表格,显示时感觉会有点突兀...现在想起来其实可以把只传递判断使用什么html标签的标识符和具体的内容数据,然后用js生成表格的结构,而因为这个操作的js文件比较大就可以在前一个页面进行预加载,当进入该页面时就可以直接读cache了。...3.奇怪的方法:   这方法是日方客户从网上搜寻出来并规定我们使用的,为什么说它奇怪,看下去就知道了!

3.2K50

前端文件下载与浏览器嗅探

好久不见~ ---- 为什么我会有疑问? 最近要做个下载文件的功能,当后端说做好了给我接口的时候,我直接拼上参数然后window.open(url)之后,浏览器为什么没有像从前一样下载啊?...我又换了个姿势还是不行,我感觉后端给的接口不对,但是后端是个实习生,于是我们就开始面向google编程了,结果在我们共同的努力下真的解决了!将主要知识点总结如下: 浏览器如何对文件进行嗅探的?...text/css :在网页中要被解析为 CSS 的任何 CSS 文件必须指定 MIME 为text/css。...text/javascript:据 HTML 标准,应该总是使用 MIME 类型 text/javascript 服务 JavaScript 文件 image/png:png图片 所以接口的response...那么我们此时就要用到content-depostion了,这个响应头指示回复的内容该以何种形式展示,是以内联的形式(即网页或者页面的一部分),还是以附件的形式下载并保存到本地。

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

    新窗口创建问题 | Electron 安全

    ) 网址 打开 https 的网址没问题 打开 http 网站没有问题 自签名证书不行 2) file 协议加载本地文件 如果直接加载可执行二进制文件是什么效果呢?...使用 noopener 时,在决定是否打开新的浏览上下文时,除 _top、_self 和 _parent 以外的非空目标名称会像 _blank 一样处理 7) noreferrer 如果设置了此特性,浏览器将省略...,如果此时,在子窗口使用 window.opener 对象的 open 方法再打开一个与父窗口同源的新窗口,并且获取新窗口对象,用这个对象与父窗口进行通信,会不会就可以获取到父窗口的上下文了呢?...的文章中,在进行 Discord RCE 时,使用 window.open 绕过了沙箱,具体操作是 window.open 加载和 Discord 同源或者允许的网页地址,之后立即通过 .location...、_parent 和 _top 时就会被监听和拦截了 经过测试发现, frameName(target)设置为 _blank 时也会触发 'will-navigate' 事件,但导航事件可能在其他功能中使用到

    64510

    JavaScrtip之JS最佳实践

    我们将这个函数存入一个外部文件,当需要在某个网页里使用这个函数时,只要导入这个外部文件即可.倒入外部文件后: 1.使用"javascript:"伪协议使用popUp()方法 "真"协议用来在因特网上计算机之间传输数据包...,即使浏览器禁用了JavaScript或者JS失效,这个链接都能正常打开;关于平稳退化这一点,CSS做的很好,即使css加载失败或者被禁用,网页的内容正常显示。...="";这段代码的作用主要是为了让JS代码在htmk文档加载完毕后,在加载,这样var links=document.getElementsByTagName("a"); 就能正常运行 function...这样可以减少加载页面时发送的请求数量。而减少请求数量通常都是在性能优化时首先要考虑的!...2.合理的合并脚本固然重要,脚本在html文档中的放置位置同样重要,因为每款浏览器都有他的"并发请求数",意思是同一时间针对同一域名的请求有数量限制,超过限制数目后,其余的请求会被阻止,如果我们将脚本文件放到

    2.1K50

    前端猿要了解的基本浏览器(BOM)知识

    ,没有就换个属性,反正主要就上面两种方式 也可以通过 compatMode 来判断属于那种模式,然后在决定使用哪个属性 if(document.compatMode == 'CSS1Compat...导航和打开窗口 window.open() window对象中最为常见的方法,在JS代码里面打开网页的最常见的方法。...2同时存在时,那么会打开指定目标窗口,并默认拥有工具栏、地址栏等; 但是指定了参数3就必须指定参数2,如果参数1后面紧跟参数3那么打开的新网页只会是默认样式,你再参数3里面定义的参数是无效的 var w...会强制在弹出窗口中显示地址栏 另外的浏览器甚至规定,在一个页面尚未加载完成时,不允许执行 window.open() 语句,只能通过单击某个浏览器提供的按钮或者敲键盘打开 当然也可以为自己的浏览器安装弹窗屏蔽插件...对象的一部分 hash -> #号键后面的字符 host -> 包括服务器地址和端口 hostname -> 服务器地址 port -> 端口 pathname -> 文件路径 /one/two

    88310

    BOM的介绍_BOM定义

    大家好,又见面了,我是你们的朋友全栈君。 BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型。...我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理, 比如:刷新浏览器、后退、前进、在浏览器中输入URL等。...编程练习 实现:当点击页面上的按钮时,弹出确认框 (1)当点击按钮上的确定时,打开设置了新特征的子窗口, 新窗口的特征参考任务栏中的描述 (2)当点击按钮上的取消时,关闭当前页面 思路 第一步:获取到按钮元素...onload window.onload = function () { // 当页面加载完成执行 // 当页面完全加载所有内容(包括图像、脚本文件、CSS 文件等)执行 }...port:端口号 整数,可选,省略时使用方案的默认端口,如http的默认端口为80。 path:路径 由零或多个'/'符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

    1.2K20

    Selenium工具学习

    Robot Framework ——基于python的可扩展的关键字驱动的测试自动化测试框架 Selenium 的特点 是一个web自动化测试工具(简单来说就是只支持web的自动化测试) 跨平台(linux...,全部输入影响代码美观也容易出错,这时就可以采用 partial_link_text,模糊匹配、截取字符串的一部分定位到元素。...定位的内容可以模块部分值, 但是必须能代表唯一性 XPath定位 为什么要有XPath 如果没有id、name、calss ,该如何定位 ?...HTML可以看作是XML的一种实现方式,所以Selenium可以在web中定位元素 扩展 一般情况下, 尽量使用相对路径而不是用绝对路径。...CSS定位 css 作为一种标记语言, 焦点、数据的样式。控制元素的显示样式。

    11410

    Web 嵌入 | Electron 安全

    我想把这段内容嵌入到我的技术文章中,就可能要使用 web 嵌入技术 在 Electron 中有三种方式可以让你在Electron的BrowserWindow里集成(第三方)web内容,...打开的这种真的窗口 在 iframe 加载的内容中,使用 window.open 打开 https://www.baidu.com/ 执行测试 window.open 的执行被拦截,因为默认不允许执行..."> 看来两者同时存在时以 srcdoc 优先,浏览器不支持 srcdoc 时才使用 src 11) width 以 CSS 像素格式,或以像素格式,或以百分比格式指定的...值为0时移除边框。此属性已不赞成使用,请使用 CSS 属性 border 代替 14) longdesc 表示框架内容的长描述的 URL。...,上面提到的 Electron 三大安全配置应该都在公众号上发表过了,大家可以想一下,我就为了让渲染进程或者渲染进程中的 iframe 执行个 Node.js ,为什么一定要关闭上下文隔离呢?

    98610

    JavaScript 入门(下)

    HTML只是一门描述性的语言,这些地方单纯地使用HTML是无法实现的,而必须使用编程的方式来实现,那就必须使用JavaScript了。...下面举几个常用的窗口打开的例子: (1)打开一个新窗口: 1 window.open("http://www.lvyestudy.com","",""); 上面是打开一个新窗口,并且在新窗口加载绿叶学习网首页...语法: 1 窗口名.close(); 说明: 使用window.open()方法动态创建的窗口时,我们可以将窗口以变量形式保存,然后再使用close()方法关闭动态创建的窗口。...7、JavaScript操作CSS样式 在JavaScript中,对于元素的CSS操作,我们使用的是DOM对象中的style对象来操作。...答案是可以的。那问题又来了,为什么要使用document.getElementById()来获取一个元素赋值给一个变量呢?用以下代码不行么?

    1.1K20

    BOM核心——window对象之Golbal

    ---- theme: channing-cyan 这是我参与8月更文挑战的第16天,活动详情查看:8月更文挑战 Global作用域 window被赋予了Es的Global对象,所以通过var声明的所有的全局变量都会变成...xxx网页 window.open("http://www.xxx.com"); window.open()接收四个参数 1.要加载的地址...3.布尔值(是否代替当前页面,如果为fasle就是再打开一个新的页面)。 4.打不开窗口时的提示。...confirm()对话确定框 它这个和警告框差不多,不同的是它有一个取消按钮。我们可以通过点击不同的按钮来确定用户希望执行什么。这个的用途一般用作在删除东西上,来提示用户要不要删除。...这些系统对话框可以向用户直接显示消息,不需要html和css,但是这个给用户体验很不好,有些不太懂计算机操作的人,比如我的母亲,弹个弹窗它就感觉挺吓人的,是不是点错了,或者中病毒了。

    41720

    contextIsolation | Electron 安全

    为了在渲染器中直接包含 NPM 模块,您必须使用与在 web 开发时相同的打包工具 (例如 webpack 或 parcel) Preload 脚本 预加载(preload)脚本包含了那些执行于渲染器进程中...因为预加载脚本与浏览器共享同一个全局 Window 接口,并且可以访问 Node.js API,所以它通过在全局 window 中暴露任意 API 来增强渲染器,以便你的网页内容使用。...重大更改 部分获取的信息,但是在写这篇文章中我发现,官网文档不止一处又标记 contextIsolation 是在 12.0 中被默认设置为 true 的 我将这些略显矛盾的文档链接如下 https:...,将 indexOf 的代码给改了,无论谁调用,均返回 1 ,这样就绕过了安全检查 再次点击就直接打开对应的二进制文件了,实现任意文件执行的效果 3) 重写 require 有些程序在 Preload...为什么修改 RegExp.prototype.test 和 Array.prototype.join 就可以将要执行的文件修改为 calc呢?

    52110

    分享超详细 WKWebView 开发和使用经验

    根据需求需要将老项目中的 WebView 替换成 WKWebView,期间查阅了不少文档和资料,之前也发布了几篇 WKWebView 相关的优秀文章。...WKWebView 几个不常用的特性 WKWebview 加载过程中的性能指标图解 WKWebview 秒开的实践及踩坑之路 今天分享的这篇文章全面的介绍了 WKWebView,作者根据开发和使用经验从属性...: initialURL 为本次网页加载的初始请求 URL 为本次网页加载结束后的最终请求 两者 URL 区别在于首次发起 302 跳转的请求 title 为本次网页加载结束时的 </title...: baseURL:会影响网页加载过程中 css、js、图片等资源文件的相对路径,并不会影响绝对路径。...javaScriptCanOpenWindowsAutomatically: 允许使用 js 自动打开 Window,默认不允许,js 在调用 window.open 方法的时候,必须将改值设置为 YES

    4.9K30

    滥用Edge浏览器的“恶意站点警告”特性,实现地址栏欺骗

    当然,这种情形算是很常见的场景了,除此之外骗子们还在使用层出不穷的技巧来愚弄用户。可参考两篇推文(文一,文二)。 ?...分析 Jerome的这个样本给了我很多启发,之后我学习了在Edge上用于防止驱动式攻击的SmartScreen技术,它可以屏蔽掉被列入黑名单的URL。...在SmartScreen Demo中有很多样本,我选择了Malware Page。 ? 我知道其他浏览器(至少IE以及Chrome)也在做同样的事情,我很高兴在Edge上也能看到。...这有很多文件,我们使用完整的ms-appx-web URL在Edge浏览器下加载它们。...使用window.open手动尝试了几次之后,我们可以得出Edge浏览器能合理加载acr_error.htm页面,但会完全拒绝加载BlockSite.htm的结论。

    1.5K90

    从Highlight浅谈Webpack按需加载

    ,我们看看最后的数据有多大(包含完整引用的 antd 文件,我在项目中使用了 antd ) highlight-1.png 按需加载 接着我们按照官方的 demo 实现按需加载 import * as...小结 如果要实现按需加载得使用babel-plugin-import,这个在TS下的情况还没有检查过 使用TS时,因为某些库的 d.ts 文件 指向的路径是模块,因此要导入该库的接口只能完整的导入该模块...,比如ECharts,这个问题目前暂时还未解决 动态加载的实践 上面只是按需加载部分的JS,并且通过字符串写死的方式指定了路径,还有一部分,如同CSS的部分需要在组件生成时动态加载,或者通过变量的形式加载...这个问题在另一个组件中得到了解决 react-syntax-highlighter 还没来得及看具体的实现,不过我估计应该是使用了 CSS-MODULES,明天再看看 没来得及验证的部分 有注意到 我在使用.../styles/*'下所有文件 猜想 在TS下即使只从某个库里引用接口, import { IXxx } from 'xxx',webpack仍然会打包所有的 'xxx' 文件(在ECharts的表现下如此

    2K10

    css写作建议和性能优化小结

    预加载:页面加载的时候,先加载一部分内容(一般是先加载首屏内容),其它内容等到先加载的一部分内容(一般是首屏内容)加载完了,再进行加载。...13.避免使用@import css样式文件有两种引入方式,一种是link元素,另一种是@import。在这里,我建议就是避免使用@import。...因为@import会影响浏览器的并行下载,使得页面在加载时增加额外的延迟,增添了额外的往返耗时。而且多个@import可能会导致下载顺序紊乱。...一般是使用class来定义图标,要替换图标时,只需更换样式名,管理方便,语意明确,灵活放大缩小,并且不会造成失真。但是只支持单色的图片。...动画的优化 在我之前一篇文章(移动web开发问题和优化小结),也有写过关于这个的优化建议,之前说的两个建议是: 1.CSS3动画或者过渡尽量使用transform和opacity来实现动画,不要使用left

    82520

    JavaScript 高级程序设计(第 4 版)- BOM

    ,返回值单位为CSS像素 可以使用moveTo()和moveBy()移动窗口(依浏览器而定,这俩方法部分或全部被禁用) moveTo()接收要移动到的新位置的绝对坐标x和y moveBy()接收相对当前位置在两个方向上移动的像素数...# 导航与打开新窗口 window.open()可以用于导航到指定URL,也可以用于打开新浏览器窗口 接收四个参数:要加载的URL、目标窗口、特性字符串和表示新窗口在浏览器历史记录中是否代替当前加载页面的布尔值...,除了hash外,设置location的一个属性就会导致页面重新加载新URL 如果不希望增加历史记录,可以使用replace()方法,重定向后后退按钮是禁用状态 reload() 能重新加载的当前显示的页面...对象 点击“后退”按钮直到返回最初页面时, event.state 会为 null 可以通过 history.state 获取当前的状态对象,也可以使用replaceState()并传入与pushState...因此,DOM 元素之类并不适合放到状态对象里保存 使用 HTML5 状态管理时,要确保通过 pushState()创建的每个“假” URL 背后都对应着服务器上一个真实的物理 URL。

    1.2K10

    javascript基础-3

    ()打开的窗口,在没有window.open()时,则控制台显示“无法使用脚本关闭非脚本打开窗口”; eg: var openedWindow...—加载某个具体的页面; 3、Laction对象 window对象的一部分,可通过 window.Location 属性对其进行访问: 属性: >window.location.hash()——返回一个...: method:请求的类型;GET 或 POST url:文件在服务器上的位置,任何形式的服务器脚本文件,.txt/.xml/.asp/.php; async:true(异步,浏览器可以做其他事)...然而,在以下情况中,请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠.../details/1299831 )文件,并解析响应: (4)onreadystatechange 事件 当请求被发送到服务器时,我们需要执行一些基于响应的任务。

    1.1K20
    领券