草庐IT

DOM-Level

全部标签

第一百零四篇:DOM事件流

好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面接受事件的顺序, 举个栗子:来写一个简单页面"en">head>vuetesthead>id="app">赞它的大致层级:第一层 --Document   第二层     ----第三层         ----第四层             ----     这个时候,有个靓仔点了一下页面中的"赞"然后,有人为了争论"点击事件

第一百零四篇:DOM事件流

好家伙,JS基础接着学, 1.事件流页面哪个部分拥有特定的事件?可以把页面想象成一个同心圆,当你戳了其中的一点,其实你同时戳中了很多个圆 当你点击一个页面中的按钮,实际上你同时点击了这个按钮,这个按钮的容器,以及整个页面 于是有了这么个概念,事件流,我们用事件流描述页面接受事件的顺序, 举个栗子:来写一个简单页面"en">head>vuetesthead>id="app">赞它的大致层级:第一层 --Document   第二层     ----第三层         ----第四层             ----     这个时候,有个靓仔点了一下页面中的"赞"然后,有人为了争论"点击事件

vue虚拟dom和diff算法

vue的虚拟dom和diff算法1.虚拟dom虚拟dom,我的理解就是通过js对象的方式来具体化每一个节点,把dom树上面的每个节点都变为对象里的一个元素,元素的子元素变为子节点,节点上面的class、id、attribute等属性变为data内的值,然后通过dom上面的createElement、appendChild、insertBefore等方法进行生成dom树。letVNode={sel:'div',data:{key:0,props:{},attrs:{},class:{},style:{},fn:{}},text:'虚拟dom',elm:'虚拟dom'children:[{sel:

vue虚拟dom和diff算法

vue的虚拟dom和diff算法1.虚拟dom虚拟dom,我的理解就是通过js对象的方式来具体化每一个节点,把dom树上面的每个节点都变为对象里的一个元素,元素的子元素变为子节点,节点上面的class、id、attribute等属性变为data内的值,然后通过dom上面的createElement、appendChild、insertBefore等方法进行生成dom树。letVNode={sel:'div',data:{key:0,props:{},attrs:{},class:{},style:{},fn:{}},text:'虚拟dom',elm:'虚拟dom'children:[{sel:

Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法

【问题】 一个python脚本,本来都运行好好的,然后写了几行代码,而且也都确保每行都对齐了,但是运行的时候,却出现语法错误: IndentationError:unindentdoesnotmatchanyouterindentationlevel【解决过程】 1.对于此错误,最常见的原因是,的确没有对齐。但是我根据错误提示的行数,去代码中看了下,没啥问题啊。 都是用TAB键,对齐好了的,没有不对齐的行数啊。 2.以为是前面的注释的内容影响后面的语句的语法了,所以把前面的注释也删除了。 结果还是此语法错误。 3.后来折腾了半天,突然想到了,把当前python脚本的所有字符都显示出来看看有没有

Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法

【问题】 一个python脚本,本来都运行好好的,然后写了几行代码,而且也都确保每行都对齐了,但是运行的时候,却出现语法错误: IndentationError:unindentdoesnotmatchanyouterindentationlevel【解决过程】 1.对于此错误,最常见的原因是,的确没有对齐。但是我根据错误提示的行数,去代码中看了下,没啥问题啊。 都是用TAB键,对齐好了的,没有不对齐的行数啊。 2.以为是前面的注释的内容影响后面的语句的语法了,所以把前面的注释也删除了。 结果还是此语法错误。 3.后来折腾了半天,突然想到了,把当前python脚本的所有字符都显示出来看看有没有

使用JS的DOM(文档对象模型)获取前端循环的参数

使用JS的DOM(文档对象模型)获取前端循环的参数使用Go语言渲染html,但是想让网页动起来,显示一些弹窗还是比较麻烦的,于是乎,想到使用js获取页面的数据进行显示,但是js无法加载go的一些变量。想了很久,突然在网页调试的时候使用了js的DOM进行元素查找获得了些许灵感最后实现了这个功能。1.网页显示部分该部分是显示go后端传递的一个结构体数组里的各项数据,展示到一个表格中,故使用了循环展示数据,详见代码:            {{range$v:=.res}}      tr>tdname="assetid">{{$v.AssetUUID}}td>td>{{$v.AssetName}}

使用JS的DOM(文档对象模型)获取前端循环的参数

使用JS的DOM(文档对象模型)获取前端循环的参数使用Go语言渲染html,但是想让网页动起来,显示一些弹窗还是比较麻烦的,于是乎,想到使用js获取页面的数据进行显示,但是js无法加载go的一些变量。想了很久,突然在网页调试的时候使用了js的DOM进行元素查找获得了些许灵感最后实现了这个功能。1.网页显示部分该部分是显示go后端传递的一个结构体数组里的各项数据,展示到一个表格中,故使用了循环展示数据,详见代码:            {{range$v:=.res}}      tr>tdname="assetid">{{$v.AssetUUID}}td>td>{{$v.AssetName}}

DOM_常用事件

常用事件onloadwindow.onload=function(){ele=document.getElementById("i")console.log(ele.innerHTML);}ivanleewindow.onload的方法解决了js在从上到下编译的时候,无法先解析body里面的内容,后解析标签里的事件。现在script标签在上面,div标签在下面,加入onload方法可以在解析时进行等待,等到解析完div标签。onsubmit很多检验是在提交服务器之前进行的,运用onsubmit方法可以在本地进行验证,如果出错了可以立即停止,不需要交给服务器用户名密码varele=documen

DOM_常用事件

常用事件onloadwindow.onload=function(){ele=document.getElementById("i")console.log(ele.innerHTML);}ivanleewindow.onload的方法解决了js在从上到下编译的时候,无法先解析body里面的内容,后解析标签里的事件。现在script标签在上面,div标签在下面,加入onload方法可以在解析时进行等待,等到解析完div标签。onsubmit很多检验是在提交服务器之前进行的,运用onsubmit方法可以在本地进行验证,如果出错了可以立即停止,不需要交给服务器用户名密码varele=documen