自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

转载 Learn Node.js

Learn Node.jsNode:脱离浏览器运行的JS,运行在服务端基于Chrome浏览器的V8引擎,使用V8虚拟机解析和执行JS代码创建简单的服务器:创建一个server.js的文件$ touch server.js使用require函数加载模块http调用http.createServer()函数创建服务器调用listen...

2017-06-19 10:50:00 109

转载 Livereload or meta

  静态页面布局的过程中,如果可以一边写一边看见结果,那肯定是很方便的,在最开始使用的DW中实现了这一目标,但并不是浏览器环境下。之后使用gulp中的livereload后配合chrome插件livereload,在浏览器中也可以时时刷新了。其实sublime的插件库中也可以找到sublime的livereload。  最近在翻html标签时,突然想到meta标签的一个功能,所以就到...

2017-06-18 23:16:00 82

转载 两数换位

方法一,引入转换量。例:a=10;b=20;  引入tmp=0;tmp=a--->a=10; tmp=10a=b--->a=20;b=20b=tmp--->b=10;tmp=10结果:a=20;b=10方法二,不引人转换量。例:a=10;b=20;a=a+b--->a=30;b=20b=a-b--->a=3...

2017-05-13 14:32:00 123

转载 数组去重方式

数组去重norepeat(array)function norepeat(array){ var newArray=[]; for (var i in array){ var current=array[i]; var flag = false; for (var j in newArray){ ...

2017-05-13 11:05:00 63

转载 原生js封装cookie获取、设置及删除

使用cookie(key,value,options)参数key,value,options(可选)function cookie(key,value,options){ if(typeof value !== "undefined"){//write options=options||{} var cookie=encodeURIC...

2017-05-13 10:43:00 83

转载 sublime 浏览器快捷键设置

之前每次忘掉在哪打开,这次认真记一下菜单栏Preferences-->Package Settings-->Side Bar-->Key Binding-Users[// chrome{ "keys": ["f2"], "command": "side_bar_files_open_with","args": {"paths": [],"...

2017-05-11 17:36:00 61

转载 封装元素获取函数

封装元素获取函数目的:JS中获取id名,类名,标签名的元素往往使用:document.getElementbyId("idName");document.getElementsbyTagName("tagName");document.getElementsbyClassName("className");在这里注意到Element在id处使用单数,其他两处是复数。可以理解为i...

2017-05-10 21:14:00 302

转载 JS基础题

1、三目运算符(三元条件语句)的使用方法?条件表达式?true表达式:false表达式2、JS数据中哪些属于引用类型?数组、对象引用类型变量,变量名所储存的不是变量值,而是变量所在的地址。3、JS的基本数据类型?number、string、boolean、null、undefined、symbol4、ES是什么?ES是JS的核心部分,是表示JS的基本语法,ES并非JS独有...

2017-05-09 11:12:00 86

转载 JS算法练习四

JS算法练习1.将使用空格分隔单词使用驼峰命名连接起来;var str="HELLO world welcome to my hometown";/*--先输入一个有空格分隔单词的字符串--*/var arr=str.slipt(" ");/*--将字符串分隔-- split()返回分割之后的字符串数组*/console.log(arr);//打印这个字符串数组以观...

2017-05-04 14:22:00 88

转载 JS算法练习三

JS算法练习1、生成一个长度为10的随机数组,使用冒泡法给数组排序var arr=new Array(10);for (var i = 0; i <arr.length ; i++) { arr[i]=Math.floor(Math.random()*100)}console.log(arr);/*--先遍历一个长度为10的随机数组--*/var tmp;f...

2017-05-04 10:49:00 60

转载 JS算法练习二

JS算法练习1、生成4位的随机验证码,可取大小写字母和数字 ?var validateCode = "",/*--存放生成好的验证码字符串--*/ count = 0;/*--已生成的验证码位数--*/while (count < 4) { var rand = Math.floor(Math.random()*74+48) /*--产生 48 ~...

2017-05-04 10:23:00 93

转载 JS算法练习一

JS算法练习1、随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么?①.数组添加元素的方式得到位数(数组长度)与值(数组元素) ①.数组添加元素的方式得到位数(数组长度)与值(数组元素)var rand=Math.floor(Math.random()*100000);/* ---生成随机五位数--- ①Math.random()取随机数,范围[0,1),1...

2017-05-04 09:46:00 151

转载 弹性盒和多列布局

弹性盒和多列布局学习目标:css3盒模型伸缩布局盒模型多列布局一、css3盒模型css3增加了盒模型属性box-sizing,能够事先定义盒模型的尺寸解析方式。box-sizing:content-box border-boxcontent-box元素的宽 = width + padding + borderborder-box元素的宽 = width(包含p...

2017-04-19 09:12:00 172

转载 浏览器兼容性

浏览器兼容性一、认识浏览器1)主流浏览器Internet explorer、Safari、Mozilla Firefox、Google chrome、opera、百度、360、搜狗、傲游2)最早的浏览器Mosaic/Netscape navigator(网景领航者)(1994-2008)简称NN3)浏览器战争第一次浏览器大战发生在上个世纪90年代,微软发布了它的IE浏览器...

2017-04-11 14:40:00 90

转载 图片整合与宽高自适应

图片整合学习目标图片整合的概念,使用图片整合的优势实现图片整合的方法和技巧滑动门的概念一、图片整合的概念,使用图片整合的优势一、图片整合的概念,使用图片整合的优势css精灵(图片整合技术)---雪碧图1、将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position来实现背景图片的定位技术。2、图片整合的...

2017-04-07 08:38:00 138

转载 定位锚点透明

定位锚点透明学习目标position定位属性和属性值定位元素的层级属性包含块的概念和应用锚点连接的语法和应用场景透明属性的应用扩展:marquee(滚动字幕)一、Position定位属性和属性值Position定位属性(告诉浏览器这是定位属性);语法:position:static/absolute/relative/fixed取值:1、static:默认值,...

2017-04-06 09:06:00 98

转载 CSS元素类型

CSS元素类型学习目标元素类型分类依据和元素类型分类元素类型的转换元素垂直居中置换和非置换元素的概念和应用案例一、元素类型分类依据和元素类型分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,行内块元素、可变元素1、块状元素(block element)A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包...

2017-04-05 16:14:00 90

转载 CSS盒模型和文本溢出

CSS盒模型和文本溢出学习目标认识盒子模型盒子模型的组成部分学习盒子模型的相关元素margin padding文本溢出相关的属性一、认识盒子模型盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。Css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。二、盒子模型的相关元素1、padding的使用方...

2017-04-05 09:29:00 107

转载 CSS核心属性

CSS核心属性学习目标CSS浮动属性详解CSS文本属性CSS列表属性CSS背景属性CSS边框属性一、CSS浮动属性详解无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无法满足需求,这就要用到浮动。浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。1.是么是浮动元素的脱离文档流?首先要知道,d...

2017-04-04 20:15:00 122

转载 CSS基础

CSS基础学习目标CSS简介CSS语法样式的创建两种引入外部样式表的区别样式表的优先级和作用域CSS选择器选择器的权重浮动属性的简单应用HTML、CSS注释一、CSS简介英文全名:Cascading Style Sheets层叠样式表WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。目前推荐...

2017-04-04 20:13:00 97

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除