一.dom常识1.style属性style对象的属性值都是字符串,设置时必须包括单位,但是不含规则结尾的分号.比如,elem.style.width不能写为100,而要写为100px. 2.getComputedStyle获取元素的高度. var elem = document.getElementById('container'); var hValue = window.getComputedStyle(elem, null).getPropertyValue('height'); 上面代码…

摘要:JQuery该退役了. 原文:为什么越来越少的人用jQuery 作者:Lemonade Fundebug经授权转载,版权归原作者所有. 最早期的开发,大多都使用jQuery,它给我们带来了很多的便利:快速选取元素,方便操作DOM元素的API,各个浏览器之间完美的兼容性,链式操作,动画.ajax等等都是jQuery为前端开发人员来带的好处.为什么现在越来越少人用了呢?我来分以下几点,阐述我的想法: 一.JS更新带来的冲击 1. 快速选取DOM节点 对于大部分使用jQuery的开发工程师来说,…

本文翻译自:How Does setState Know What to Do? 原作者:Dan Abramov 如果有任何版权问题,请联系shuirong1997@icloud.com 当你在组件中调用setState时,你觉得会发生什么? js导出excel import React from 'react'; import ReactDOM from 'react-dom'; class Button extends React.Component { constructor(props)…

本文翻译自:How Does setState Know What to Do? 原作者:Dan Abramov 如果有任何版权问题,请联系shuirong1997@icloud.com 当你在组件中调用setState时,你觉得会发生什么? import React from 'react'; import ReactDOM from 'react-dom'; class Button extends React.Component { constructor(props) { super(p…

本文承接:DOM LEVEL 1 中的那些事儿[上]   2.3 Element类型 Element类型应该是Document类型之外使用的最多的节点类型了,Element代表XML或HTML文档中的一个元素,它具有以下特征: [1]nodeType为1 [2]nodeName为标签名 [3]nodeValue为null [4]parentNode可能是Element或Document [5]childNode可能是Element,Text,Comment,Proccessinginstruct…

引子 先来一颗栗子: <img src="/sub/123.jpg" alt="test" /> <script type="text/javascript"> var img = document.getElementsByTagName('img')[0]; console.log('src:', img.src); </script> 输出 src: sub/123.jpg?No,输出的是 src: ht…

DOM是前端编程中一个非常重要的部分,我们在动态修改页面的样式.内容.添加页面动画以及为页面元素绑定事件时,本质都是在操作DOM.DOM并不是JS语言的一个部分,我们通过JAVA.PHP等语言抓取网页内容时需要对网页进行解析并拿到我们感兴趣的那部分内容,这时其实也是在操作DOM.当然在前端领域,我们肯定还是通过JS来操作DOM,而DOM也是伴随JS的出现而诞生的,随着前端的不断发展,DOM标准也在不断演进,每个新的版本都为DOM进行了一定程度的扩展.本文主要总结DOM1级中的核心内容.   1.…

1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的方法名太长,难记4.代码容错性较差5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉 3 jQuery版本介绍: 大版本 : 1 2 3 1 兼容ie6.7.8 2 3 不兼容 小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别…

事件流是用来解释页面上的不同元素接受一个事件的顺序,首先要明确两点: 1.一个事件的影响元素可能不止一个(同心圆理论),但目标元素只有一个. 2.如果这些元素都绑定了相同名称的事件函数,我们怎么知道这些函数的运行顺序?于是有了事件流的概念(事件捕捉,事件冒泡) 举个例子: <div id="outer"> <p id="inner">Click me!</p> </div>为了看起来方便,先无视CSS样式,那么蓝色的区…

今天我们来818<angularjs in action>的第三章controller和view. 1.Big Picture概览图 View是angularjs编译html后呈现出来的,需要编译的是controller中的定义的属性和方法以及directive中定义的指令. View和controller是独立开来的,他们之间的纽带就是图中间的胶水——scope.Controller负责向scope中提供属性和方法,便于和view层面的html进行交互. 方便起见,我们通常将controll…