2015年07月_翊沐

原创关于node.js中引入文件的问题

接触node.js一段时间，对它引入文件的规定是在写项目的时候得到的。引入文件分三种绝对定位的引入"/web/ccc/img/1.npg"相对定位的引入"../../css/style.css"还有一种就是“aaa/kkk.js”。前两种就不用说了，最后一种是在主文件夹下的node_module中的引入。只要看到“xxx/xxxx”就是在node_module里面找。以上是对文

2015-07-21 09:10:54 822

原创关于在项目里使用jquery的ajax函数。

今天在带头大哥的带领下，我已经掌握了如何使用$.ajax()；起初我是一名公司实习生，完全没有项目经验，于是上峰给安排了开发网站的初始页面、登录页面、注册页面。这都是小问题，只有一个地方，就是验证这个模块我是从来没有做过的。首先，jquery自身也是有表单验证的模块的，而且这个验证validate模块也是非常强大的。但是，这个模块只是前端验证，没有通过服务器，也就是说我们可以用它在前端进行

2015-07-20 13:48:46 1053

原创如何让背景图铺满整个页面

不得不否认，万能的度娘上总会有一群刷百度知道的“大神”，各种坑。background属性有个background-size属性，可以设置背景图片所占div的比例，可以拉伸或收缩。如果想在整个窗口显示背景图片，在body属性加上{background:url(); background-size:100% 100%;}这时能看到，整个背景图片显示在窗口中，且随着你的放大缩小可以拉伸。

2015-07-15 11:23:49 32165 3

原创论闭包中的变量是否都保存在内存中。

过去我一直认为闭包中只保存被访问的变量。function a(){ var d=5; d=d+1; var b=1; function c(){ console.log(b); console.log(d); return b++; } return c;};var e=a();e();e();e();调试后发现结果输出1,6,2,6,3,6这表示啥？

2015-07-12 11:59:51 2666 2

原创 css中box-shadow属性与text-shadow属性

box-shadow就是在原来的块下复制了一份相同大小的块，放在原来的块下面，然后相对于左上角移动，做出类似阴影的效果，然后添加阴影的宽度以及阴影扩散的半径，最后就是颜色，另外一个inset属性放在最后讲。box-shadow有6个属性值：h-shadow，v-shadow，blur，spread，color，inset。其中h-shadow，v-shadow负责上下移动，可以为负值，是以

2015-07-11 20:39:29 1504

原创 ajax的学习

ajax的readyState属性共有五种取值，0：未初始化，send（）方法还未调用；1：加载中，已经调用了send（）方法，请求还在处理中；2：已加载，send（）方法已完成，整个应答已接受；3,：交互中，正在解析应答；4：已完成，应答已解析，准备好进行下一步处理。XMLHttpRequest使用的依然是http来传送请求，因此状态码依然适用。浏览器对每一个访问过的页面

2015-07-11 09:37:17 409

原创 javascript设计模式的学习

借鉴于《javascript模式设计》constructor模式：javascript中，所有的函数都是对象，都可以用new来创建。基本的构造器是在function函数中使用this关键字，不过实例无法无法继承。如果想要创建多个对象，访问相同属性，在函数中添加prototype对象。module模式：实现模块的方法：对象字面量表示法，module模式，AMD模块，CommonJS模块、

2015-07-09 11:32:43 324

原创前端工具网站

http://tool.oschina.net/

2015-07-09 11:20:51 318

转载实现AJAX的基本步骤

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返

2015-07-09 11:13:26 2160

原创 Mac系统下的sublime编辑网页

前端开发中，如果要像使用vim编辑文本一样使用sublime，比如vim 1.txt，我们可以在终端输入以下alias subl=\''/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl'\'即可，不过sublime 的命令行是 subl ; 比如 subl index.html

2015-07-08 15:49:51 533

原创 git的使用方法

git clone ssh://[email protected]:10022/sunliangmu/project-demo.git 172 cd 173 cat .ssh/id_rsa.pub 174* git 175* git co 176 git clone ssh://[email protected]:10022/sunli

2015-07-07 14:54:40 393

转载 IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

浏览器兼容问题一直是前段开发工程师比较头痛的问题，熟悉了里面的规则也就变得简单了，这里有一份资料可以分享给大家，大家平时开发过程中遵循这个规律的话，会变得轻松多了：各浏览器CSS hack兼容表： IE6IE7IE8FirefoxChromeSafari!important Y

2015-07-05 15:43:27 282

原创一个例子让你体验javascript闭包

一下内容太过暴力，请成年人在未成年人的陪同下观看！！！转载一定要注明本文出处：啊哒木木。闭包的定义一般有两种：1认为闭包是符合一定条件的函数；2认为闭包是函数及其相关环境组合而成的实体，，即创建一个能显式表示引用环境的东西，并将它与相关的子程序捆绑在一起，这样捆绑起来的整体称为闭包。个人倾向于第二种定义。示例代码：1 var a=20000;2 function

2015-07-05 15:27:52 379

原创 javascript作用域总结

javascript共有三种作用域：全局作用域，局部作用域，eval作用域。eval作用域可以这么使用eval() 、window.eval()。javascript没有块作用域，即var foo=1;if(true){ var foo=2;for (var i = 3; i <=5; i++){ var foo=i; console.log(foo); }}co

2015-07-05 10:25:20 342

转载 js eval() 全局作用域

eval函数是强大的数码转换引擎,字符串经eval转换后得到一个javascript对象, 举简单例子: var a = eval("5");等效于var a = 5; var a = eval("'5'");等效于var a = '5'; var obj = eval("({name:'cat',color:'black'})");等效于 var obj = {name:'cat

2015-07-05 10:18:44 997

原创再议javascript变量作用域

今天看书无意中发现一个例子，然后突然进行了改造。原始例子var foo=0;console.log(foo);var myfunction=function(){ var foo=1; console.log(foo); var myNextFunction=function(){ var foo=2; console.log(foo); }();

2015-07-05 10:06:54 317

转载 FPGA中modelsim对IP的仿真

方法一：在仿真的文件中加入altrea_mf.v的文件（verilog语言来说，现在基本上设计语言都是verilog），就可以直接仿真在Altera FPGA中定制IP核的工程。方法二：1.设置仿真库路径打开ModelSim安装目录，新建文件夹altera（其他名字也行，自己记住就行了），我们就在该目录下存放预编译的各种Altera库。启动Model

2015-07-05 09:53:39 2820

转载 FPGA中对FIFO深度的计算

写时钟周期w_clk, 读时钟周期r_clk, 写时钟周期里，每B个时钟周期会有A个数据写入FIFO 读时钟周期里，每Y个时钟周期会有X个数据读出FIFO 则，FIFO的最小深度是？首先，这道题不一定有解有解的必要条件是在一定时间内（足够长），写入的数据数量一定要等于读出的数据数量因此有：A/B * w_clk = X/Y * r_clk 其次，算出写数据的最

2015-07-05 09:51:22 3751

转载单片机消抖程序，也可用于verilog，关键是里面的思想。

通常按键所用的开关都是机械弹性开关，当机械触点断开、闭合时，由于机械触点的弹性作用，一个按键开关在闭合时不会马上就稳定的接通，在断开时也不会一下子彻底断开，而是在闭合和断开的瞬间伴随了一连串的抖动，如下图所示。按键稳定闭合时间长短是由操作人员决定的，通常都会在 100ms 以上，刻意快速按的话能达到 40-50ms 左右，很难再低了。抖动时间是由按键的机械特性决定的，一般都会在 10

2015-07-05 09:44:56 1113

显示器扫描方式分为逐行扫描和隔行扫描：逐行扫描是扫描从屏幕左上角一点开始，从左像右逐点扫描，每扫描完一行,电子束回到屏幕的左边下一行的起始位置，在这期间，CRT对电子束进行消隐，每行结束时，用行同步信号进行同步；当扫描完所有的行，形成一帧，用场同步信号进行场同步，并使扫描回到屏幕左上方，同时进行场消隐,开始下一帧。隔行扫描是指电子束扫描时每隔一行扫一线，完成一屏后在返回来扫描剩下的线，隔行扫描的显

2015-07-05 09:40:21 10241

转载 fpga 定点小数计算

所谓定点小数，就是小数点的位置是固定的。我们是要用整数来表示定点小数，由于小数点的位置是固定的，所以就没有必要储存它（如果储存了小数点的位置，那就是浮点数了）。既然没有储存小数点的位置，那么计算机当然就不知道小数点的位置，所以这个小数点的位置是我们写程序的人自己需要牢记的。先以10进制为例。如果我们能够计算12+34=46的话，当然也就能够计算1.2+3.4 或者 0.12

2015-07-05 09:36:11 2853

原创 javascript的this关键字的理解

网上的博客和文章关于this指针的有很多，但是每篇文章都是作者自己的心得和理解，其他人理解起来会有偏差，正如岳肃蔡子峰二人根据正本葵花宝典以及自己的理解默写出葵花宝典的残本、林远图根据残本与少林修为写出辟邪剑谱，所以要得到自己的理解就要看正本的“葵花宝典”，我所看的就是猫头鹰书cody lindley所写的《JavaScript启示录》。this值会被传递给所有函数，其值基于运行时调用函数的上

2015-07-05 09:02:09 353

原创 js作用域的学习

javascript变量分为全局变量和局部变量。局部变量的优先级又比全局变量的高。下面看几个例子： var a=0; function test() { console.log(a);}; test(); //输出0a为全局变量，函数能访问到 var a=0; function test() { var a= 1; console.log(a);

2015-07-03 17:23:11 326

原创关于inline-block元素的行高问题

以chrome浏览器作为调试工具，打开如下页面：网页 div{ width: 150px; background: #456789; margin: 200px; } span{ display: inline-block; } .span1{ width: 115px; height: 115px; background: #000fff; text-

2015-07-03 08:50:03 2719

原创关于css三角形的制作

网页中三角形使用的地方很多，比如弹出的消息对话框的小箭头、网站后台的聊天弹框。制作三角形我们可以有两种方法，一种是通过美工处理，将三角形制作出来，然后通过设置背景图片，如前一篇所提到的sprite图的制作。今天去面试的时候帮面试公司调试意外得到经验，同一行的inline-block元素我们可以通过改变margin的值可以是的两个图片任意连接。下面以正方形为例，一会讲解三角形。网页

2015-07-02 23:00:34 372

原创如何实现div块的居中（水平加垂直居中）

今天去面试，HR随意出了几个问题，其中就有如何实现div的居中。我当时想，水平居中我是会的 body { height: 100%; padding: 0; margin: 0; } #container { width: 800px; height: 600px; background-color:#12eeed;

2015-07-02 17:33:03 1002 1

原创 css position属性以及 float、display、position的问题整合

在css中，有两个属性可以破坏文档流：一个就是float属性，另一个就是position属性。假设一个父级元素未定义高度（默认div的宽度是100%，即最大化；高度是最小化，即如果div没有设置高度，则其虽然占据物理空间，但是在页面上显示不出来），它的高度就要由子元素来填充，这时，如果设置子元素float属性，子元素就会脱离文档流，当所有的子元素都脱离了文档流，父级元素的高度就变为0，无法显示

2015-07-02 13:02:16 1411 2

原创 css 雪碧图sprite的使用

我们知道，像淘宝这类电商网站，产品的出售会有一些分类，每个分类都会用一个小的缩略图表示，如下图所示如上图所示用黄色荧光笔画出的（原谅我电脑没装fireworks，大家凑合看），这些图一般都会用专门工具ps或者css sprite贴图工具放在一个图片里。我们在ul的li标签前面添加任意标签，本处用，设置宽高，将制作好的图片当作标签的背景，通过改变background-position属性，移动图

2015-07-02 12:19:03 1979

原创为什么要初始化css样式。

首先我们要知道，每一个html标签都有其自己的默认样式，而css则可以改变html的样式。比如一个div元素，它存在默认的margin值，而设计需要其对齐左上角，那么就要修改其margin值，对于大量的div设置就很麻烦，所以初始化css样式就很重要。其实，各大门户网站都有其初始样式，只要通过chrome调试中的resource标签获取其css样式表即可。各主流浏览器下的默认css样式

2015-07-02 11:13:48 5063

原创 display的值以及作用。

display的值有很多，常用的有五种：display:none 隐藏元素（display:none 是彻底地清除元素的物理位置，使其从文档流中消失，而visibility:hidden和opacity:o保留元素的物理位置隐藏元素）display:block 块级元素 display:inline 内联元素display:inline-block 行内块元素（bloc

2015-07-02 10:46:39 1662 1

evilemon的博客