自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(24)
  • 收藏
  • 关注

转载 自定义地图样式

1 官方接口一般在线地图服务提供商都提供的多种风格的地图,可直接调用,也可以根据需求自定义编辑样式。高德 https://lbs.amap.com/api/javascript-api/guide/map/map-style/百度 http://lbsyun.baidu.com/index.php?title=jspopular/guide/custom如果使用的osm地图,...

2019-03-20 18:24:00 437

转载 js设计模式小结

1 构造函数模式var Person = function(name){this.name = name;this.getName = function(){console.log(this.name);}};var Person1= new Person('xiaoming');Person1.getName();var Person2 = ...

2017-09-01 16:48:00 89

转载 js深拷贝与浅拷贝

1 基础知识:基本类型与引用类型JS中可以把变量分成两部分,基本类型和引用类型。基本类型包括:Undefined、Null、Boolean、Number和String;引用类型值可能由多个值构成的对象。在对基础类型数据进行拷贝时,实际相当于创建新的相同数据'hello',赋值给bvar a='hello';var b = a;b = 'world';...

2017-09-01 16:40:00 108

转载 canvas与webgl坐标转换

1 canvas的坐标系坐标原点在左上角,横轴向右为X轴正方向,竖直向下为Y轴正方向2 webgl的坐标系坐标原点在绘图区域的中心点,横向右为X轴正方向,竖直向上为Y轴正方向,横纵坐标区域范围为(-1,1)3 坐标转换鼠标在浏览器客户区点击的位置为:(event.clientX,event.clientY)那么在canvas中的坐标...

2017-05-23 15:39:00 618

转载 前端下载excel文件功能的三种方法

1 从后端接收json数据,前端处理生成excel下载JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景2 通过form表单接收文件如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数...

2017-05-12 22:19:00 640

转载 学习react

推荐资源:一位react的最初构建者写的学习react的建议,这是翻译过的http://www.360doc.com/content/16/0129/07/13518188_531384175.shtml官网上面的文档组织的确是有点乱,但还是要通过官网学习,建议从认真跟着官网上这篇教程做http://reactjs.cn/react/docs/tutorial.html ,之...

2016-06-22 14:26:00 80

转载 2 jquery选择器

一基本选择器#id.classelment*select1, select2, select3... 例 $("span, #two").css("background","bbffaa")//改变所有的<span>元素和id为two的元素背景色二层次选择器$("div span") div内所有span元素$("div>span...

2015-11-21 20:20:00 57

转载 1 认识Jquery

一 代码风格和变量风格1 链式操作风格 :(1)对同一对象不超三个操作的可以写在一行(2)对于同一个对象的较多操作,建议每行写一个操作(3)对于多个对象的少量操作,可以每个对象写一行,涉及子元素,可以考率适当缩进。2 注释//二Jquery对象和DOM对象dom:dom树jquery对象:通过jquery包装dom对象后的对象。在jquery对象中无法...

2015-11-21 18:41:00 79

转载 第7章 对表单和数据表格应用样式

一 表格特有元素  1 summary和caption    summary:应用于表格标签,描述表格内容    caption:基本上用作表格标题。  2 thead,tbody和tfoot    行标题和列标题应该使用th而不是td,表格标题可以设置值为row或col的scope属性,定义它是行标题还是列标题。  3 col和colgroup二 数据表格标...

2015-11-19 17:56:00 138

转载 第8章 布局

CSS布局技术的根本即3个基本概念:定位,浮动,外边距操纵。一 计划布局 1 页面大结构划分————关注内容区域(寻找共同特征而不是视觉表现,寻找重复模式)————在内容中寻找不同布局二 设计基本结构  wrapper,header,content,footer  用外边距让设计居中的问题: .wrapper{width: 920px;margin:0 a...

2015-11-18 19:51:00 59

转载 第5章 对链接应用样式

一 链接伪类选择器::link,:visited ; link用来寻找没有被访问过的链接,:visited用来寻找被访问的链接。  动态伪类选择器::hover,:active ,:foucus .:hover寻找鼠标悬停处元素,:active被激活元素(对链接激活发生在链接被单击时);:foucs通过键盘移动到链接上。  ie7及以下版本不支持在链接之外的其他元素上你使用伪类...

2015-11-18 13:01:00 89

转载 第4章 背景图像效果之圆角框

一 圆角框1 固定宽度的圆角框  <style> .box{ width: 418px; background: #effce7 url(img/bottom.gif) no-repeat left bottom;} .box h2{ background: url(img/top.gif) no-repeat left top; padd...

2015-11-17 23:18:00 95

转载 第6章 对列表应用样式和创建导航条

1 垂直列表 1 <style type="text/css"> 2 ul.nav { 3 margin: 0; 4 padding: 0; 5 width: 8em; 6 list-style-type: none; 7 background-color: #8BD400...

2015-11-17 00:13:00 109

转载 第3章 可视化格式模型

一·盒模型  1 IE 和盒模型    IE早期版本包括IE6,在混杂模式下使用自己的非标准盒模型,其width属性不是内容的宽度,而是内容,内边距,和边框宽度的总和。因此,IE专有的盒模型使元素预期小。目前最好的解决方法是,不要给元素添加具有指定宽度的内边距,而是尝试将内边距或外边距添加到元素的父元素或子元素。其他方法见后。  2 外边距叠加    两个或多个垂直外边距...

2015-11-16 08:34:00 74

转载 第2章 为样式找到应用目标

一 选择器常用选择器:类型选择器(P,h),后代选择器(空格连接),Id选择器(#),类选择器(.)和伪类:根据文档之外的其他条件为文档应用样式,如表单元素或链接的状态。   :link和:visited称为链接伪类,只能用于锚元素;:hover,:active,:foucs称为动态伪类,理论上适用于任何元素。ie6忽略:foucs,Ie7在任何元素上都支持:hover,忽 ...

2015-11-15 21:06:00 177

转载 精通CSS 第1章

一 标记简史  1 使用有意义的元素  2 ID和类名:ID是唯一的,而一个类名可以应用于多个元素。在写ID和类名时需要注意区分大小写,并使用统一的命名约定,比如完全小写+连字符分割,例andy-budd.  3避免过多使用class和div  4微格式:因为HTML中缺少相应的元素,难以突显人。时间,地点等信息,所以就有了微格式。它基于vCard和iCalendar等现...

2015-11-15 19:09:00 76

转载 JavaScript作用域学习笔记

作用域即变量和函数的可访问范围。在js中,作用域包括全局作用域和局部作用域。1 变量作用域在函数体内,局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖。声明局部变量必须用var语句。2 函数作用域(function scope)和声明提前(hoisting)变量在声明它们的函数体以...

2015-08-07 21:56:00 53

转载 getByClass()

1 function getByClass(clsName, parent){ 2 var oParent=parent?document.getElementById(parent):document, 3 boxArr=new Array(), 4 oElements=oParent.getElementsByTagName('*'); 5 f...

2015-07-30 09:02:00 100

转载 判断各种数据类型

六种数据类型:String、Number、Boolean、undefined、Null 、symbol(new in ECMAScript 6)和obeject1 使用typeof来检测数据类型2 数组类型判断 在ECMAscript 5中可以使用Array.isArray()函数,返回值为true or false 在ECMAscript 5之前,可以通...

2015-06-29 17:41:00 69

转载 值类型和引用类型的区别

值类型:直接存放于栈中,取的时候是直接取得值。值类型继承自System.ValueType。(自定义对象)引用类型:存在于托管堆中,取的时候是从栈取该对象的地址,然后用这个地址去托管堆中取值。引用类型继承自System.Object。(int,bool,struct)转载于:https://www.cnblogs.com/houxiaohang/p/4603210.html...

2015-06-29 17:41:00 66

转载 如何正确的加载和执行 JavaScript 代码

无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或 JavaScript 的命名空间,它们对后面页面内容造成影响。在<head>中加载外链的 JavaScript...

2015-06-26 15:57:00 104

转载 浮动

实现一个浮动布局,红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <tit...

2015-06-26 11:55:00 82

转载 css布局

固定宽度的布局流式布局弹性布局固定宽度的两列布局:<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>两列布局&...

2015-06-23 10:12:00 51

转载 块元素居中

1 使用 margin 属性来水平对齐可通过将左和右外边距设置为 "auto",来对齐块元素.center{margin-left:auto;margin-right:auto;width:70%;background-color:#b0e0e6;}2 利用定位及负边距<!DOCTYPE html><html&gt...

2015-06-20 11:22:00 67

空空如也

空空如也

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

TA关注的人

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