Spotlight_mar-优快云博客

转载深拷贝与浅拷贝

一、主要区别浅拷贝拷贝前后的变量都指向同一块内存地址，所以改变其中一个值，另一个也会受影响。二、浅拷贝浅拷贝例子：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>深拷贝，浅拷贝</title></head><body> <script type="text/javascript"> v

2017-03-19 20:04:33 451

原创容器，文字的水平和垂直居中的方法

代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>test</title> <style type="text/css"> #container{ width: 500px; height: 500px; bac

2017-03-10 11:14:59 1020

windows下打开cmd（命令行），输入ipconfig查看本机ipv4地址（mac下是ifconfig查看ip），然后将pc端口域名的localhost（127.0.0.1）替换成我们的ip地址，如：localhost:8080替换成：192.168.0.1:8080，（再生成二维码（推荐草料二维码生成器：http://cli.im），扫二维码）就可以访问我们的页面了。注意：手机和电脑必须连接同

2017-03-09 15:53:18 2630

原创常见词汇

B2BB2CO2OB/S架构C/S架构

2017-03-06 23:18:23 515

原创 CSS3 transform笔记

一、对称与角度变化例：transform: scaleX(-1) rotate(20deg); //通过scaleX(),scaleY(),scale()等取-1值进行对称，取正值则按比例变化

2017-02-20 22:51:58 569

转载变量提升与函数提升

参考>http://www.jianshu.com/p/c2c57ece9e96补从：ES6为ES5补从了块级作用域的概念，并引入没有变量提升的申明方法let

2017-01-11 11:05:01 481

原创表单提交

1.checkbox提交<!DOCTYPE html><html><head> <title></title></head><body> <form> <input type="checkbox" name="hh" id="hh"> </form> <span id="dd">123</span> <script type="text

2016-12-31 16:17:25 475 2

原创 photoshop笔记

ctrl+d：取消选择区域

2016-12-09 10:18:06 349

原创 Gulp

案例1：功能：browser-sync，监听sass，css，js，html文件//导入工具包 require('node_modules里对应模块')var gulp = require('gulp');var browserSync = require('browser-sync').create();var sass = require('gulp-sass'

2016-12-06 17:07:11 462

原创命令提示符

进入到桌面环境：C:\Users*****>cd desktop返回上一级： cd ..

2016-12-05 22:18:44 351

原创 Form对象，表单的笔记

<html><body><form id="myForm" name="example">Firstname: <input id="fname" type="text" value="Mickey" />Lastname: <input id="lname" type="text" value="Mouse" /><input id="sub" type="button" value="S

2016-12-05 17:29:05 434

转载 js对象属性通过点(.) 和方括号([]) 的不同之处

例：<script type="text/javascript"> var author = book.author; //得到book的"author"属性 var name = author.subname; //得到author的"surname"属性 var title = book["main title"]; //得到book的"main title"属性</script>

2016-12-05 16:14:02 1863

原创 Ajax请求数据并处理的笔记

.xml1.返回的响应头需要有Content-Type:text/xml，否则xhr.responseXML为null； 2.responseXML是xml的dom对象，可以dom操作处理数据如：var person = xhr.responseXML.getElementsByTagName(“ARTIST”)[0].childNodes[0].nodeValue;例：http://www.

2016-12-04 22:24:39 688

原创 javascript的date对象操作笔记

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>副本</title></head><body> <script type="text/javascript"> console.log("/////////////") var now1 = new Date();

2016-12-02 00:39:51 448

原创对table，td设置padding，margin的问题

table有margin，padding，td有padding无margin。（有无即可设置与否的问题）解决方法： 1.用border表达相同效果。 2.td内嵌p标签等，设置内嵌的标签 3.待补充

2016-12-01 16:12:31 19219

原创 compass/sass 备忘

sass文件添加中文注释解决方法：在ruby的安装目录找到如下文件夹，如这个路径：C:\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass 在该文件夹的engine.rb，添加一行代码：Encoding.default_external = Encoding.find('utf-8')放在所有的require XXXX 之后即可。最后在sc

2016-11-17 17:13:27 407

原创关于em,rem,%的使用笔记

百分比容器的width，height，margin-left等设置百分比均是相对于父容器，比如父容器宽度100px，子容器margin-left为40%时为40px；em任何浏览器字体默认大小均为16px，所以一般在body中设置font-size=62.5%；（即16*62.5%=10px），这样子容器就1em=10px，1.5em=15px。但是在Chrome浏览器下，当font-size小

2016-11-17 16:35:42 361

原创关于MVC框架的理解

MVC 模式。Model（模型层）：提供/保存数据Controller（控制层）：数据处理，实现业务逻辑View（视图层）：展示数据，提供用户界面既MVC框架应该能够实现：保存数据、处理数据、生成视图。

2016-11-17 10:58:30 427

转载 git和github的关系

git 是一个软件 git 可以在 .git 文件夹里面维护你的历史代码指定了 remote 链接和用户信息（git 靠用户名+邮箱识别用户）之后，git 可以帮你将提交过的代码 push 到远程的仓库（任意提供了 git 托管服务的服务器上都可以，包括你自己建一个或者 GitHub/BitBucket 等网站提供的服务器）或者将远程仓库的代码 fetch 到本地。作者：张秋怡链接：htt

2016-11-06 22:37:43 678

转载 xml中cdata节和注释的区别

功能是还原该语句本来含义。cdata节：不被解析直接输出；注释：不解析不输出举个例子，“<”这个符号我们知道是一个节点的开始符号，如果，我有个字符串，是这样的”我家门前有棵树<葡萄树>”，那么，如果直接放在节点对之间，当解析到”<”的时候就会报错，所以，当我们加上CDATA的时候，我们就是再告诉解析器，这个里面是内容，不希望被解析，希望被直接输出来。

2016-11-02 20:46:28 974

原创 for循环内绑定事件的问题(立即执行与延迟执行)。

通过捕获类或标签名获得节点数组，通过for循环内嵌一个事件监听，判断我点击的是哪个节点区域，执行对应函数。涉及到for循环的立即执行和绑定函数的延迟执行问题。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>点击不同区域</title> <style type="text/css"> .

2016-10-04 12:23:07 3468

原创获取文本节点内容(nodeValue)的方法。

<ul id = "prompt"> <li><a>A</a></li> <li><a>B</a></li> <li><a>C</a></li> <li><a>D</a></li></ul>var prompt = document.getElementById("prompt");var text = prompt.childNodes[1].childNode

2016-10-02 17:59:10 1367

原创通过keydown,keyup,keypress事件监听输入框内内容的问题

html<input type="text" name="search" id="search" placeholder="请输入搜索内容">javascript控制台输出文本框内容var search = document.getElementById("search");search.onkeyup = function(){ console.log(search.value)}s

2016-10-02 11:52:09 3858

原创 js拼接字符串时，字符串首出现undefined的问题

undefined是说明你所使用的对象未定义。例如：var str;str += "go to school";console.log(str); //输出undefinedgotoshchod这是计算str = str + “go to school”时，第一个str未定义未字符串造成的。 var str=”“;这样写就没有问题了

2016-10-01 20:48:26 5389

转载 <input>与<textarea>元素的oninput和onchange事件

oninput事件在或元素的值发生改变时触发。提示：该事件类似于onchange事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于和元素。参考地址

2016-10-01 19:42:13 2164

原创 box-sizing:border-box

box-sizing:border-box一般盒模型设置width后，再设置padding和border都是在已设的width往盒模型外加的。如width:100px;padding:10px;border:10px;则最后盒模型是占据120px空间的（不考虑margin）。设置box-sizing:border-box后，盒模型的内边距和边框即往内侧添加。* { -webkit-box

2016-09-30 01:36:11 811