Echo_Wei1991-CSDN博客

原创《编写可维护的javascript》笔记

======================编码风格============================= 1.缩进：用tab比较好，或者固定的四个空格或者两个空格2.变量太长换行最好第二行和等号后赋值开始的地方对齐3.命名:驼峰法，函数名最好开头用动词（can is has get set等）4.常量：大写，下划线5.大段注释用多行/**/6.if后面就算是一句，也应该用花括号括起来比较好7

2016-10-26 17:57:01 438

原创单页应用搭建过程记录

第一步：选好自己需要的框架 magix+brix+kissy 需要的工具：grunt,anywhere第二步：建立脚手架，搭建起需要的文件，写好文件的配置，比如加载那个css,启动文件是哪个等安装anywhere,测试一下自己的脚手架安装grunt 安装grunt的步骤：（网上有完整版，一搜就OK）

2016-08-11 17:11:24 404

原创 post和get等http方法

http方法：post 向服务器发送需要处理的数据get 从服务器获取文档delete 从服务器删除文档put 将请求的主体存储在服务器上head 从服务器获取文档的首部trace 对可能经过代理服务器传到服务器上的报文进行追踪options 可以再服务器上执行哪些方法表面上看post和get有以下区别：p

2016-08-02 16:28:18 463

原创事件以及事件捕获、事件冒泡、事件委托

周末补全

2016-08-01 10:24:40 408

转载 dom2和dom0的定义和区别

定义：0级DOM分为2个：一是在标签内写onclick事件　　　　二是在JS写onlicke=function（）{}函数1）"myButton" type="button" value="Press Me" onclick="alert('thanks');" >2）document.getElementById("myBu

2016-08-01 10:14:49 8865

原创不同属性的对象数组的合并（好吧表述的不好

两个list 一个叫做list1一个叫做list2 list1是一个数组，里面有很多对象，对象有很多属性，其中一个thedate属性表示这个对象是哪一天的数据 list2也是一个数组，里面有很多对象，对象也有很多属性，除了thedate属性以外，其他属性和list1中不同现在要把list1和2中thedate一样的对象各种属性合在一起，不同的就和空的合在一起比如： list1[

2016-07-28 17:47:48 2116 1

原创 push、concat、$extend、assign是什么能做什么

待完成本周一个小项目需要用到两个object拼接起来先占坑，周末总结

2016-07-26 13:18:04 591

原创 Ajax技术种open参数中的true

ajax是一种很常用的技术了做前端的是一定要知道的open方法有三个参数，一开始使用ajax的时候我都没有注意到这个true 因为觉得ajax本来就是异步的JavaScript，同步有嘛意思捏后来实际做项目的时候用到了循环发送ajax请求就是在一个循环体种加入ajax请求的代码结果发现，并没有连续收到服务器的回应然后我就将ready status打印出来了，发现居然是1 1表示什

2016-07-16 18:26:29 6873 1

原创大有用处的JavaScript正则表达式

正则表达式有很大的用处比如判断用户的输入是否合法比如框架中判断输入url应该跳转到哪里比如设置的classname中包含的钩子下面是常用的正则的一些规则和例子：本周末补充

2016-07-14 13:59:14 601

原创跨域的几种方式

什么是跨域：协议、端口号、域名都相同才是同一个域只要有一个不同就算是跨域但是实际工作中，尤其是大公司，经常遇到需要跨域的情况跨域的几种方式：跨域的几种常见的方式有：jsonpiframeflashpostmessage下面一一介绍：

2016-07-06 18:29:09 10446

原创 jQuery的事件

jQuery中有许多对DOM的操作，让我们coding起来方便了很多~ 最近学习了kissy框架，发现kissy框架中对node的操作和jQuery是很类似的所以在此做个对比，正好还可以再熟悉一边jQuery 对比项 jQuery kissy 选择器 b c 添加元素 a b

2016-06-28 16:54:40 417

原创实用的前端工具（nginx/fis3/git/grunt/less等）

协作开发工具 git分布式版本控制每个人都有一个完整的工程 svn集中式版本控制git的工作区、版本库和远程常用的git命令： Git clone 代码拉下来 Git branch 创新新的分支 Git check out 切换分支 Git diff 查看自己修改了哪些内容 Git status 有哪些文件被修改 Git add 文件名 Git status 看看自己成功

2016-06-21 16:58:25 1229

原创我遇到的IE的坑（主要是IE8及以上）

IE浏览器真的是对开发者很不友好呀坑真是多公司的项目要求适配IE8及以上现在记录下遇到的坑：不支持H5的新标签解决办法：不支持background-size解决办法：input框不支持value属性待续占坑

2016-06-21 16:52:09 3378

原创初识git(待更新)

git 分布式版本控制 svn集中式版本控制拉代码的过程：创建ssh key 讲ssh key添加到版本库中 git clone这三个步骤看着简单，其实里面也有点小坑周末补全先占坑

2016-06-21 16:46:00 365

原创在项目中又踩到的一个小小坑-meta标签

想打印出来一串数字，但是总是出问题一开始我以为是单引号和双引号的匹配问题于是使用了转义字符但是后来发现并没有什么卵用然后将整个字符串打印出来，打断点调试以后发现是因为数字被加了一个a标签，被手机识别为电话号码了需要再meta标签中加上telephone=no

2016-05-23 16:54:47 388

原创 Ajax实例：原生js+thinkphp+ajax

发现很多实例都是jQuery+thinkphp+ajax 所以在这次项目中使用原生ajax的时候遇到的问题查都查不到，是自己一点点调试出来的。很难忘的一次经历，所以一定要记下来：先说下ajax技术到底是个什么东东吧。刚学前端的时候就听说过这个名词，但是项目中一直也没有使用过。后来有了一些基础之后，知道它是用来和后台交互的，可以实现部分刷新，现在很多复杂的表单填写页面大都会用到ajax技

2016-04-28 10:31:03 2495

原创 JavaScript中创建对象的几种方式

构造函数高级程序设计一书中，第83页 new操作符后面跟构造函数 var person = new Object(); person.name = “wei”; person.age = 18;对象字面量简化包含大量属性的对象的过程 var person = { name:”wei”, age:18 }; (ps:注意上面的标点符号工厂模式fuction createPerson(

2016-04-13 08:57:06 306

原创 JavaScript中数组和字符串的方法以及互相转换

数组和字符串之间相互转换：Array和String之间转换字符串转数组：var s=’nihao’;//s是一个字符串 var ss = s.split(”);//ss是一个数组数组转字符串：var s = ss.join(”); var s = ss.toString();数组和字符串操作方法比较：数组Array字符串Stringa.join()将数组中元素转化为字符串拼接在一起如果joi

2016-04-11 21:07:04 12997

原创【笔记】我理解到的前端性能优化之14条军规

盒模型每个块级元素可以看做一个盒子它有content,padding,border,margin content就是它能装的东西，padding可以理解做为了防止盒子里东西被摔坏放的塑料板泡沫板之类的东西 border就是盒子本身 margin是个盒子之间的缝隙，可以看做是为了方便取盒子留下的缝隙另一点需要说明的是，我们通过JavaScript代码获取某一个元素的大小时，所得到的wid

2016-03-10 22:24:59 1145

原创布局和文件流（绝对定位和浮动在布局中的使用

必须知道的是： float和position：absolute会让元素脱离文件流其他元素就像没有看到这样的元素一样排列,（但是它可以看到其它元素比如：但是float的时候其他元素（下面的元素）中的文字会看到float的元素，会为float元素让出位置，不过position：absolute不会。脱离文件流也在DOM树中布局有三种：流式布局浮动布局绝对定位布局流式布局一列居

2016-03-04 22:59:26 1517

转载容易忽略的meta标签

meta标签包含两个部分http-equiv name===================================================================================================================关于http-equivHTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信

2016-03-04 14:52:39 1237

原创 JavaScript中函数（函数声明，函数调用，函数表达式，匿名函数等知识点

参考：http://blog.sina.com.cn/s/blog_775f158f01016j12.html占坑，明天下午总结函数声明，函数调用，函数表达式，匿名函数等知识点!function(){}();

2016-03-01 21:42:33 472

转载 js提交表单

转自：http://blog.chinaunix.net/uid-10951-id-1762553.html1.回车自动提交http://www.w3.org/TR/html4/strict.dtd">回车提交表单http://www.baidu.com" method="post" name="myForm">按回车提交表单

2016-02-28 21:23:46 348

转载【总结】刷新和上一步下一步

一、javascript页面刷新重载的方法：点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面点击重新载入页面二、html链接重新载入方法点击重新载入页面点击重新载入页面三、返回上一页和下一页的方法history.go(-1

2016-01-12 22:00:42 1707

原创用网页做斯特鲁普效应(Stroop effect) 的实验（待完善）

斯特鲁普效应(Stroop effect)在心理学中指干扰因素对反应时间的影响。例如当测试者被要求说出某个颜色和其覆盖的文字字面意义不符的词语时，被测者往往会反应速度下降，出错率上升。准确的表述是当人们对某一特定刺激作出反应时，由于某种因素的干扰，被刺激者难以集中精力对特定刺激作出反应的现象叫“斯特鲁普效应”，因为这个效应是斯特鲁普发现的，故以其名斯特鲁普效应。就像那个很熟

2015-10-14 10:51:45 2422

原创网页中字体的大小和样式之类的问题

字体大小：（引用http://blog.csdn.net/gui597651737/article/details/7897439）px:相对长度单位。像素（Pixel）。pt:绝对长度单位。点（Point）。1in = 2.54cm = 25.4 mm = 72pt = 6pc具体换算是： Points Pixels Ems Percent 6pt 8

2015-10-10 17:21:37 840

原创第一次使用框架-amaze UI

第一次使用框架开发感觉确实比自己手写代码简单多了这次接触到的是amaze UI类似于bootstrap不过比bootstrap更加轻量级可以用来开发响应式网站，并且是移动优先的，针对移动设备开发的网站可以考虑使用这个框架昨天下午学习的是css中的网格首先要对框架的命名规则有所了解然后自己在使用框架开发的过程中也根据框架的命名规则来给自己的代码命名.am-

2015-07-16 10:09:04 12603

原创 javascript中的异常处理

可以是try{}+catch{}try{}+catch{}+finally{}try{}+finally{}三种形式只要有finally ，肯定就会执行finally语句下面是几个例子：try{try{throw new Error("oops");}finally{console.log("finally");}}catch(ex){cons

2015-07-08 17:33:21 423

原创我的前端面试题

DOM结构将网页中的元素看做对象可以被编程语言获取或者编辑响应式布局一个网站兼容多个终端有哪几种选择器标签选择器类选择器ID选择器全局选择器父子选择器选择器优先级!important （因为IE6不支持，所以可以作为hack手段）无条件优先级html中给元素加 style=" "ID选择器类选择器标签选择

2015-07-03 17:17:35 514

原创对WEB标准以及W3C的理解与认识

在写代码的时候应该注意：1.标签闭合 2.标签小写 3.不能随意嵌套提高被搜索引擎搜到几率：mate中的name变量【其中keywords和description尤其重要】Meta name=”Kyewords”Lang=”EN”Content=”vacation,greece,sunshine”Meta name=”Description” Content=”你网页的简述”Meta name=

2015-06-29 10:30:00 8149

原创关于居中

关于居中问题可以分成内联元素居中块级元素中的文字图片垂直水平居中块级元素自身垂直水平居中text-align 用于块级元素中的文字水平居中比如：我是正常p,我设置了居中我其实是一个行内元素span哦，我设置了居中，可以居中并且独占一行能不能再同一行,我是被inline了的p，我设置了居中可是不能居中！块级元素中文字图片垂直居中

2015-06-26 22:26:25 536

原创 css hack

1.首先要知道什么是CSS HACK不同的浏览器对css文件的解析结果不相同，为了得到我们想要的效果，我们需要针对不同的浏览器写不同的css文件，这样，在不同的浏览器中我们都可以得到自己想要的效果这就是css hack我们也可以利用hack技巧为不同版本的浏览器定制不同的效果有三种常见的hack方式1.css 内部hack2.选择器hack3.H

2015-06-25 17:04:46 324

原创【5/21】一般网站的访问过程

今天上午在知乎看到一篇关于一般网站访问过程的文章http://www.zhihu.com/question/22689579 详细介绍了 html XHTML css js php http协议等是什么以及它们之间的关系和互动觉得写得很好收益很多现在把自己的理解写下来：首先是用户操作浏览器，通过浏览器向网站的服务器发送HTTP请求网站的服务器收到浏览器发送来的请求之后，运行服务器端

2015-05-21 11:34:18 698 2

原创【5/18笔记】主要关于margin负值和display:none，overflow清除浮动

1.margin负值符合W3C的标准margin负值和相对定位（relative）是有区别的relative是元素相对它本身应该待的位置移动，但是原来的位置网页还会为元素保留不会有别的元素填充或者流过来但是margin负值之后，会有别的元素流过来 margin-top 设置成负值之后，元素会向上移动元素下面的元素会补充上来margin-left设置成负值之后，元素会向左移

2015-05-18 16:43:43 484

转载 css中height和line-height

转载：转载自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]css行高line-height的一些深入理解及应用by zhangxinxu from http://www.zhangxinxu.com一、前言前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”，是个不错的文章，学到了不少东西，建议您看看。

2015-04-27 17:41:21 2190

转载 css3中flexbox和outline

块元素，比如div p table form等内联元素比如span a 等块元素是默认独占一行的内联元素默认不会自动换行块元素里可以包含块元素和内联元素像一个容器一样===================以下为转载内容-------------------------------------------------------------------------------

2015-04-24 14:10:12 933

原创 html和js结合打印出来渐变字

function Delta(sHex1,sHex2,iNum) { //alert("terminated!"); var iHex1=parseInt("0x"+sHex1); var iHex2=parseInt("0x"+sHex2); return (iHex2-iHex1)/

2015-04-21 11:32:47 1163

原创 HTML中value与innerHTML、document.write的区别

今天有一个比较困惑的地方就是value和innerHTML的区别后来查询了一下知道了：div td等HTML元素是没有value属性的需要用innerHTML而button text什么的就有value属性HTML DOM元素和HTML元素的区别HTML元素都是静态的HTML DOM是javascript的一部分是动态的

2015-03-19 17:11:41 4238

原创盒模型和box-sizing

看了极客学院的视频在网上找本书可能会更好但是我没有找到 = =我用的是IDEA首先新建一个工程，然后在工程里可以新建html5文件，CSS文件，等等关于HTML5文件中：1.头文件：2.怎么注释掉代码3.……标题默认h1最大，如果使用CSS样式，可以改变4.标签定义一段文字，是段落标签在P标签里换行，不会真的换

2015-02-16 18:10:14 1009