随笔分类 - web前端开发
摘要：var btn = document.getElementById("btn");btn.onclick = function(event){ alert('clicked'); event.stopPropagation();} ...
阅读全文
摘要：JS中的数组提供了四个操作，以便让我们实现队列与堆栈！小理论：队列：先进先出堆栈：后进先出实现队列的方法：shift:从集合中把第一个元素删除，并返回这个元素的值。unshift: 在集合开头添加一个或更多元素，并返回新的长度push:在集合中添加元素，并返回新的长度...
阅读全文
摘要：现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。原因：鼠标点快了。解决方案：不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，...
阅读全文
摘要：1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。 你可以用下面的css代码去掉所有元素的边框： *...
阅读全文
摘要：1、水平居中我们都知道，可以直接用：margin:0 auto;2、垂直居中，需要做一点小小的计算，关键代码如下：height: 600px;position: absolute;top: 50%;margin-top:-300px;如需水平且垂直居中：height:...
阅读全文
摘要：firstChild,lastChild,nextSibling,previousSibling都会将空格或者换行当做节点处理，但是有代替属性所以为了准确地找到相应的元素，会用firstElementChild,lastElementChild,nextElement...
阅读全文
摘要：var ie;if (document.all) ie = true; else ie = false; //判断是否IEdocument.onkeydown = KeyPress; //设置键盘事件函数function KeyPress(){ var key; ...
阅读全文
摘要：1、直接上成功的代码，关键代码： 网页图标 Hello Boy!2、文件目录参考：3、效果如下：谷歌浏览器：火狐浏览器：注：火狐浏览器这个是个gif动图，由于动态图标目前仅火狐可用，所以为了区分两者我这里设置的网页图标分别用了两者不同的图。实际当中...
阅读全文
摘要：首先，浏览器自带的弹窗有alert、confirm、prompt等。js弹窗的3种方式：alert、confirm、prompt鉴于其外观丑陋以及配置不方便，我们常采用Extjs自带的弹窗控件。// 基本的alert:Ext.Msg.alert('Status', '...
阅读全文
摘要：一个 object 对象，格式一般是这样的：{key:value,key2:value,key3:value} 一般要输出某个值，常用做法 alert (object.key) 如果要查看这个 object 的话，常用做法 console.log(object)但是！...
阅读全文
摘要：本文转自：JS中的表单验证+正则表达式常用的正则表达式：Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-...
阅读全文
摘要：转自：JavaScript Switch 语句switch(n){case 1: 执行代码块 1 break;case 2: 执行代码块 2 break;default: n 与 case 1 和 case 2 不同时执行的代码}
阅读全文
摘要：效果图1：注：如图，要对 sm 为 CheckboxSelectionModel 类型的 grid 实现指定行锁住而不被选中，锁住的条件由该行的某一字段的数据决定，图中根据“状态”决定改行能否被选中。实现方法（js中对这个 grid 的 sm 属性做配置）：sm:ne...
阅读全文
摘要：Ext Core 通过预置的动画功能，可以让轻松实现动画功能。通过自定义动画配置，可实现更多的动画效果。动画完成后，可通过回调函数实现后续处理 Ext Core 动画 8 个定位点的值与描述值 ...
阅读全文
摘要：注：该篇更好的解决方案见：【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中需求如下：实现效果如下：注：深灰色的背景色丑是丑了点，但是也正是这样才让前面的勾选框看上去不存在，实际上这个checkbox还是存在的，只是颜色...
阅读全文
摘要：需求如下：↑ 图一：这是正常状态↑ 图二：这是hover效果↑ 图三：这是点击编辑按钮之后的状态注：页面中是3个Panel ，每个Panel都绑定了点击事件。“输入框0”这不是Label而是一个readOnly为false的TextField，点击编辑的时候TextF...
阅读全文
摘要：先上代码： 三种弹出对话框的用法实例 对话框有三种 1：只是提醒，不能对脚本产生任何改变； 2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 ifelse判断 3： 一个带输入的对话框，可以返回用户填入...
阅读全文
摘要：比较运算符：== 等于=== 全等于（值和类型）!= 不等于> 大于= 大于或等于<= 小于或等于逻辑运算符：&& 且and|| 或or! 非not参考：JavaScript ...
阅读全文
摘要：用正则表达式实现：var test = " \n ";//var test = " ";if(test.match(/^\s+$/)){ console.log("all space or \\n")}if(test.match(/^[ ]+$...
阅读全文
浙公网安备 33010602011771号