- 博客(31)
- 收藏
- 关注
RSS订阅原创 性能问题
最近都在用印象笔记记录这段时间的学习历程，但是这两天给登不上去了，网上查了一系列办法都没用，心累，暂时先用回CSDN吧。今天的博客主要是怎么销毁已有对象的问题，便又去翻了一遍高程，了解了一下垃圾回收机制。JavaScript是自动进行垃圾回收的，原理是，周期性的执行操作将不再继续使用的变量释放，那么怎么判断哪些变量不再使用了呢？主要有两种方法：1、标记清除法其实啰嗦那么一大堆，
2017-11-19 21:47:44
260
原创 常用工具函数
dateFormat = function(date, formatStr){ var str = formatStr; var Week = ['日','一','二','三','四','五','六']; str=str.replace(/yyyy|YYYY/,date.getFullYear());
2017-09-04 22:30:31
387
原创 常用布局
1、列表项两端对齐 列表项两端对齐 ul{ margin: 0; padding: 0; list-style:none; } .box{ width: 200px; height: 100px; background-color: light
2017-08-29 00:33:09
338
原创 常用居中
1、使用绝对定位进行居中（已知元素宽高） fade .out{ position:relative; width: 200px; height: 200px; background-color: lightgreen; } .in{ position: abs
2017-08-28 16:09:07
237
原创 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
380
原创 Node.js 用模块组织代码
创建程序时，不可能将所有代码放在一个文件夹里，而是按照逻辑相关性将其分解为单个或多个文件。整合外部文件时，常常伴随着全局命名空间被污染，为了避免这个问题，Node 模块允许你从被引入文件中选着要暴露给程序的函数和变量，如果模块返回的函数或变量不止一个，那他可以通过设定 exports 对象的属性来指明他们，如果模块只返回一个函数或变量，则可以设定 module.exports 属性。 典型的
2017-07-21 12:12:50
383
原创 基于HTML5 自定义编辑器
在上次的文章中，提到场景图是基于这个麻雀虽小五脏俱全的“ HTML5 拓扑编辑器”（）和“矢量编辑器”（）进行扩展出满足我需求的拓扑编辑器，看到这里，大家或许对怎么扩展编辑器有疑问，所以，今天就以一个例子介绍编辑器的扩展，先附上Demo：在这个 Demo 中，用户点击工具条上的元素后，在下方画布中拖动鼠标可以生成相应的图元，多种元素自由组合可以做个简易的农场。素材均是网上搜索 png
2017-06-20 10:01:23
2214
1
原创 Reverse Words in a String III
今天主要介绍字符串的split()方法，看到这里，你肯定心里在想题主傻逼，这么简单的方法还需要记录再博客里？没错，题主确实是特别傻逼，总是容易把简单的问题想复杂不逼逼了，首先介绍一下split()方法吧： 这个方法可以基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组里，分隔符可以是字符串，也可以是RegExp对象； split()方法可以接受可选的第
2017-06-01 22:01:52
292
原创 基于HTML5 Canvas 实现弹出框
用户鼠标移入时，有弹出框出现，这样的场景很常见。这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体。而图形本身实际都是Canvas的一部分，不可单独获取，所以也就无法直接给某个图形增加JavaScript事件。然而，在HT for Web中，这种
2017-06-01 14:09:58
4517
1
原创 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
280
原创 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
657
原创 基于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
640
转载 基于HTML5实现的矢量TP-LINK面板
相信仍旧有很多人看着HT开发的各种炫酷效果，却无从着手，所以今天的主题是让小白也能应用我们的HT做出简单的图形界面。
2017-05-09 09:39:03
674
原创 表单重置
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
365
原创 关于padding的文章
1、对元素大小的影响对于block元素：padding值过大时，无论如何都会影响元素尺寸；在width不为auto时，padding值会影响元素尺寸；在宽度为auto或者box-sizing为border-box，并且padding值不过大时，padding值不影响元素尺寸；对于inline元素水平padding会影响元素尺寸，垂直padding不影响，但是会影响背景色的占
2017-04-17 23:31:57
450
原创 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
375
原创 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
261
原创 类
//一、使用了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
242
原创 小项目-canvas写时钟
my first canvas projectbody{ width:100%;height:100%; background:#ac9f94;}#drawing{display:block;margin:40px auto 0 auto; background:#ac9f94;}你看不见图片的时候就会看见我 //第一步找到canvasvar drawing=docume
2016-12-01 21:47:48
422
原创 小项目-星级评分系统
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
652
原创 小项目-倒计时时钟
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
316
原创 小项目-鼠标移入改变图片透明度
.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
474
原创 Bootstrap-表单控件大小和状态
1、表单控件大小可以通过设置控件height、line-height、padding和font-size等属性实现控件高度的设置。bootstrap中对input、textarea和select控件使用两个类名来控制大小，但是都需要“form-control”维持基本样式： input-sm：让控件比正常更小； input-lg：让控件比正常更大。源码：
2016-11-21 15:11:57
57702
原创 Bootstrap-表单控件
1、单行输入框（input的type属性值为text）用法： 注：bootatrap中input值必须添加type类型，因为样式是通过type属性来定义，为了让控件（select、input、textarea）在各种表单风格中样式不出错，需要添加类名“form-control”2、下拉选者框（select）用法：
2016-11-21 10:04:15
877
原创 Bootstrap-表单
表单中常见元素主要是：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮。1、基础表单（仅对表单内的 fieldset、legend、label标签进行定制）：源码：fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}legend {display: block;width: 100%;padding: 0;margin
2016-11-17 15:35:14
393
原创 Bootstrap-代码风格
搭建个人博客时，可以用bootstrap来呈现不同的代码风格，主要为三种;1、使用显示单行内联代码，针对单个单词或句子，粉底红字；2、使用显示多行块代码，针对成块代码，可以添加类名“pre-scrollable”控制代码区最大高度为340px（超出则显示滚动条），灰底黑字；3、使用来显示用户输入代码，表示用户通过键盘输入的内容，黑底白字。 说明：不管使用哪种代码风格，小于
2016-11-17 15:22:11
416
原创 Bootstrap-表格
1、Bootstrap为表格的不同样式提供了不同的类名（如）： .table：基础表格 .table-striped：斑马线表格 .table-bordered：带边框的表格 .table-hover：鼠标悬停高亮的表格 .table-condensed：紧凑型表格 .table-responsive：响应式表格2、Bootstrap为表格的
2016-11-17 14:38:02
446
原创 Bootstrap-列表
1、无序列表和有序列表使用方法与原来相同（也可以嵌套），只不过bootstrap对它样式的margin值进行了调整；源码：ul,ol { margin-top: 0;margin-bottom: 10px;}ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}2、去点列表，通过给有序列表和无序列表添加类名list-unstyled去除默认样式源码：
2016-11-15 16:09:55
362
原创 Bootstrap-段落和文本
1、设置了全局的文本样式，如下：源码：body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;} 这几个属性均为继承属性，故所有文本都是这些样式效果，
2016-11-15 15:18:52
4144
原创 Bootstrap-标题
一、bootstrap和html的写法一样，定义标题都是通过标签的方式，但是bootstrap对样式进行了重置，并且添加了.h1~.h6的类名让不是标题的元素也能应用其样式； 具体规则如下： 可得：1、h1~h3的margin-top和margin-bottom分别为20px和10px； 2、所有标题的行高为1.1，文本的颜色和字体都继承父元
2016-11-14 15:20:48
1263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人