opera

XSLT-客户端

女生的网名这么多〃 提交于 2020-08-13 17:18:40
XSLT 是一种用于将 XML 文档转换为 XHTML 文档或其他 XML 文档的语言。XPath 是一种用于在 XML 文档中进行导航的语言。 JavaScript 解决方案 在前面的章节,我们已向您讲解如何使用 XSLT 将某个 XML 文档转换为 XHTML。我们是通过以下途径完成这个工作的:向 XML 文件添加 XSL 样式表,并通过浏览器完成转换。 即使这种方法的效果很好,在 XML 文件中包含样式表引用也不总是令人满意的(例如,在无法识别 XSLT 的浏览器这种方法就无法奏效)。 更通用的方法是使用 JavaScript 来完成转换。 通过使用 JavaScript,我们可以: • 进行浏览器确认测试 • 根据浏览器和用户需求来使用不同的样式表 这就是 XSLT 的魅力所在!XSLT 的设计目的之一就是使数据从一种格式转换到另一种格式成为可能,同时支持不同类型的浏览器以及不同的用户需求。 客户端的 XSLT 转换一定会成为未来浏览器所执行的主要任务之一,同时我们也会看到其在特定的浏览器市场的增长(盲文、听觉浏览器、网络打印机,手持设备,等等)。 XML 文件和 XSL 文件 请看这个在前面的章节已展示过的 XML 文档: <?xml version="1.0" encoding="UTF-8"?> <catalog> <cd> <title>Empire

GTAjax升級:一劍🗡磨十年改進JavaScript表單遞交瀏覽器異常等

≯℡__Kan透↙ 提交于 2020-08-13 16:57:06
2020年7月以來,持續對 UfqiLong 有福常在 進行升級改進。 改進過程中遇到之前不曾見的問題,在使用 GTAjax進行異步遞交 有福常在UfqiLog 的文章内容時,有隨機性地出現遞交失敗。進一步的跟蹤發現,儅點擊遞交后,GTAjax接管了表單遞交動作並觸發了進度顯示並進行讀秒操作。 但是,詭異的是,GTAjax在後臺並未真的將遞交發送給服務器端後臺。於是我們決定對 GTAjax開啓 debug 模式,進行深入分析,爲何之前不曾有這樣的問題,爲何問題會是隨機性出現,而又爲何,儅第一次遞交失敗后,第二次原樣操作,卻能成功? 帶著這些問題,我們準備深入分析一下。開啓 GTAjax的debug模式相對簡單,在 運行時參數裏: var myGTAjax = new GTAjax(); myGTAjax.set(‘isdebug’, true); 這樣即可打開 GTAjax 的過程數據輸出,從而觀測到整個通訊過程。通過分析debug日志,問題很快鎖定到 postForm.submit() 這個節點上。 也即,在使用 ForceFrame 模式進行表單遞交時,依賴 JavaScript的 HTMLFormElement.submit() 這個方法進行最終的數據遞交。 這個是 W3C、HTML DOM和 JavaScript等標準組織封裝好的方法,無法進一步地往下拆解。問題就轉化為爲何

超大文件上传和断点续传的实例解析

假如想象 提交于 2020-08-13 03:47:12
4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在实际使用中会发现,这些基于脚本语言实现的上传功能模块性能很弱,一是不支持2GB以上的内容上传;二是无法支持断点续传;三是效率极低,单台服务器最多支持几十个并发上传连接。 当前我们要搭建一个运营级的视频服务平台,在尝试了各种产品均无法满足要求,因此最后花精力自主用C++语言实现了这一高性能上传服务器。 项目地址: http://git://10.168.4.241/up6/web/asp.net.git Hyper Upload Server 超级上传服务器 这是一款超级文件上传服务器,采用异步I/O架构,采用C++语言编码实现。它支持4GB以上超大文件上传和断点续传,支持Windows和Linux服务器平台,支持任意格式的文件上传,尤其适合大的视频网站应用。单台服务器支持1000并发上传进程,支持PC端和智能手机端主流的浏览器。 主要特性 1. 服务器端采用异步I/O架设设计,具有高性能I/O处理能力,尤其适用于超大文件上传; 2.

2020/6/10 JavaScript高级程序设计 BOM

本小妞迷上赌 提交于 2020-08-12 08:11:52
BOM(浏览器对象模型):提供用于访问浏览器的对象。 8.1 window对象 window是BOM的核心对象,表示浏览器的一个实例。 JavaScript访问浏览器窗口的接口 ECMAScript规定的Global对象 8.1.1 全局作用域 全局变量会成为window的属性,但是定义全局变量和直接在window对象上定义属性是有差别的—— 全局变量不能通过delete删除,但window对象上定义的可以 。 这是因为使用var添加的window属性[[Configurable]]被设置为false(不可删除)。 访问未声明的变量会发生错误,但通过查询window对象,可以知道某个可能未声明的变量是否存在。 // 这里会抛出错误,因为oldValue未定义 var newValue = oldValue; // 这里不会抛出错误,因为这是一次属性查询 var newValue = window.oldValue; // newValue的值是undefined 8.1.2 窗口关系及框架 如果页面中包含框架,则 每个框架都拥有自己的window对象 ,并保存在frames集合中。在frames集合中可以通过 数值索引/框架名称 来访问相应的window对象。每个window对象都有一个 name属性 ,其中包含框架的名称。 PS1 :对于 最高层窗口 来说

web前端开发学校分享前端一些小知识点

那年仲夏 提交于 2020-08-12 06:45:26
  一,主流浏览器及内核   Chrome——Webkit/blink   IE ——Trident   Firfox ——Gecko   Safari—— Webkit   Opera—— presto   二,css权重   !importent ——Infinity(正无穷)   行间样式 ——1000   id ——100   class/属性/伪类 ——10   标签/为元素 ——1   通配符—— 0   css的优先级取决于权重,权重间的进制是256.   三,行级 块级 行级块 元素   行级元素:1内容决定元素大小 2无法通过css改变宽高(span em a strong……)   块级元素:1独占一行 2可以改变宽高 (p div ul li form address……)   行级块元素:内容决定大小 可以改变宽高 (img)   四,定位   绝对定位:absolute:脱离原来位置,以最近父级定位,如果没有以文档顶端定位   相对定位:relative:保留自己以前的位置,并且以自己以前位置定位   五,margin俩bug   1,margin-top塌陷:子div在父div中 子div margin-top无效,除非子div margin-top值大于父级的,而且此时还带动父级一起移动。   父级div上边框消失了一样,给父级加上一个上边框可以解决

JavaScript Array (数组) 对象 基本属性和方法

耗尽温柔 提交于 2020-08-12 02:58:42
Array (数组)对象 数组对象的作用是:使用单独的变量名来存储一系列的值。 创建Array对象的语法 new Array(); new Array(size); new Array(element0, element1, ..., elementn); 参数 参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。 参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。 返回值 返回新创建并被初始化了的数组。 如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。 当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。 当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。 当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。 定义数组 数组对象用来在单独的变量名中存储一系列的值。 var myArray = new Array() 这里定义一个名为myArray的数组对象 赋值的两种方法(可以添加任意多的值): 1. var

集训总结(更新至7.17)

痞子三分冷 提交于 2020-08-11 15:03:19
窝又双叒叕开新 水 坑辣!!!(主要是太菜了不会写题解,就水水日记才能维持的了生活) Day0(2020.7.14) 在家半天。除了肝FGO就是肝莴苣,平民配置两天肝完2.4,肝的我头晕眼花的。。。 回学校。。。无他,唯困尔。 Day1(2020.7.15) 上午又考糊了, T1 没写高精爆零了。 T2 找出一个递推式,但是没发现杨辉三角的规律。 T3 开始写的 dfs ,后来没时间改 dp 了。最后一题没看出来,骗了十分走人。 下午先把 2,3 题改了,然后就开始打板子(第一题高精实在懒得写)后来晚上说了一下龟速幂,很想去试试,明天写一下吧 总之作为第一天还算不错 (除了考试成绩) 明天继续努力吧 推歌: (中文歌单见底了)(嘤文歌单也没了)啊,我好悲伤 看其他同学发挥吧 Day2(2020.7.16) 上午该拿的暴力分没拿到,最后一题暴力打挂了(循环里面没有初始化。。) 100 分没了,心疼。考试的时候也不会差分约束和并查集,于是都挂了(打暴力的时候思路特别迷,本来一个 dfs 能得 50, 结果莫名其妙的加了一堆预处理,最后反而劣化,全都 T 了)。第三题计数类 dp 就更不会了。。直接爆零。。。(容斥是真的不会啊啊啊啊) 下午听完讲评后离大课间没多长时间了,于是想着先不改题,去敲一个线段树 (然后就调到下午五点,没时间改题了) 晚上看了看差分约束和并查集。 (于是又没改完题

CSS背景与边框

末鹿安然 提交于 2020-08-11 08:22:51
边框与三角形 border : border-width 、 border-style 、 border-color border:style :dotted(点)、dashed(虚线)、solid(实线)、double(双线轮廓)、其它3D 来看个border绘制三角形的原理: 图1为border最普遍的用法, border: solid 10px #ffb6b9; 。用多了你会不会就觉得border是由四个矩形边框拼接而成,但其实是错的。实际上,元素的border是由三角形组合而成,为了说明这个问题,我们继续看: 图2,我们为边框四个方向设置不同颜色, border-color: #ffb6b9 #fae3d9 #bbded6 #8ac6d1; ,并加大边框宽度。 图3,我们进一步将元素的宽高设为0。我们发现,此时元素由上下左右4个三角形组成。 为了实现一个三角形,那就很简单了,我们只需将其它border边的颜色设置为白色或者透明色即可 图4, border-color: transparent transparent #bbded6; ,设置上三角,左右三角为透明,那么我们就能看到一个图4的三角形了。 边框半径:圆角 通过以下属性设置四个角的半径: border-radius border-top-left-radius 、 border-top-right-radius 、

1.CSS3简介

末鹿安然 提交于 2020-08-11 04:45:58
# 1.CSS3简介 - 前缀 google/safari : -webkit- ie : -ms- firefox : -moz- opera : -o- - 前缀官方网址 参考手册:http://css.doyoe.com 权威网站:http://www.caniuse.com - 预处理器:pre-processor less/sass cssNext插件 cssNext:用来实现一些未来的标准(未完全在各大浏览器实现的功能) - 后处理器:post-processor 后处理器插件 autoprefixer : 可以帮助我们自动添加前缀 - postCss + 插件 (充分体现了扩展性) 用JS实现的css抽象的语法树 AST(Abstract Syntax Tree) 剩下的是留给了后人来做 来源: oschina 链接: https://my.oschina.net/u/4413947/blog/4282731

VUE实现文件上传下载功能实例解析

吃可爱长大的小学妹 提交于 2020-08-10 05:09:59
4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在实际使用中会发现,这些基于脚本语言实现的上传功能模块性能很弱,一是不支持2GB以上的内容上传;二是无法支持断点续传;三是效率极低,单台服务器最多支持几十个并发上传连接。 当前我们要搭建一个运营级的视频服务平台,在尝试了各种产品均无法满足要求,因此最后花精力自主用C++语言实现了这一高性能上传服务器。 项目地址: http://git://10.168.4.241/up6/web/asp.net.git Hyper Upload Server 超级上传服务器 这是一款超级文件上传服务器,采用异步I/O架构,采用C++语言编码实现。它支持4GB以上超大文件上传和断点续传,支持Windows和Linux服务器平台,支持任意格式的文件上传,尤其适合大的视频网站应用。单台服务器支持1000并发上传进程,支持PC端和智能手机端主流的浏览器。 主要特性 1. 服务器端采用异步I/O架设设计,具有高性能I/O处理能力,尤其适用于超大文件上传; 2.