实现步骤 html + bootstrap 布局画3个面板。 注：面板样式 position 属性必须是绝对位置或者相对位置。 监听面板的的 mousedown事件。 记录当前对应面板的位置target_index，设置面板透明拖动。 监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位 ...
分类：
Web程序 时间：
2020-07-14 10:34:58
阅读次数：
90
[HTML DOM isSameNode() 方法 元素对象实例检查两个节点是否是相同节点： var item1=document.getElementById("myList1"); var item2=document.getElementsByTagName("UL")[0]; item1.i... ...
分类：
Web程序 时间：
2020-07-13 21:41:47
阅读次数：
85
[Input Number value 属性 Input Number 对象实例修改 number 字段的数字: document.getElementById("myNumber").value = "16";定义和用法value 属性用于设置或返回 number 字段的 value 属性值。 v... ...
分类：
Web程序 时间：
2020-07-13 21:40:45
阅读次数：
97
imgSrcReplace(htmlstr) { let that = this; let regex3 = new RegExp(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi); let domainURL = "http://www.baidu.com/"; let ...
分类：
Web程序 时间：
2020-07-13 21:20:29
阅读次数：
91
數組 有序的列表，裏面存儲了若干個無序的元素；是一個緊密型結構 元素被存儲在列表中，這個數據就是元素，簡稱元 從列表中獲取這個元素的方法，使用數組名[下標]就可以得到這個元素，我們把這種方式叫做下標變量 對象： 與對象的區別在於，對象是鬆散型結構，是鍵值對存儲； 儅刪除一個元素時，對象的其他值不會發 ...
分类：
Web程序 时间：
2020-07-13 19:58:59
阅读次数：
62
事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。 为了解决这个问题， ...
分类：
Web程序 时间：
2020-07-13 18:33:02
阅读次数：
74
来一张原理图： 实现思路： （1）绑定data 种的数据，为每个数据添加指令。通过Object,defineProperty() 来通知属性是否更改 （2） 找到每个DOM节点的指令。绑定事件。并绑定watcher （3） 实现DOM事件改变之后， 响应data数据，实现视图更新 <!DocType ...
分类：
其他好文 时间：
2020-07-13 16:51:26
阅读次数：
63
1、相关概念 （1）编程语言与标记语言 编程语言：有很强的逻辑和行为能力，如：if else、for、while等具有逻辑性和行为能力的指令，如：c、java、js 标记语言：不用于向计算机发出指令，常用于格式化和链接，标记语言的存在是用来被读取的是被动的，如：html、xml （2）js历史 19 ...
分类：
Web程序 时间：
2020-07-13 15:14:06
阅读次数：
66
1.javascript 三大组成部分 ECMAscript JS的语法 BOM(Browser Object Model) 一套操作浏览器的属性和方法 DOM(Document Object Model) 一套操作文档的属性和方法 2.js的三大书写位置 1.行内式 1.a标签:直接写在href属 ...
分类：
编程语言 时间：
2020-07-13 11:37:26
阅读次数：
78
一、 引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。 二、 HTML/CSS规范 2.1 浏览器兼容 根据公司业务要求而定，一般：主流程测试：Chrome 30+、IE9+； ...
分类：
Web程序 时间：
2020-07-13 11:31:28
阅读次数：
75
