展开

关键词

编写JS代码

前文介绍了:  1 DOM四个常用的方法   2 使用DOM核心方法完成属性填充 本篇主要介绍在JS中需要注意的几个地方,另外为了减小html与javascript的耦合使用java进行onclick 但是在编写合格的javascript代码时,需要注意:  1 平稳退化:保证在不支持js或者低版本的浏览器也能正常访问  2 分离javascript:把html与javascript分离,有助于后期代码的维护   3 向后性:确定老版本的浏览器不会因为脚本禁止而死掉  4 性能考虑:确定脚本执行的最优  编写优化的代码  针对前一篇中的相册的代码,这里主要修改的地方是把onclick方法删除,在页面加载时

46390

js运动框架,opacity

function getStyle(obj, name) {     if (obj.currentStyle) {         return obj....

12040
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

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

    js事件浏览器案例

    func, false); } else if (element.attachEvent) {IE element.attachEvent(on + type, func); } else {DOM0,js func, false); } else if (element.detachEvent) {IE element.detachEvent(on + type, func); } else {DOM0,js

    37420

    手机版本的js代码

    在进行手机网页开发过程中经常会遇到手机版本不问题,很易导致在这个手机上运行的相当好,但是,换一个手机之后发现完全不是那么回事,效果都变了。 这时候,就需要调节手机版本问题了,下面我来给大家介绍一种各种手机版本的js代码。 document.write(); andriod 2.3以上 } else { document.write(); } 其他系统 } else { document.write(); } 还有一种就是不用那么多的js 代码,直接添加meta信息即可 这样,在编程的时候就不会因为手机版本问题而产生烦恼了。

    22120

    js复制插件clipboard全平台

    手机上也测试过可以使用的使用教程:先引用js 下面是html内之后在加上一段js var clipboard = new ClipboardJS(#copyValue);clipboard.on(success

    795110

    js复制插件clipboard全平台

    前面转载过一个篇简单《通过js实现复制到剪贴板功能》,但是性不是很理想,有幸今天找到一个全平台通用的js,适用于Chrome 42+、Firefox 41+ 、Edge 12+、IE 9+、Opera 29+、Opera 29+等平台 手机上也测试过可以使用的 使用教程: 先引用js 下面是html 内 之后在加上一段js var clipboard = new ClipboardJS(#copyValue

    1.2K30

    JS使用window.close()关闭当前页(firefox)

    版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

    1.1K21

    nodejs常用npm包

    express常用npm包整理如下art-template  一款js模板引擎,性能不错jayson       一款纯node的rpc应用包,可实现rpc服务、tcp、http等服务multer       文件上传nedb         纯js实现的文件型数据库node-http-proxy   http代理async            流程控制工具,以语法糖解决node callback hell node控制台应用fs-extra  增强型fs组件markdown-it  markdown文件解析open  用于控制浏览器直接打开某urlrd  文件或目录遍历swig  swig模板moment  js 日期处理类库,支持node端与浏览器端ccap  图形验证码生成库crypto  node加密node-uuid  生成uuidredis  redis客户端连接库js-jsonrpc  nodejs端 jsonrpc调用co  Tj大神写的,处理node回调,早期使用偏函数形式解决回调,后来promise模式lodash   js原生的工具函数集,强大顾效率,非常推荐

    88800

    移动端适配js+css全局样式

    这是研究了淘宝和拉钩以及网易的全局样式后,提取的样式,经过实战可用css全局样式@media screen and (max-width:321px){ body,html{font-size: :400px){ body,html{font-size:16px}} @media screen and (min-width:400px){ body,html{font-size:18px}} js

    74020

    前端面试手册

    文档声明,不存在或格式不正确会导致文档以模式呈现标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行模式页面以宽松的向后的方式显示HTML5不基于SGML,因此不需要对DTD进行引用 select strong块级:div ul ol li dl dt dd h1-6 p空: br hr img input link meta 导入样式link和@import的区别 作用范围、加载时机、性三方面不同 开始就构建完整的功能,然后再针对低版本浏览器进行。 减少重绘和回流、缓存dom和length、事件代理、ID选择渲染:优化DOM结构、CSS3动画触发GPU 构建工具和原理 gulp基于流的自动化构建工具,Webpack基于模块的自动化打包工具 安卓和IOS浏览器 IOS定位fixed,图片加载失败 HTTP请求 GET、POST、PUT、DELETE、HEAD、OPTIONS TCP和UDP TCP稳定可靠的连接,通过三次握手四次释放,UDP不稳定的连接

    38720

    HTTPS和SSLTLS协议

    ,里面包含好多图片,还包含好多【外部的】CSS 文件和 JS 文件。 然后,浏览器开始分析这个网页的源码,知道这个页面包含很多外部资源(图片、CSS、JS)。 性因为是先有 HTTP 再有 HTTPS。所以,HTTPS 的设计者肯定要考虑到对原有 HTTP 的性。 这里所说的性包括很多方面。 比如已有的 Web 应用要尽可能无缝地迁移到 HTTPS;比如对浏览器厂商而言,改动要尽可能小;…… 基于“性”方面的考虑,很易得出如下几个结论: 1. 如何顾 HTTP 采用的“短连接”TCP 方式?

    48830

    聊聊 HTTPS 和 SSLTLS 协议

    ,里面包含好多图片,还包含好多【外部的】CSS 文件和 JS 文件。 然后,浏览器开始分析这个网页的源码,知道这个页面包含很多外部资源(图片、CSS、JS)。 性因为是先有 HTTP 再有 HTTPS。所以,HTTPS 的设计者肯定要考虑到对原有 HTTP 的性。 这里所说的性包括很多方面。 比如已有的 Web 应用要尽可能无缝地迁移到 HTTPS;比如对浏览器厂商而言,改动要尽可能小;…… 基于 “性” 方面的考虑,很易得出如下几个结论:HTTPS 还是要基于 TCP 来传输 (如果改为 如何顾 HTTP 采用的 “短连接”TCP 方式?

    572110

    HTTPS和SSLTLS协议

    里面包含好多图片,还包含好多【外部的】CSS 文件和 JS 文件。 然后,浏览器开始分析这个网页的源码,知道这个页面包含很多外部资源(图片、CSS、JS)。 性因为是先有 HTTP 再有 HTTPS。所以,HTTPS 的设计者肯定要考虑到对原有 HTTP 的性。这里所说的性包括很多方面。 比如已有的 Web 应用要尽可能无缝地迁移到 HTTPS;比如对浏览器厂商而言,改动要尽可能小;……基于“性”方面的考虑,很易得出如下几个结论:1. 如何顾 HTTP 采用的“短连接”TCP 方式?

    62880

    前端知识普及之页面加载

    他的性是IE9+ 。 觉得已经足够了。performance.timing对象通常,我们可以从performance.timing对象上,获得我们想要的一切时间值.具体有哪些,我就不赘述了。 的效果.由于现在主流只要到IE8, 剩下IE6,7我们不做过多的分析了。 这种方式低版本IE还是不太可靠的。另外提供一个doScroll方式doScroll这是IE低版本特有的,不过IE11已经弃用了。 我们来看一下jquery中实现doScroll的: 低版本的IE浏览器,这里添加监听作为向下,如果doScroll执行出现bug,也能保证ready函数的执行 document.attachEvent document, ); if (jQuery.fn.trigger) { 解除引用 jQuery(document).trigger(ready).off(ready); }}以上就是jquery

    52090

    js常用事件整理—所有浏览器

    型:所有浏览器。 性:所有浏览器。 else if (document.body) { scrollTop = document.body.scrollTop; } return scrollTop;} 3.去掉所有html文本标记的js

    63590

    原生JS中的拖拽事件性问题

    写个小Demo,分享一下使用原生JS实现拖拽时的性问题如何解决? 代码如下: 原生JS中的拖拽事件性问题 #div1 { width: 100px; height: 100px; background: red; position: absolute; } window.onload

    13910

    js多浏览器的关闭当前页面

    关闭当前页面,相信不少人在开发中都遇到过这个需求,但面对这么多的浏览器,要做到js还需要做特殊的处理。关于这方面网上有很多的资料,但大多都是复制粘贴的,没有达到的效果,或者是效果不好。

    16820

    移动端系列 HTML与CSS

    HTML5学堂:本文,我们将继续为大家总结介绍移动端的常见问题,今天要提的是关于移动端HTML与CSS当中,遇到的一些常见问题,主要包括取消电话号码的识别、取消邮箱识别以及横向rem的问题。 对于移动端的问题,由于内较多,决定书写成一个系列。在这些杂乱知识的发现与整理,主要来源于几个讲师平时的积累,而自己的学生们也为内的充实做出了很大的贡献,在此非常感谢~! 不再多说,一起进入今天的主要内。移动端 - 取消电话号码识别具体情形:在iPhone上页面中的数字识别为电话号码。 其中涉及到基本的知识、实例开发、JS底层知识、面试真题、相关技术、未来发展等。 其中涉及到基本的知识、实例开发、JS底层知识、面试真题、相关技术、未来发展等。 从代码中不难看出,在p标签内部增加了一个a标签用于包含电话号码。

    89860

    电磁

    电磁性不对其它系统产生干扰对其它系统的辐射不敏感不对自身产生干扰 电磁干扰三要素: 干扰源,耦合途径,受扰设备电磁的两个方面:EMI 电磁干扰:发射量有一个上限值{低频超标:往往由差模形成, 高频超标 电磁干扰耦合途径:传导性耦合:通过导体或传输线的引导来传输辐射性耦合:通过空间方式来传输电路性耦合电性耦合、电感性耦合、低频耦合、高频线间耦合 电路性耦合传导的基本原理:电路性传导耦合即共阻抗耦合,当两个电路回路的电流流经一个公共阻抗时 电路直接相关低频线间耦合——电性耦合除了共阻抗所产生的电路耦合之外,由于相邻电路导线中的电、互感等也会构成另外一类传导性的耦合途径。分为两种情况:频率较低时,线长

    22340

    在Node.js中使用SO_RESUEPORT

    前言:今天下载了Node.js最新版代码,并为Node.js的TCP模块增加了SO_RESUEPORT的能力,本文介绍一下具体的实现,关于SO_RESUEPORT的知识可以参考之前的文章或者网上文章。 考虑到操作系统性的问题,目前只支持Linux系统,旧版Mac OS也支持相关属性但是效果不符合预期,新版Mac OS倒是支持,考虑到Node.js在几乎都是部署到Linux,所以可以先关注Linux defined(SO_REUSEPORT) && defined(__linux__) NODE_DEFINE_CONSTANT(constants, UV_TCP_REUSEPORT);#endif在JS 3 修改JS层修改JS层是最复杂的地方,主要是为了应用层的性问题。 所以为了性,我想的方案是利用Cluster模块,目前Cluster模块支持轮询和共享两种模式,那么我们再加一种reuseport模式就好了,这样的好处是一旦我们平台不支持SO_RESUEPORT,我们可以降级到

    9630

    相关产品

    • 标准兼容测试

      标准兼容测试

      标准兼容测试(Standard Compatibility Testing)致力于为移动开发者提供完善的适配兼容测试服务,发现和定位产品在移动终端出现的适配问题,提供完整的问题信息,帮助开发者解决问题,提升产品的质量。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券