开发

　　Ajax 技术已经存在了一段时间，开发的动力已经真正开始得到了人们的认可。越来越多的 Web 站点正在考虑使用Ajax 进行设计，开发人员也开始将 Ajax 的能力发挥到极限。随着社交网络和协作式报告等现象的出现，一组全新的要求浮现出来。如果有其他用户更改了某位用户正在观察的任何活动，则用户希望得到通知。如果一个 Web 站点显示动态数据，如股价等，那么所有用户都必须立即得到关于变更的通知。　　这些场景本身属于一类称为 “服务器推送” 的问题。通常，服务器是中心实体，服务器将首先获得关于所发生的任何更改的通知，服务器负责将此类更改通知所有连接的客户端。但遗憾的是，HTTP 是客户端-服务器通信的标准协议，它是无状态的，而且在某种意义上来说，也是一种单向的协议。HTTP 场景中的所有通信都必须由客户端发起，至服务器结束，然而我们所提到的场景的需求则完全相反。对于服务器推送来说，需要由服务器发起通信，并向客户端发送数据。HTTP 协议并无相关配置，Web 站点应用程序开发人员使用独创的方法来绕过这些问题，例如轮询，客户端会以固定（或可配置）的时间间隔与服务器联系，查找是否有新更新可用。在大多数时候，这些轮询纯粹是浪费，因而服务器没有任何更新。这种方法不是没有代价的，它有两大主要问题。　　这种方法极度浪费网络资源。每一个轮询请求通常都会创建一个 TCP 套接字连接（除非 HTTP 1.1 将自己的keepAlive 设置为 true，此时将使用之前创建的套接字）。套接字连接本身代价极高。除此之外，每一次请求都要在网络上传输一些数据，如果请求未在服务器上发现任何更新，那么这样的数据传输就是浪费资源。如果在客户端机器上还运行着其他应用程序，那么这些轮询会减少传输数据可用的带宽。　　即便是请求成功，确实为客户端传回了更新，考虑到轮询的频率，这样的更新也不是实时的。例如，假设轮询配置为每 20 秒一次，就在一次请求刚刚从服务器返回时，发生了更新。那么这次更新将在 20 秒后的下一次请求到来时才能返回客户端。因而，服务器上准备好供客户端使用的更新必须等待一段时间，才能真正地为客户端所用。对于需要以尽可能实时的方式运行的应用程序来说，这样的等待是不可接受的。　　考虑到这样两个问题，对于需要关键、实时的服务器端更新的企业应用程序而言，轮询并不是最理想的方法。在这篇文章中，我将介绍多种可以替代轮询的方法。每一种替代方法在某些场景中都有自己的突出之处。我将说明这些场景，并展示需要实时服务器推送的一组 UI。　　Ajax 应用程序中的服务器更新技术　　让我们来具体看看用于更新来自服务器的信息的一些常用技术，这些技术模拟了服务器推送。　　短轮询　　短轮询也称为高频轮询，就是我在本文开头处介绍的技术。这种方法在以下情况中表现最好：　　有足够的带宽可用。　　根据统计数据，大多数时候，请求都能获得更新。例如，股市数据就总是有可用更新。　　使用 HTTP 1.1 协议。设置 keepAlive=true，因而，同一个套接字连接始终保持活动状态，并可重用。　　长轮询　　长轮询是用于更新服务器数据的另外一种方法。这种方法的理念就是客户端建立连接，服务器阻塞连接（通过使请求线程在某些条件下处于等待状态），有数据可用时，服务器将通过阻塞的连接发送数据，随后关闭连接。客户端在接收到更新后，立即重新建立连接，服务器重复上述过程，以此实现近于实时的通信。然而，长轮询具有以下缺陷：　　一般的浏览器默认允许每台服务器具有两个连接。在这种情况下，一个连接始终是繁忙状态。因而，UI 只有一个连接（也就是说，能力减半）可用于为用户请求提供服务。这可能会导致某些操作的性能降低。　　仍然需要打开和关闭 HTTP 连接，如果采用的是非持久连接模式（keepAlive=false），那么这种方法的代价可能极高。　　这种方法近于实时，但并非真正的实时。（当然，某些外部因素总是不可控的，比如网络延时，在任何方法中都会存在这些因素。）　　流通道　　流通道（streaming channel）与长轮询大致相同，差别在于服务器不会关闭响应流。而是特意保持其处于打开状态，使浏览器认为还有数据即将到来。但是，流通道也有着自己的缺陷：　　最大的问题就是数据刷新（flushing）。过去，Web 服务器会缓存响应数据，仅在接受到足够的字节数或块数后才会发送出去。在这种情况下，即便应用程序刷新数据，也仍然会由服务器缓存，以实现优化。更糟的是，如果在客户端和服务器之间存在代理服务器，那么代理也可能会为自身之便缓存数据。　　如果发现套接字将打开较长的时间，某些浏览器实现可能会自行决定关闭套接字。在这种情况下，通道需要重新建立。　　通常，第一个问题可通过为每个流响应附加垃圾有效载荷来解决，使响应数据足以填满缓冲区。第二个问题可通过“保持活动” 或按固定间隔 “同步” 消息来欺瞒浏览器，使浏览器认为数据是以较慢的速率传入的。　　这些解决方案适用的用例范围狭窄。所有这些方法都已经在 Internet 上的某些解决方案中得到了应用。然而，这些解决方案都遭遇了相同的问题：缺乏可伸缩性。典型情况下，要阻塞一个请求，需要阻塞处理请求的线程，因为如今几乎所有应用服务器都会执行阻塞 I/O。即便不是这样，Java?? 2 Platform, Enterprise Edition (J2EE) 也未提供为 HTTP 请求和响应执行非阻塞 I/O 的标准。（Servlets 3.0 API 可解决这一问题，因为这些 API 中包含Comet Servlet。）　　至此，需要具备非阻塞 I/O（NIO）服务器，客户端应用程序通过它进行连接。由于此类套接字是纯 TCP 二进制套接字，因而将实现以下目标：　　由于服务器端具有 NIO，因而可实现更高的可伸缩性。　　响应缓存的问题不复存在，因为这个套接字直接受应用程序的控制。　　基于上述说明，有必要指出这种方法的四个缺点：　　由于使用的是二进制 TCP 套接字，因而应用程序无法真正地利用 HTTPS 层提供的 SSL 安全性。所以，要求数据安全性的应用程序可能需要提供自己的加密工具。　　通常情况下，服务器套接字将在 80 以外的端口上运行，如果防火墙仅允许来自端口 80 的流量，将出现问题。因而，可能需要进行一些端口配置。　　Ajax 客户端无法通过后端打开 TCP 套接字连接。　　即便 Ajax 客户端能够执行 open 函数，也无法理解二进制内容，这是因为 Ajax 使用的是 XML 或 JSON（基于文本）格式。　　在这篇文章中，要强调的是如何真正地绕开第三个和第四个问题。如果能够处理安全性和防火墙问题，那么其他问题也能得到处理。这种做法的获益极为显著。　　可为应用程序实现最大程度的实时服务器推送行为（不考虑网络延时等外部因素），将获得高度可伸缩的解决方案（以同时连接的客户端数量为准）。　　下面解决上述的第三个和第四个问题。　　基于套接字的 RIA 技术　　Ajax 并不能真正地解决第三个和第四个问题。因而，需要利用其他 RIA 技术寻求解决方案。有两种 RIA 技术提供的套接字 API 可与 Ajax 应用程序交互。这两种技术是 Adobe Flex 和 OpenLaszlo。全面介绍这两种技术并非本文讨论范围之内，但这些技术提供的两种特性如下所示：　　均能通过后端打开 TCP 二进制套接字　　均能出色地与运行在同一个浏览器窗口中的 Ajax 应用程序（主要是 JavaScript）交互　　但这仅仅解决了部分问题。确实可以打开套接字，可以使 Ajax 应用程序使用它们，但 Ajax 应用程序仍然无法处理纯二进制数据。实际上，这两种技术都提供了二进制 TCP 套接字的一种变体，称为XMLSocket，它可用于来回传输纯 XML 数据。这正是您需要的东西。如果这些技术能够通过服务器打开套接字，如果它们能够传输 XML 数据，任务就完成了。Ajax 应用程序可充分利用这一点，模拟实时服务器推送技术。下面将介绍如何实现。　　实现 Ajax 服务器推送　　将使用两种工具解释这项技术：Adobe Flex 和 OpenLaszlo。首先，需要编写能够接收并缓存连接的后端服务器。在这里不能太过偏离主题，因而要保证服务器基于阻塞 I/O。　　需要创建一个服务器套接字，接收预先指定地址的连接：　　清单 1. 创建服务器套接字　　public　class　SimpleServer　{　　public　static　void　main(String[]　args)　throws　IOException　{　　ServerSocket　serverSocket　=　new　ServerSocket();　　serverSocket.bind(new　InetSocketAddress("localhost",20340));　　Socket　socket　=　serverSocket.accept();　　}　　}　　在这里，将服务器套接字绑定到 localhost:20340 这一地址。当一个客户端连接到该服务器套接字时，它将为我提供一个套接字，显示连接。Flex 客户端随后会要求策略文件，这是其安全性模型的一部分。通常，这个策略文件的形式类似于清单 2。　　清单 2. Flex 客户端策略文件　　<?xml　version="1.0"?>　　<!DOCTYPE　cross-domain-policy　SYSTEM　　"http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">　　<cross-domain-policy>　　<allow-access-from　domain="*"　to-ports="20340"/>　　</cross-domain-policy>　　就在连接之后，Flex 客户端会立即发送一条策略文件的请求。该请求仅包含一个 XML 标记：<policy-file-request/>。在响应中，您需要返回此策略文件。清单 3 中的代码就完成了这个任务。　　清单 3. 发送策略文件响应　　public　static　void　main(String[]　args)　throws　IOException　{　　ServerSocket　serverSocket　=　new　ServerSocket();　　serverSocket.bind(new　InetSocketAddress("localhost",　20340));　　Socket　socket　=　serverSocket.accept();　　String　POLICY_REQUEST　=　"<policy-file-request/>\u0000";　　String　POLICY_FILE　=　"<?xml　version=\"1.0\"?>\n"　+　　"<!DOCTYPE　cross-domain-policy　SYSTEM　　\"http://www.adobe.com/xml/dtds/cross-domain-policy.dtd\">\n"　+　　"<cross-domain-policy>　\n"　+　　"　<allow-access-from　domain=\"*\"　to-ports=\"20340\"/>　\n"　+　　"</cross-domain-policy>";　　byte[]　b　=　new　byte[POLICY_REQUEST.length()];　　DataInputStream　dataInputStream　=　new　DataInputStream(socket.getInputStream());　　dataInputStream.readFully(b);　　String　request　=　new　String(b);　　if　(POLICY_REQUEST.equals(request))　{　　DataOutputStream　dataOutputStream　=　new　DataOutputStream(socket.getOutputStream());　　dataOutputStream.write(POLICY_FILE.getBytes());　　dataOutputStream.flush();　　dataOutputStream.close();　　}　else　throw　new　IllegalArgumentException("unknown　request　format　"　+　request);　　}　　此代码建立了与客户端的成功连接。现在，服务器可以与客户端发起 “握手” 之类的协议，此时，服务器通常会指定一个惟一的 ID，并将其发送给客户端，此后，服务器可根据 ID 缓存套接字，在此之后，如果服务器需要向客户端推送某些数据，可以按照 ID 定位套接字，并使用其输出流。幸运的是，OpenLaszlo 也使用了相同的基于策略文件的机制，因而，同样的服务器代码适用于两种场景。　　下面将介绍如何创建 Flex 套接字，随后将其与 Ajax 应用程序连接。　　使用 Adobe Flex 打开客户端套接字　　清单 4 中的代码展示了如何通过 Flex 打开客户端套接字：　　清单 4. 通过 Flex 打开客户端　　var　socket　:　XMLSocket　=　new　XMLSocket();　　//　register　events:　　socket.addEventListener(Event.CLOSE,　closehandler);　　socket.addEventListener(Event.CONNECT,　connectHandler);　　socket.addEventListener(Event.OPEN,　openHandler);　　socket.addEventListener(ProgressEvent.SOCKET_DATA,　readHandler);　　socket.addEventListener(SecurityErrorEvent.SECURITY_ERROR,　securityErrorHandler);　　socket.connect("localhost",20340);　　完成 socket.connect() 调用后，Flex 将向服务器发送一条请求，要求提供策略文件，期待获得 XML 响应。完成之后，连接即建立，这个套接字现在即可用于从服务器推送数据。　　作为拼图的最后一块，将看到 Flex 如何将 Ajax 作为应用程序调用。为此，要编写一个可处理服务器端消息的通用 JavaScript 函数。将此方法命名为 handleServerMessageReceived(message)。此方法会获取来自服务器的 XML 代码，此方法对于消息的处理方式以应用程序为依据。清单 5 中的代码展示了 Flex 如何调用 JavaScript函数。这是 readHandler 方法的代码，该方法在接收到服务器 XML 消息时被调用。　　清单 5. 使用 handleServerMessageReceived(message) 的 readhHandler 代码　　public　function　readHandler(e　:　DataEvent)　:　void　{　　var　message　　:　XML　=　e.data　as　XML;　　ExternalInterface.call("handleServerMessageReceived",　message);　　}　　就是这样！就是这样简单。已经创建了一个 XML 套接字连接。当来自服务器的数据送达时，可调用 Ajax 中的某些通用处理函数，处理这些消息。完整源代码可供下载（请参见下载部分）。　　下面来看看 OpenLaszlo 如何实现相同的目标。　　使用 OpenLaszlo 打开客户端套接字　　由于 OpenLaszlo 应用程序以 Flash 和 DHTML 平台为目标，因而其 API 和脚本语言类似于 Flash 和JavaScript。这主要是为希望迁移到 OpenLaszlo（作为 RIA 的替代方案）的 Web 开发人员提供便利。　　OpenLaszlo 提供了两种创建与后端之间的持久连接的方法。一种方法要使用 Lz（Laszlo 的缩写）标准库中提供的ConnectionManager API。但其文档明确说明了以下内容：　　“警告：这项特性是临时的。此特性用于容量有限的环境，能够用于开发，但我们不推荐使用此特性进行部署（不包括低容量、非任务关键型的部署）。若对使用此版本的持久连接的应用程序的健壮性有任何问题，请直接咨询Laszlo Systems。”　　或许目前这是一项实验技术，但在未来的 OpenLaszlo 版本中，它将得到证实。　　第二种方法与 Flex 相似，您要手动打开 XML 套接字连接，等待 READ_DATA 事件发生。清单 6 展示了实现方法。　　清单 6. 定义 XMLSocket 类　　<class　name="ClientSocket"　extends="node">　　<attribute　name="host"　/>　　<attribute　name="port"　/>　　<XMLSocket　name='xml_socket'/>　　<handler　name="oninit">　　//　connect　the　socket　here:　　xml_socket.connect(host,port);　　</handler>　　<handler　name='onData'　reference='xml_socket'　args='messageXML'>　　<![CDATA[　　ExternalInterface.call(‘handleServerMessageReceived',messageXML);　　]]>　　</method>　　</class>　　（为简短起见，忽略了其他处理方法。在本文的下载部分中可获得完整的代码清单。）　　就是这样，创建一个套接字对象并连接此对象就是这样轻松。这一代码清单创建了一个名为 ClientSocket 的新类，随后声明了一个名为 “xml_socket” 的 XML 套接字对象。只要此套接字对象读取到来自服务器的数据，就会触发onData 事件，该事件将由为 onData 定义的处理方法处理。最后，在 onData 处理方法中，调用 Ajax 应用程序中的外部 JavaScript 函数。此后的流程与 Flex 客户端相同。　　要创建 ClientSocket 对象，只需声明它即可：　　清单 7. 声明 ClientSocket　　<canvas>　　<ClientSocket　id='serverPushSocket'　host='localhost'　port='20340'/>　　</canvas>　　为 ClientSocket 触发了 init 事件时，将尝试连接指定主机和端口的后端。（请参见清单 6 中的 oninit 处理方法。）　　结束语　　这篇文章讨论了几种模拟服务器推送的方法，从纯轮询到实时服务器推送，文中说明了每种方法的优缺点。最后，重点关注了能够提供最优服务器可伸缩性和实时服务器推送行为的方法。　　服务器推送并非适用于每一个应用程序。实际上，大多数应用程序都非常适合普通的请求/响应场景。其他一些应用程序使用轮询和类似的技术足以满足需求。只有那些服务器更新极为重要、客户端需要得到即时通知的重量级应用程序才需要本文所述技术。有必要再次强调，这种技术有两个主要的缺点：　　如果数据需要通过 HTTPS 传输，客户端套接字无法利用 SSL 加密工具。　　防火墙需要允许客户端套接字通过非标准端口（非 80 端口）连接到服务器。　　然而，市面上存在着大量开源库，可利用它们轻松编写自定义的加密例程。类似地，配置防火墙也是轻而易举的，实际上，只需付出很少的代价，即可获得强大的实时服务器推送功能。

网络技术服务费，计入“管理费用--技术服务费”科目。管理费用明细科目如下内容：1、工资:指企业管理部门职工的各种工资、奖金、工资性津贴、补助及其他工资性费用。职工福利费：指按管理部门职工工资总额及福利费开支的职工工资总额的14％提取的职工福利费。 2、折旧费：指企业管理部门使用的各种固定资产计提的折旧费。 3、办公费：指企业管理部门发生的各项办公费用。 4、差旅费：指企业管理部门职工出差而实际发生的车、船、飞机、市内交通费、住宿费、住勤补助费、误餐补助、司机出车补助和单位核定的差旅费包干费用等。 5、运输费:指企业管理部门使用内部、外部运输车辆的运输费用和租用交通车的租用费，过桥费、养路费，市内交通费，以及企业职工上下班使用的交通车辆所发生的费用和职工为上下班办理的乘车证费用等。 6、保险费:指企业管理部门使用的房屋、设备及其他资产向保险机构投保而应支付的保险费用。 7、租赁费:指企业管理部门采用经营租赁方式租入各类管理用资产而支付的租金，包括办公用房租赁费、生活用房租赁费等。不包括融资性租赁固定资产的租赁费。 8、修理费:指企业管理部门使用的房屋、日常办公用品修理发生的人工费及材料费等。 9、咨询费:指企业因业务需要向有关咨询机构进行生产技术咨询和经营管理咨询所支付的费用或支付企业经济顾问、法律顾问、技术顾问等发生的费用。 10、诉讼费:指企业向法院起诉或应诉而支付的各项费用。 11、排污费:指企业根据环保部门的规定交纳的排污费用，以及超标准排污加收的排污费。 绿化费:指企业对生产经营场所进行绿化而发生的零星费用。不包括纳入基本建设预算进行的配套绿化费用。 12、物料消耗:指企业管理部门领用或购买的消耗性物料的费用，包括电脑软盘、色带、配件、办公用设备配件等。购买的复印纸、打印纸、传真纸和财会部门购买和印制的账簿、凭证、报表的费用也在本科目核算。 13、低值易耗品摊销:指企业管理部门领用的低值易耗品。 14、无形资产摊销:指企业无形资产的摊销费，包括专利权、商标权、著作权、土地使用权、和商誉等的摊销费。 15、长期待摊费用摊销:指摊销期限在一年以上的各项长期待摊费用的摊销。 16、坏帐准备:指企业计提的应收款项坏帐准备。 17、技术开发费:指企业上缴集团公司每年分摊核定的开发费和企业研究开发新产品、新技术、新工艺所发生的费用，包括：新产品设计费、工艺规程编制费、设备调试费、原材料和半成品的实验费、技术图书资料费、未纳入国家计划的中间试验费、研究人员的工资、研究设备的折旧、与新产品、新技术研究有关的其他经费、委托其他单位进行科研试制的费用以及试制失败损失等。 18、技术转让费:指企业为使用他人的非专利技术而支付的费用。 19、业务招待费:指企业因业务经营的合理需要招待客人而支付的费用等。 20、工会经费 :指按企业职工工资总额的2％提取并拨交给工会专门用于工会活动的专项经费。 职工教育经费:指按企业职工工资总额的1.5％提取的职工教育经费。 21、社会统筹保险费:指按国家规定为企业职工提取的基本社会统筹保险基金，包括统筹养老保险、医疗保险、失业保险、工伤保险等。 22、劳动保险费:指支付给离退休人员的工资、补贴、医药费、活动经费以及为职工支付的丧葬费、抚恤金等。 23、税金:指企业按规定交纳的房地产税、车船使用税、印花税、土地使用税。 24、土地使用费:指企业按规定交纳的土地使用费。 25、土地损失补偿费:指企业在生产经营过程中破坏其他单位使用的国有土地或者国家不征用的集体所有土地，除负责土地复垦外，还应当向遭受损失的单位支付的土地损失补偿费。土地损失补偿费，分为耕地的损失补偿费、林地的损失补偿费和其他土地的损失补偿费。26、存货跌价及盘亏损失:指库存物资在清查盘点中，发现物资盘亏、毁损和定额内损毁造成的损失，以及提取的存货跌价准备。 27、水电费:指企业的管理部门耗用的水费、电费。 28、取暖费:指企业的管理部门发生的取暖费用。 29、仓库经费:指企业实际发生的仓库清理、倒运、装卸等费用。 30、会议费:指企业管理部门因业务需要而举办或参与的各种发生在本埠及外地的会议支出，包括会议期间租用的场地费用、车辆费用、资料印刷费用、住宿费、往返交通费、补贴费用等。不包括企业股东在会和董事会的有关会议费。 31、审计费:指企业聘请会计事务所等中介机构进行审计、验资、资产评估等发生的各项费用。不包括企业内部审计部门发生的费用。 32、董事会费:指董事会发生的包括董事会员津贴、会议费和差旅费等费用。 33、上级管理费:指企业按照上级核定的金额上缴的管理费。 34、提取的新增效益工资：指工效挂钩企业按当年工效挂钩有关规定提取的新增效益工资。 35、住房公积金:指按国家规定为管理部门职工提取的住房公积金。 36、摊销的潜亏挂帐数:指企业当年摊销的潜亏挂账数。 37、其他费用:批企业发生的除上述费用以外的其他管理费用。

这个问题我也碰到了，找了下原因，可以这样理解，Failed to load resource: net::ERR_CACHE_MISS 开发人员工具载入缓存的时候，说找不到资源。 问题根本在于你先打开页面，再打开chrome的开发人员工具。而页面本身设置了no-store 无缓存，所以后者打开的开发人员工具去不到缓存。 如果你已经打开开发者工具的时候，再刷新就不会有这个错误了，同时可以看下页面的头信息： HTTP/1.1 200 OK Content-Type: text/html; charset=utf-8 Transfer-Encoding: chunked Connection: keep-alive Expires: Thu, 19 Nov 1981 08:52:00 GMT Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0 Pragma: no-cache Content-Encoding: gzip

　　代码如下：<html><head><title>表格应用</title></head><body><table  frame=box border=1 align=center   cellpadding=0 cellspacing=0 bordercolor=black><caption>吴**个人课表</caption><tr> <td colspan=2  align="center">时间</td><td align="center">星期一</td><td align="center">星期二</td><td align="center">星期三</td><td align="center">星期四</td><td align="center">星期五</td><td align="center">星期六</td><td align="center">星期日</td></tr><tr><td colspan=2 align=center>早晨</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td  rowspan=4  align=center>上午</td><td  >第<br>1<br>节</td><td rowspan=2 align=center>WEB应用开发技术<br>周一第1,2节{第1-16周}<br>熊俊涛(熊俊涛)<br>3502</td><td rowspan=2 align=center>线性代数<br>周二第1,2节{第1-8周}<br>赵立新<br>3202</td><td rowspan=2 align=center>Internet与Intranet技术<br>周三第1,2节{第1-12周}<br>张建桃<br>3401</td><td rowspan=2 align=center>管理统计学<br>周四第1,2节{第1-16周}<br>张建桃(张建桃)<br>3301</td><td ></td><td ></td><td></td></tr><tr><td>第<br>2<br>节</td><td ></td><td ></td><td></td></tr><tr><td >第<br>3<br>节</td><td rowspan=2 align=center>WEB应用开发技术<br>周一第3,4节{第9-16周}<br>熊俊涛(熊俊涛)</td><td rowspan=2 align=center>职业素养提升与就业指导<br>周二第3,4节{第2-15周}<br>刘月秀<br>3312</td><td rowspan=2 align=center>太极拳与乒乓球<br>周三第3,4节{第1-16周}<br>王常青<br>公寓8栋乒</td><td rowspan=2 align=center>线性代数</td><td ></td><td ></td><td></td></tr><tr><td >第<br>4<br>节</td><td ></td><td ></td><td></td></tr><tr><td  rowspan=6 align=center>下午</td><td >第<br>5<br>节</td><td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr><td  >第<br>6<br>节</td><td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr><td >第<br>7<br>节</td><td rowspan=2 align=center>马克思主义基本原理<br>周一第7,8节{第1-18周}<br>陈雷<br>3402</td><td rowspan=2 align=center>企业网组网实验<br>周二第7,8节{第1-16周}<br>韩方珍/张建桃</td><td rowspan=2 align=center>企业管理<br>周三第7,8节{第3-18周}<br>刘伟章<br>3405</td><td rowspan=2 align=center>大学英语<br>周四第7,8节{第1-15周}<br>陈琳慧<br>DS523</td><td ></td><td ></td><td></td></tr><tr><td >第<br>8<br>节</td><td ></td><td ></td><td></td></tr><tr><td >第<br>9<br>节</td><td></td><td rowspan=2 align=center>管理统计学<br>周二第9,10节{第6-9周}<br>张建桃(张建桃)</td><td></td><td></td><td rowspan=2 align=center>大学英语<br>周五第9,10节{第1-15周}<br>陈琳慧<br>3601</td><td></td><td></td></tr><tr><td  >第<br>10<br>节</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td rowspan=3  align=center>晚上</td><td >第<br>11<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr><tr><td >第<br>12<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr><tr><td >第<br>13<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr></tr>　　运行结果：

java前端 后台Java front end background重点词汇释义后台background; backstage; backstage supporter; behind-the-scenes backer; tiring-room

不需要开通第三方平台，关闭开发者模式即可。微信公众平台开通开发者模式后，通过公众平台设置的自定义回复，自定义菜单就失效了，可以通过接入的微信第三方平台设置自定义回复和自定义菜单。若关闭开发者模式，微信公众平台设置的自定义回复和自定义菜单就有效，但接入的微信第三方平台的功能将失效。

function validateDigitsOnly(evt) { var e = evt || window.event, key = e.keyCode || e.which; if ( // Backspace, Tab, Enter, Esc, Delete key == 8 || key == 9 || key == 13 || key == 27 || key == 46 || // Ctrl + A (key == 65 && event.ctrlKey === true) || // Home, End, 四个方向键 key >= 35 && key <= 40) { return; } if (e.shiftKey || e.altKey || e.ctrlKey) { return false; } var el = e.target || e.srcElement, // 最大数字长度 nl = el.getAttribute("data-numbers") || 15, // 最大小数长度 dl = el.getAttribute("data-decimals") || 2, val = el.value, // "." 位置 dotIndex = val.indexOf("."), rng = caret.call(el), // 光标在"."左边 rLeft = rng.end <= dotIndex, // 光标在"."右边 rRight = rng.begin > dotIndex; if ( // 数字 key >= 48 && key <= 57 || // 数字键盘输入的数字 key >= 96 && key <= 105) { if (validateValue(dotIndex, val, rLeft, rRight, nl, dl)) return; // 选中部分文本再做一次处理 val = val.substring(0, rng.begin) + val.substring(rng.end); dotIndex = val.indexOf("."); if (validateValue(dotIndex, val, rLeft, rRight, nl, dl)) return; } else if ( // ".", "," (key == 190 /*|| key == 188*/ || // 数字键盘上的 ".", "," key == 110/*|| key == 109*/) && // 允许输入小数 dl > 0) { if ( // 未输入".", 且输入的位置后面的小数位数未达到上限 dotIndex == -1 && (rng.end == val.length || val.substring(rng.end).length <= dl) || // 输过".", 且选中部分文本包含"." dotIndex > -1 && rng.begin <= dotIndex && dotIndex < rng.end) return; } return false; } // 验证输入的值 function validateValue(dotIndex, val, rLeft, rRight, nl, dl) { if ( // 未输入过"." dotIndex == -1 && val.length < nl || // 光标位置在"."之前 rLeft && val.substring(0, dotIndex).length < nl || // 光标在"."之后且未达到小数上限 rRight && val.substring(dotIndex + 1).length < dl) return true; return false; } // 获取光标位置 function caret() { var begin, end; begin = 0 - range.duplicate().moveStart('character', -100000); end = begin + range.text.length; } return { begin: begin, end: end }; }具体使用方法如下：<input type="text" id="t1" /> <input type="text" id="t2" data-numbers="5" data-decimals="4" /> <script> document.getElementById("t1").onkeydown = validateDigitsOnly; document.getElementById("t2").onkeydown = validateDigitsOnly; </script>

QQ的，看一下这里：http://www.widuu.com/archives/06/676.html百度的看一下下面两个网址http://mrasong.com/a/baidu-mp3-apihttp://cloud21.iteye.com/blog/611914 都是搞这个的就不用拿百度搜的来搪塞我把。 百度或者QQ音乐，目前并没有直接提供开放API地址，只能通过间接方式获取，相信你也搜索过了吧，如果官方开放API的话，你也用不着在这里问了，即使是百度搜的，应该也会对你有些作用，毕竟这几篇文章，人家都是实现了，你何不借鉴一下呢，我们的目标是实现结果，您说呢？作技术的，用好搜索引擎很重要，搜出来的源码也并非百分百能解决遇到的问题，但是我们总能从中受到启发是吧？学习，态度很重要，不要纠结于任何不该纠结的东西，我确实是搜出来的，不过搜出来的结果，我认为可以解决你的问题，所以我把他们放在这里供你参考，如果解决不了，您大可以把为什么解决不了再次提出来，这样大家也能再次帮你解决新的问题是吧，而你说我搪塞你，我并不认为这能解决你的实际问题，你的问题在于解决问题，而非纠结于解决方法的来源 怎么获取到缩略图？

字体版权的使用方式上分两种情况：1、商业用途：用于商业用途，即发生以营利为目的的活动。2、非商业用途：除上款的所有使用情况。授权情况：在非商业用途中，无须授权可直接使用其字体，不构成侵权商业用途中，须在版权方授权范围内使用，否则构成侵权，简析：以学习，研究为目的的使用，皆算为非商业用途。商业用途例如：网页信息，广告，商务往来。现微软系统中自带字体，微软公司已提前得到授权，故我们可安心使用。但有一例外，微软雅黑，商用版权依然在方正公司。