
Javascript
文章平均质量分 70
lhh_12345
唯有你的努力不会辜负你
展开
-
小项目-星级评分系统
div{width:700px;margin:0 auto;position:relative;}.one{ float:left;}ul{ display:inline;}li{background:url(../star.png) no-repeat top left; display:inline-block; width:19px; height:19px; font-size:0;原创 2016-11-30 10:00:58 · 684 阅读 · 0 评论 -
常用工具函数
dateFormat = function(date, formatStr){ var str = formatStr; var Week = ['日','一','二','三','四','五','六']; str=str.replace(/yyyy|YYYY/,date.getFullYear());原创 2017-09-04 22:30:31 · 406 阅读 · 0 评论 -
Fade 的实现
fade var fade = function(node) { var level = 15; var step = function() { var hex = level.toString(16); node.style.backg原创 2017-08-28 15:30:19 · 404 阅读 · 0 评论 -
基于HTML5 自定义编辑器
在上次的文章中,提到场景图是基于这个麻雀虽小五脏俱全的“ HTML5 拓扑编辑器”()和“矢量编辑器”()进行扩展出满足我需求的拓扑编辑器,看到这里,大家或许对怎么扩展编辑器有疑问,所以,今天就以一个例子介绍编辑器的扩展,先附上Demo:在这个 Demo 中,用户点击工具条上的元素后,在下方画布中拖动鼠标可以生成相应的图元,多种元素自由组合可以做个简易的农场。素材均是网上搜索 png原创 2017-06-20 10:01:23 · 2271 阅读 · 1 评论 -
Reverse Words in a String III
今天主要介绍字符串的split()方法,看到这里,你肯定心里在想题主傻逼,这么简单的方法还需要记录再博客里?没错,题主确实是特别傻逼,总是容易把简单的问题想复杂不逼逼了,首先介绍一下split()方法吧: 这个方法可以基于指定的分隔符将一个字符串分割成多个子字符串,并将结果放在一个数组里,分隔符可以是字符串,也可以是RegExp对象; split()方法可以接受可选的第原创 2017-06-01 22:01:52 · 305 阅读 · 0 评论 -
Reshape the Matrix
In MATLAB, there is a very useful function called 'reshape', which can reshape a matrix into a new one with different size but keep its original data.You're given a matrix represented by a two-dim原创 2017-05-29 15:19:37 · 289 阅读 · 0 评论 -
基于HTML5实现的矢量TP-LINK面板
相信仍旧有很多人看着HT开发的各种炫酷效果,却无从着手,所以今天的主题是让小白也能应用我们的HT做出简单的图形界面。转载 2017-05-09 09:39:03 · 693 阅读 · 0 评论 -
Hamming Distance
The Hamming distance between two integers is the number of positions at which the creesponding bits are different.Given two integers x and y, culculate the Hamming distance.读完题目,首先想到的是将x,y均转化为二进制的原创 2017-05-26 22:25:15 · 671 阅读 · 0 评论 -
基于HTML5 Canvas实现用户交互
很多人都有这样的疑问,基于HTML5 Canvas实现的元素怎么和用户进行交互?在这里我们用HT for Web(http://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html)给大家示例。原创 2017-05-23 14:49:04 · 660 阅读 · 0 评论 -
表单重置
1、设置重置按钮reset form用户单击重置按钮时会出发reset事件,也可以在必要时取消重置操作:var form = document.getElementById('myForm');EventUtil.addHandler(form,'reset',function(event){ event = EventUtil.getEvent(event); EventUt原创 2017-04-20 16:25:41 · 375 阅读 · 0 评论 -
小项目-鼠标移入改变图片透明度
.main{width:630px;margin:0 auto;}ul{ width:630px;}ul:after{content:'.';display:block;clear:both; visibility:hidden;}li{ list-style:none; float:left; margin:10px;}img{ width:200px;opacity:0.3;curso原创 2016-11-28 10:31:41 · 483 阅读 · 0 评论 -
小项目-倒计时时钟
div{ width:200px; height:100px; background-color:black; margin:0 auto; padding-top:20px;color:#fff;font-family:"微软雅黑"; text-align:center;}span{ background:#fff; margin:20px;color:#000;}button{ width原创 2016-11-28 12:59:22 · 333 阅读 · 0 评论 -
javascript事件——event对象
1、DOM中的事件对象和IE中的事件对象不同,其可用的属性和方法也不一样,跨浏览器方案:var EventUtil = { //添加事件监听器 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);原创 2016-12-07 11:07:42 · 388 阅读 · 0 评论 -
javascript事件——事件处理程序
//兼容各个浏览器的事件处理器,EventUtillvar EventUtill={ addHandler: function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); } else if(element.attac原创 2016-12-06 22:59:53 · 275 阅读 · 0 评论 -
类
//一、使用了new和构造函数创建类,创建一个新类的函数第一步是创建自己的类模拟库var Class = function(){ var klass=function(){ this.init.apply(this,arguments); }; klass.prototype.init=function(){}; return klass; }; var Person =原创 2016-12-05 17:54:16 · 254 阅读 · 0 评论 -
性能问题
最近都在用印象笔记记录这段时间的学习历程,但是这两天给登不上去了,网上查了一系列办法都没用,心累,暂时先用回优快云吧。今天的博客主要是怎么销毁已有对象的问题,便又去翻了一遍高程,了解了一下垃圾回收机制。JavaScript是自动进行垃圾回收的,原理是,周期性的执行操作将不再继续使用的变量释放,那么怎么判断哪些变量不再使用了呢?主要有两种方法:1、标记清除法其实啰嗦那么一大堆,原创 2017-11-19 21:47:44 · 270 阅读 · 0 评论