ie11 dom增加class

DOM操作样式表及其兼容性

DOM操作样式表的时候,存在很多浏览器兼容上的问题,测试的时候用的是Firefox 28.0.IE11.IE8.Chrome.测试的时候发现,不兼容问题基本上都是IE8和非IE浏览器之家的问题,很多IE8和非IE不兼容的方法在IE11中都已经兼容,而谷歌浏览器对IE8和Firefox中不兼容的方法都支持. 一.行内样式的操作 <div id="box" style=“float:right;font-size:30px;color:red;”>测试DIV</div&g

DOM笔记（四）：HTML 5 DOM复杂数据类型

HTML 5 DOM定义了一下集合.列表等复杂的数据类型用于实现便捷的操作.相对于HTML 4 DOM,HTML 5 DOM增加了HTMLCollection.DOMTokenList.DOMStringMap.HTMLAllCollection. HTMLFormControlsCollection等. 一.HTMLCollection.HTMLAllCollection和HTMLFormControlsCollection 三个接口均用于表示一组元素组成的列表.HTMLAllCollecti

DOM，javascript，Web API之间的关系——onclick 引起的思考与调研

平时习惯了用js操作dom树来与html页面进行交互,基本都是通过web API接口实现的,最近看闭包和原生js的知识点比较多,昨天无意中看到了onclick中的this指向问题,遂用native js方式模拟了onclick再html标签里的this和js事件里的this,详见上一篇博客:用js的eval函数模拟Web API中的onclick事件下文中的js均为javaScript的缩写. 模拟完之后突然好奇,原生的web API中的onclick是怎么实现的呢?难道是也是跟我一样扩展了H

JavaEE实战——XML文档DOM、SAX、STAX解析方式详解

原 JavaEE实战--XML文档DOM.SAX.STAX解析方式详解 2016年06月22日 23:10:35 李春春_ 阅读数:3445 标签: DOMSAXSTAXJAXPXML Pull 更多个人分类: JavaEE 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/zhongkelee/article/details/51737710 前言本文接着上一篇博客进行XML文档解析处理语法的介绍.在上一篇博客XML语法中我们提到了,XML技

【UI插件】开发一个简单日历插件（上）

前言最近开始整理我们的单页应用框架了,虽然可能比不上MVVM模式的开发效率,也可能没有Backbone框架模块清晰,但是好歹也是自己开发出来而且也用于了这么多频道的东西,如果没有总结,没有整理,没有开源就太可惜了......所以最近开始整理框架相关的东西,争取抽象一点东西出来框架出来还需要一点时间,但是框架会需要相关的UI库,这个东西可以先有思路,最后再根据框架做一点调整吧日历对于UI插件而言还是比较难的,里面涉及到的东西很多,就阴历与阳历一块就有很多东西,然后涉及到很多算法,其中节日的

原生JS实现MVVM模式

欢迎大家指导与讨论 : ) 前言关于MVVM的原理大家可以参考这篇文章.<[翻译]Object.observe()带来的数据绑定变革 >http://www.tuicool.com/articles/ZVVNBv. 文章中的代码为笔者实践时写的小demo,可以运行. 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

【转】HTML, CSS和Javascript调试入门

转 http://www.cnblogs.com/PurpleTide/archive/2011/11/25/2262269.html HTML, CSS和Javascript调试入门本文介绍一些入门的HTML,css和Javascript调试技巧. 希望能让初学者有所收获,少走一点弯路. 个人推荐Chrome作为开发工具(FF可以使用FireBug,IE8和之后的版本也有自己的调试工具) 1.HTML的调试将鼠标放在任意元素上,右键Inspect Element,即可查看该元素的HTML内

ExtJS控件样式修改及美化

Extjs项目对富客户端开发提供了强有力的支持,甚至改变了前端的开发方式,使得开发变得更加趋向于“面向组件”.对界面的美化而言,也是根本性的改变.普通的网页美工面对extjs项目根本无法下手,需要脚本编写人员配合美工一起来完成工作(另外,spketIDE提供的样式修改工具也不理想). 修改extjs的既有样式: 1.覆盖extjs的样式表这里说的修改不是去改extjs本身的ext-all.css, 也不建议这样去做,这样会影响所有页面:而应该是用自定义的css去覆盖某些控件的默认样式.大部分控

Head First HTML5 Programming笔记--chapter1 认识HTML5

升级到HTML5 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html14/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <ti

css的repaint和reflow

css的repaint和reflow 浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow. 由于 reflow 是一种浏览器中的用户拦截(user-blocking)操作,所以了解如何减少 reflow 次数,及不同的文档属性(DOM 层级(DOM depth),CSS 效率,不用类型的 style 变化)对 reflow 次数的影响对开发者来说非常必要.有时 reflow 页面中的一个元素会 reflow 它的父元素(译注:这里是复

HTML/CSS/Javascript调试入门(转)

推荐Chrome作为开发工具(FF可以使用FireBug,IE8和之后的版本也有自己的调试工具) 1.HTML的调试将鼠标放在任意元素上,右键Inspect Element,即可查看该元素的HTML内容.(也可以通过F12打开开发者工具) 效果如下在Elements面板中将鼠标放在任意元素上,HTML界面上对应的元素会被选中右击元素,可以直接修改或者是移除元素,修改后的元素效果会马上反应在页面上 2.CSS的调试在开发者工具的右侧面板可以找到对应的CSS调试框 Styles分类下可以看

【JavaScript制作页面时常用的五个特效，你用到了哪个？】

常用的五个特效的相关知识点见附录(五道例题后有附录哦~): 例一: 1.在某页面中有一个图片和五个超链接,如下图所示: 单击不同的数字超链接显示不同的图片: 图1 图片幻灯片显示效果提示: (1)默认显示一个图片,五个超链接调用同一个传参函数,参数设置为显示图片的名称. (2)使用"对象名.属性值"或setAttribute()的方式改变图片的名称. JS参照代码如下: <script type="text/javascript"> var num =

如何用纯 CSS 创作条形图，不用任何图表库

效果预览按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. 在线演示 https://codepen.io/zhang-ou/pen/XqzGLp 可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码. 请用 chrome, safari, edge 打开观看. https://scrimba.com/c/cJdEgc9 源代码下载本地下载请从 github 下载. https://github.com/comehope/front-end-

java攻城狮之路--复习xml&dom_pull编程续

本章节我们要学习XML三种解析方式: 1.JAXP DOM 解析2.JAXP SAX 解析3.XML PULL 进行 STAX 解析 XML 技术主要企业应用1.存储和传输数据 2.作为框架的配置文件使用xml 存储和传输数据1.通过程序生成xml2.读取xml 中数据 ---- xml 解析什么是DOM和SAX ?DOM Document Object Model ----- 文档对象模型 DOM思想: 将整个xml 加载内存中,形成文档对象,所有对xml操作都对内存中文档对象进行DOM

h5性能优化，细节决定结果。

介绍一些最近整理的优化细节.图片压缩什么的就不说了,这是优化必须做的.今天就说一下大家写代码时可以培养的优化的细节点. 不滥用float.不滥用web字体. Float在渲染时计算量比较大,并且会脱标.塌陷.我们可以用flex布局来代替.web字体引入需要不小的消耗,最好跟设计提一下不要太多. css中避免多余的样式设置. color.font.line-height等都是可以继承的,所以他们的子元素如果属性一样就要重复写了,特别是font-family. 复杂的一个方法,可以缓存函数的返回值.

如何实现Web页面录屏？

摘要: 很有意思的操作... 原文:web页面录屏实现译者:frontdog Fundebug经授权转载,版权归原作者所有. 写在前面的话在看到评论后,突然意识到自己没有提前说明,本文可以说是一篇调研学习文,是我自己感觉可行的一套方案,后续会去读读已经开源的一些类似的代码库,补足自己遗漏的一些细节,所以大家可以当作学习文,生产环境慎用. 录屏重现错误场景如果你的应用有接入到web apm系统中,那么你可能就知道apm系统能帮你捕获到页面发生的未捕获错误,给出错误栈,帮助你定位到BUG.但是

Element-ui 2.8.0版本中提升表格性能，做了哪些事情，原理是什么

背景项目中一直用element-ui,之前用el-table的时候,发现表格数据较多时,滑动表格就会很卡.我们的表格中只有200行数据,每行大概有30的字段,表格滑动就卡的不行.在Element-ui 2.8.0版本中,对表格性能进行了优化,链接.短短只有几行代码,却解决了表格的性能问题,今天我们来深度剖析,具体是怎么做到的. 先看改变的代码代码很简单,增加了一个watch,watch中给当前hover的dom增加"hover-row' class,之前的dom移除'hover-row'.并

vue基础api

vue比jq好处 1jq 频繁操作dom 增加了性能消耗 vue 模拟dom 从内存中拿 2jq 数据没有统一管理 vue 统一管理数据 3vue 组件开发可以提取出公共的html或js mv*好处 mvc m model 模型操作数据 v view 视图展示静态资源 c controller 控制器逻辑 mvp m model 模型操作数据 v view 视图展示静态资源 p 主持人(上面的mvc 中 mv可以互相调用所以改成 mvp让他不能互相调用) mvvm m mo

Chrome 插件特性及实战场景案例分析

一.前言提起Chrome扩展插件(Chrome Extension),每个人的浏览器中或多或少都安装了几个插件,像一键翻译.广告屏蔽.录屏等等,通过使用这些插件,可以有效的提高我们的工作效率:但有时候,我们想要的某个功能市面上没有现成的插件,作为开发者自然而然想到,自己是否可以动手开发一个定制化的插件?网上目前很多不错的关于Chrome插件的开发教程,可以帮助我们快速上手开发一个插件, 本文换个思路,从应用着手,通过讲解插件的特性来启发读者在工作中哪些场景可以通过插件来解决. 本文侧重点不是C

ie11的DOM管理器报错

IE11 Windows7下F12 DOC资源管理器不能用Exception in window.onload: Error: An error has ocurredJSPlugin.3005------------------Diagnostic:Exception in window.onload: Error: An error has ocurredJSPlugin.3005Stack Trace:Error: An error has ocurredJSPlugin.3005 at

ng-checked选择和点击增加dom

1.需求在添加页面实现一个checkbox的选择,然后在详情页面展示时,会自动选上之前被选中的. 2.添加页面看官最好将这个代码复制过去看看效果. <!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></

巴特西