摘要：
实现弹窗拖拽效果的原理是：按下鼠标并移动——拖拽移动物体，抬起鼠标——停止移动。主要触发三个事件：onmousedown、onmousemove以及onmouseup； 首先搭建结构：一个宽350px、高200px的登录框 原生js代码实现： 如果有什么优化的方式也请多指教。 阅读全文
摘要：
样式表有三种： 内嵌样式：<div id="box" style="color:red">box</div>，style写在html中的为内嵌样式； 内联样式： <style> #box{ font-size: 25px; background-color: #ccc; } </style> 在ht 阅读全文
摘要：
之前在慕课网上有练习手风琴效果，但是老师使用jquery简简单单的两三行实现了，今天自己用js练习一下效果 js代码： 这样就能实现手风琴效果了，但是还有一点点bug，因为li初始化的时候宽度是100px，当鼠标移入li时，li会变为700px，但是鼠标移开时不会按700px的宽度，仍然以100px 阅读全文
摘要：
函数作用域与全局作用域： 很多人（包括我）都会觉得根据作用域来说函数内部可以访问局部变量和全局变量，运行结果应该是第一次弹出123，第二次弹出1;这是错误的。 运行的结果：第一次弹出undefined，第二次弹出1；这是因为上面的代码等价于： 由于函数域始终优先于全局域，所以局部变量a会覆盖掉所有与 阅读全文
摘要：
在很多时候都需要用到验证码，前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是：1.生成一张画布canvas 2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填充到画布中 5.点击画布更换验证码 结构与样式： 下面来编写js代码： 这样就写好一个较普通的验证码了，当然 阅读全文
摘要：
昨天看到一篇关于表格排序的随笔，鉴于本人还只会简单的js，不会使用封装，所以自己也试了一下写这个效果。可能不太优化，原理思路是：获取行对象tr，排序tr中要比较的对象td，排序后添加回tbody。如下： 样式如下： <style>thead tr td{ cursor: pointer;}thead 阅读全文
摘要：
今天做了个小练习，统计一行字符串中字母个数 function f(str){ var arr=str.split(""); /*把传进来的字符串分割成字符串数组*/ var obj={}; for(var i=0;i<arr.length;i++){ var val=arr[i]; /*每个数组元素 阅读全文
摘要：
本人在面试的时候被问到：如何使一段不定宽高的文字垂直居中呢？ 现在来总结一下： 在body中写入结构 <div id="main"> <div id="login"> djshdk awjdsd sede sfcdf vdj sh dkaw jds dse desf cdf vd jsh dkawj 阅读全文