javascript
浪漫不属意
这个作者很懒,什么都没留下…
展开
-
js+dom娱乐之一个夸张的倒计时
用dom节点来显示数字,哈哈,用盒子模型的border模拟数字屏显示; talk is cheap ,show the code<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> .up{ height:100p原创 2017-03-17 19:38:04 · 570 阅读 · 0 评论 -
宝宝,我要秀恩爱
简单的效果如下,看起来还不错,就是简陋了点 实现一个简单的这样的小网页涉及到几个问题: * 全局居中 * 特殊字体 * 比较喜欢赶时髦用了vue 下面依依分析:居中比较懒了直接用的flex特殊字体字体选择结合font-face 可以使用特殊字体。 为了讨好妹子字体一定要可爱,找了好多,发现这个网站的这个字体比较对胃口 http://www.touwenzi.com/fo原创 2017-05-04 21:56:22 · 862 阅读 · 3 评论 -
javascript闭包-概念补充
前言 学javascript肯定会遇到闭包这个问题,这也是面试官喜欢问的,随着es6规范和严格模式的推广,禁止了嵌套定义。未来可能没人研究这个了。 活在当下还是来看下,还不知道的可以看下阮大神的闭包解释,我个人觉得吧,只看那个不一定能懂,脱离作用域谈闭包有点耍流氓,就像学霸眼中的“显然”可知,最好是先看懂作用域,了解作用域链和词法作用域(静态作用域)之后,差不多就懂了。问题与实验今天原创 2017-03-10 20:17:30 · 458 阅读 · 0 评论 -
你可能不知道的js事件处理
1. 同一个节点能不能绑定多个事件?可以绑定,使用addEventListener[attachEvent]和事件委托2. onclick 和 addEventListener[attachEvent]关系两者相互没有影响,element.onclick=null,不会影响addEvenListener[attachEvent]的事件3. 绑定了多个时间处理函数,如何执行其中一个取消其他的当onc原创 2017-04-16 01:42:48 · 638 阅读 · 0 评论 -
闭包与柯里化的小题目
题目如何实现以下函数:add(2,5)//7add(2)(5)//7分析凭直觉讲add函数的返回值有两种,一种是数值,一种是函数,根据参数来定要实现第二种效果的时候,返回值就是函数,那么如何把第一个参数传进返回函数中(就是闭包的应用),其实原理都很简单似乎有点柯里化函数式编程的味道Show Codefunction add(){ let sum = 0; if(argume原创 2017-04-17 21:23:25 · 588 阅读 · 0 评论 -
js+dom娱乐之table排序
有道笔试题,点击表头进行对成绩升序或降序 约定下表格标签结构 table>tr>th tr>td 比较懒就不封装了假设HTML结构如下 <table> <tr> <th>名字</th> <th>性别</th> <th>成绩</th> </tr> <tr> <td>a</td>原创 2017-03-26 19:56:45 · 841 阅读 · 0 评论 -
js轮子—模态框组件
按个人想法写了一个模态框组件,可以实现水平垂直居中(通过js在渲染后计算的),现在有点小问题, 问appendChild渲染完成这个事件和setTimeout(func,0),是在同一轮循环中完成嘛?不知道怎么来测试这个,求教 destroy中我回收指针的方式,彻不彻底?,有没有内存泄漏 <!DOCTYPE html><html> <head> <meta c原创 2017-03-08 20:44:18 · 670 阅读 · 0 评论 -
js轮子—输入框加候选框
1.兼容ie8 主要是事件兼容 var EventUtil = { on:function(elem,type,handler){ if(elem.addEventListener){ elem.addEventListener(type,handler,false); }else if(elem.attachEvent){原创 2017-03-09 19:53:57 · 888 阅读 · 1 评论 -
js轮子—一个通用版事件监听
前几天在我的主页上写了个javascript 发布订阅设计模式,模拟了事件消息机制,并加了一个基于浏览器事件处理接口的自定义事件处理方法,有兴趣可以看看。今天来看一个通用事件处理函数(主要是做兼容性处理),这个有几个写的比较有意思: 1. getEvent用了个while,防止找不到e||window.event,模拟冒泡找触发的事件。 2. readyEvent 做了一个小动作防止覆盖别的o原创 2017-03-16 00:15:22 · 528 阅读 · 0 评论 -
JavaScript 统计当前页面标签个数和种类
简单的遍历,熟悉一下dom节点的属性,用的是html Dom ,节点还可以用xml 的dom来解析比如把children 换成childNodes,文本节点便会被统计进来<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="se原创 2017-03-09 23:07:24 · 1769 阅读 · 0 评论 -
javascript 遍历dom 节点统计类型
非递归不忍直视<script type="text/javascript" language="javascript"> function btnTest_Click() { try { var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); } catch (e) { alert(e.原创 2017-03-09 00:30:52 · 346 阅读 · 0 评论 -
NodeList 与 HTMLCollection 以及dom排序
最近博客迁移segmentfault Dom 结构如下: <div id="myDiv"> <li>1.dsfs</li> <li>2.dsfs</li> <li>3.dsfs</li> <li>5.dsfs</li> <li>4.dsfs</li> <li>6.dsfs</li>原创 2017-09-16 10:31:09 · 1066 阅读 · 0 评论