自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 css3 可穿透的盒子标签属性 pointer-events

pointer-events直译为指针事件,当把值设置为none后,他有如下相关特性。阻止用户的点击动作产生任何效果阻止缺省鼠标指针的显示阻止CSS里的hover和active状态的变化触发事件阻止JavaScript点击动作触发的事件语法:p{pointer-events:none;}通常会设置的有两种值 - auto:与pointer-events...

2019-09-26 16:26:00 211

转载 JS 获得当前地址栏url

URL即:统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:scheme://host:port/path?query#fragmentscheme:通信协议常用的http,ftp,maito等host:主机服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号整数,可选,省略时使用方案的默认...

2019-09-26 16:19:00 330

转载 你了解getBoundingClientRect()?

getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法:这个方法没有参数。 rectObject = object.getBoundingClientRect();2.返回值类型:  rectObject.top:元素上边到视窗上边的距离;  rectObject...

2019-09-26 16:08:00 201

转载 字符串与数字相加

//如果一个是字符串或者两个都是字符串,使用 “+”会进行拼接,而不是相加; //而如果使用“-”,则会进行强制转化后做减法运算 var result = 12 + 2 + "12"- 2 * 2; //1408 减法强制转化 document.write(result); var result1 = 12 + 2 + "12"; //...

2019-09-09 22:50:00 3397

转载 for of

什么是 for…of 循环for...of语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的for...of循环,以替代for...in和forEach(),并支持新的迭代协议。for...of允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。语法for (variable of...

2019-09-09 22:46:00 107

转载 cookie的简单操作与封装

js操作cookie设置cookie:document.cookie = '键=值;expires=失效时间';获取cookie:var cookie = document.cookie;如果要具体获取到一个值,需要处理这个字符串(炸开取下标)修改cookie,就是重新设置一个cookie。删除cookie:document.cookie = '键=值...

2019-09-04 10:24:00 130

转载 php数组及遍历

数组索引数组 - 带有数字索引的数组$cars=array("Volvo","BMW","SAAB");$cars[0]="Volvo";关联数组 - 带有指定键的数组( 自定义下标的数组 )$age=array("Peter"=>"35","Ben"=>"37","Joe"=>"43");$age['Peter']="35";...

2019-09-04 10:07:00 282

转载 style 与 getComputedStyle

getComputedStyle 获取所有样式DOM 中 getComputedStyle 方法可用来获取元素中所有可用的css属性列表,以数组形式返回,并且是只读的。IE678 中则用 currentStyle 代替 。// 语法:// 在旧版本之前,第二个参数“伪类”是必需的,现代浏览器已经不是必需参数了// 如果不是伪类,设置为null,window.g...

2019-08-30 14:18:00 192

转载 JS中的let和var的区别

1.ES6可以用let定义块级作用域变量,只在{ }内有效2.let没有变量提升用let声明的变量,不存在变量提升。而且要求必须 等let声明语句执行完之后,变量才能使用,不然会报Uncaught ReferenceError错误。3.暂时性死区在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone...

2019-08-30 11:43:00 118

转载 工厂函数与自定义构造函数

1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...

2019-08-26 16:27:00 124

转载 上下文调用模式

上下文调用模式:指call,apply,bind三个方法,他们都能改变this指向.1 call作用1:调用函数 -- 和普通调用函数一样  fn.call();作用2:改变函数的this指向;    第一个参数:通常是个对象,call使函数中this指向这个对象    剩余的参数:是函数的实参    fn.call(o...

2019-08-24 19:33:00 151

转载 轮播图轻量级写法

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...

2019-08-24 14:45:00 188

转载 选项卡

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-08-24 14:43:00 114

转载 对象的结构赋值

var obj = { name:"Jack", sex:"男", age:20, wife:{ name:"Rose", sex:"女",   age:18, },}var {name:a,sex,wife:{name:c,sex}} = obj;console.log(a) //jackconsole.log...

2019-08-23 22:33:00 266

转载 获取select的option方法

一、jquery方法(页面中必须加载过jquery库)-------------------推荐使用1:var options=$("#test option:selected"); //获取选中的项2:alert(options.val()); //拿到选中项的值3:alert(options.text()); //拿到选中项的文本demo代码:<selec...

2019-08-22 10:32:00 1033

转载 KeyPress 和KeyDown 、KeyUp之间的区别

KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括大小写)、小键盘等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方向键外的ANSI字符KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所...

2019-08-21 09:45:00 282

转载 长风破浪会有时

直挂云帆济沧海转载于:https://www.cnblogs.com/qihang0/p/11380076.html

2019-08-19 22:09:00 309

原创 AngularJs入门基础

1.Angular扩展了HTML属性:ng-directives属性绑定到HTML;ng-app定义一个AngularJS应用程序;ng-model把DOM元素值(比如input标签)绑定到应用程序对应的变量上;ng-bind把应用程序数据绑定到HTML视图中(内容);ng-init初始化angular应用程序变量;ng-repeat会重复一个HTML元素,可用于循环输出列表等;ng-

2016-06-16 17:49:43 508

原创 基于AngularJS的WebUI开发指南

WebUI开发指南1.0版本我们开发Web前端,使用了Angular,目前使用版本为V1.4.5AngularJS简介在Web前端开发中,通常会提到经典的MVC框架:M(model)指的是开发中的业务模型,通常是与项目实际需求的相关数据和功能相关;V(view)即页面渲染,通常是我们网站中的HTML+CSS实现的部分(不过也有针对view层的类库存在,比如ReactJS);C(controll

2016-06-16 17:16:26 1216

原创 百度地图的JS开发API应用

在开发移动端网页时,常常会遇到LBS的功能开发,这时利用第三方API是比较方便的。下面对百度地图的JS开发API应用做一些说明。

2016-06-16 17:11:15 839

原创 webjs与native交互SDK(android,ios通用)

三、使用方法1.在index.html中引入要使用的js库文件和css文件,包括jquery.min.js, chinaappmain.js, chinaappmain.css。代码部分:  2.DOM加载完后进行初始化代码部分:initJsNative(function(bridge){            c

2016-06-16 16:42:12 2317

原创 React+Redux架构的CMSweb后台管理系统

一、CMS管理系统功能CMS是ContentManagement System的缩写,意为"内容管理系统"。CMS都有可能包括些什么?隐藏在内容管理系统(CMS)之后的基本思想是分离内容的管理和设计。页面设计存储在模板里,而内容存储在数据库或独立的文件中。 当一个用户请求页面时,各部分联合生成一个标准的HTML(标准通用标记语言下的一个应用)页面。一个内容管理系统通常有如下

2016-06-16 16:19:00 14969 3

转载 前端跨域的整理

跨域资源共享 CORS对于web开发来讲,由于浏览器的同源策略,我们需要经常使用一些hack的方法去跨域获取资源,但是hack的方法总归是hack。直到W3C出了一个标准-CORS-”跨域资源共享”(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。首先来说 CORS需要浏

2016-05-24 17:34:21 544

转载 Ajax快速入门

什么是AJAX?  AJAX的意思就是异步的JavaScript和XML。简而言之,它是使用XMLHttpRequest对象与服务器端通信的脚本语言。它可以发送及接收各种格式的信息,包括JSON、XML、HTML和文本文件。AJAX最为吸引人的就是它的“异步”特性,这意味着AJAX可以无需刷新页面而与服务器端进行通信。允许你根据用户事件来更新部分页面内容。  可以考虑的两个特性:

2016-05-24 17:32:16 391

原创 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-05-17 17:48:36 234

空空如也

空空如也

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

TA关注的人

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