自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git 合并远端分支代码

git clone https:XXXXXXXXXXXXX(master)新建本地分支并且到该分支上 git checkout -b new_name 本地所有分支 git branch -v本地+远端所有分支 git branch -a关联远端分支 git branch –set-upstream scans origin/payBranchScan暂存到本地仓库 git ...

2018-05-09 17:16:53 730

原创 angular.js 组件说明文档 demo 线上演示测试

在线演示工具 : https://jsfiddle.net/

2018-03-12 17:26:37 239

转载 学习AngularJs:Directive指令用法

学习AngularJs:Directive指令用法:http://www.jb51.net/article/83051.htm

2018-03-08 11:47:47 195

原创 weex2.0 websocket 使用

安装包:npm install websocket-extensions 心跳测试文件: const socket = weex.requireModule('webSocket'); var i = 0; console.log(socket) var socketioWarpper = (function() { function...

2018-03-07 14:29:49 1641

转载 VUE 生命周期

特别值得注意的是created钩子函数和mounted钩子函数的区别每个钩子函数都在啥时间触发beforeCreate在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。created实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而

2017-12-22 11:34:05 225

原创 input requried 提示文字修改

<input type = "text" name = "personalInfo" required = 'required' oninvalid = "setCustomValidity('提示文字')" oninput = "setCustomValidity('')" />

2017-08-10 11:23:17 980 1

原创 animation-fill-mode:both理解

both:向前和向后填充模式都被应用;W3C上的解释比较抽象,写了个demo测试下效果;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .box{ width: 100px; height: 1

2017-03-07 17:06:59 3872 1

原创 视网膜屏 retina屏

/*默认*/an{ background-image:url(img@1x.png);}/*2*/@media screen and (-webkit-min-device-pixel-ratio:2){ background-image:url(img@2x.png);}/*2*/@media screen and (-webkit-min-device-pixel-r

2017-03-06 14:24:54 442

原创 jQuery节点操作方法

在元素内部插入节点 方法 说明 示例 append(content) 为所有匹配的元素的内部追加内容 $(‘#B’).append(‘< p >A< /p >’); //向id为B的元素中追加一个段落 appendTo(content) 将所有匹配元素添加到另一个元素的元素集合中 $(‘#B’).appendTo(‘#A’);//将id为B的元素追加到id为A的元素

2017-03-06 10:48:03 1931

原创 jQuery中map()方法

.map(callback(index,domElement)) map()把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的jQuery对象。

2017-03-05 11:03:36 645

原创 模拟队列

根据指令添加删除<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html17</title> <style> #content li{ display: inline-block; width: 40px; height: 40px; mar

2017-03-04 16:57:32 301

原创 clip属性

Object.style.clip=rect(top,right,bottom,left)|autotop、bottom:指定偏移量从顶部开始算;top、left:指定为auto时,值为0;left、right:指定偏移量从左边开始算;bottom、right:指定为auto时,值为100%。clip属性只在设置了“position:absolute”或者“position:f

2017-02-27 13:19:12 305

原创 《JS高程(3)》事件-事件流 第13章笔记(26)

JavaScript与HTML之间的交互是通过事件实现的。事件:文档或浏览器窗口中发生的一些特定的交互瞬间。事件流事件流:描述从页面接收事件的顺序。事件冒泡IE事件流:事件冒泡,即事件开始时由最具图的元素(文档中嵌套层次最深的节点)接受,然后逐级向上传播到较为不具体的节点(文档)。 例:<!DOCTYPE html><html lang="en"><head> <meta charse

2017-02-23 15:19:53 272

原创 《JS高程(3)》DOM2和DOM3-范围range-第12章笔记(25)

implementation 属性可返回处理该文档的 DOMImplementation 对象。DomImplementation 对象可执行与文档对象模型的任何实例无关的任何操作。DomImplementation 接口是一个占位符,存放不专属任何特定 Document 对象,而对 DOM 实现来说是“全局性”的方法。可以通过任何 Document 对象的 implementation 属性获得对

2017-02-22 17:02:19 528

原创 CSS3 动画

CSS3 动画属性 —— Animation@keyframes规则和animation属性: @keyframes: 规定动画 animation: 所有动画属性的简写属性,除了animation-play-state属性。 animation-name: 规定@keyframes动画名称。 animation-duration: 规定动画完成一个周期所花费的秒或毫秒

2017-02-21 17:04:21 288

原创 《JS高程(3)》DOM2和DOM3-遍历-第12章笔记(24)

“DOM2级遍历和范围”模块定义了两个用于辅助完成顺序遍历DOM结构的类型:NodeIterator(迭代节点)和TreeWalker;这两个类型能够基于给定的起点对DOM结构执行深度优先(depth-first)的遍历操作。IE不支持DOM遍历,使用以下代码检测浏览器对DOM2级遍历能力的支持的情况:var supportsTraversals = document.implemen

2017-02-21 11:59:24 324

原创 css3 文本阴影

text-shadow基本语法: textshadow:none|< length>none|[ < shadow>,]*< shadow> textshadow:none|< color>[,< color >]*< length>: 表示由浮点数字和单位标识符组成的长度值,可为负值,指定阴影的水平延伸距离; < color>:表示颜色。//阴影位于左上角p{text-shado

2017-02-20 20:41:07 334

原创 《JS高程(3)》DOM2和DOM3-样式、视口尺寸问题-第12章笔记(23)

HTML定义样式3种方法:<link/>元素包含外部样式文件;<style/>元素定义嵌入式样式;以及使用style特性定义针对特定元素的样式。“DOM2级样式”模块就这3种应用样式机制提供了套API。确定浏览器是否支持DOM2级定义的CSS能力:var supportsDOM2CSS = document.implementation.hasFeature("CSS", "2.0");va

2017-02-17 11:57:36 297

原创 Adobe Animate:创建HTML5动画01软件基本问题

目前用的是Adobe Edge Animate cc 2015版 ,刚刚接触记录一些简单的操作步骤。Adobe Edge Animate中文操作手册 :http://www.docin.com/p-1219147637.htmlSymbol,即元件,是动画制作中常用的概念。通过Symbol我们可以封装独立的动画元素,便于管理和重用。脚本,是动画制作中另一个重要的概念。在HTML5动画

2017-02-17 09:48:30 2265

原创 CSS3动画图片旋转与3d硬件加速

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* css3 让一个图片不断翻转示例代码 */ #gavinPlay{ /* background:color url x y repeat 图片来自百度

2017-02-15 17:20:32 691

原创 《JS高程(3)》DOM2和DOM3-DOM变化-第12章笔记(22)

DOM1级主要定义的是HTML和XML文档的底层结构。 DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力,也支持了更高级的XML特性。 DOM2级核心(DOM Level2 Core): 在1级核心基础上构建,为节点添加了更多方法和属性 DOM2级视图(DOM Level2 View): 为文档定义了基于样式信息的不同试图 DOM2级事件(DOM

2017-02-14 16:14:59 668

原创 opacity/rgba()设置透明度问题

设置opacity元素的所有后代元素会随着一起具有透明性,一般用于调整图片或者模块的整体不透明度。其中文字也会出现透明度,一般通过将文字放置在一个单独<div>中,在通过绝对定位来控制位置:div{ opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); background:#000; width:5

2017-02-13 14:53:20 4826

原创 <a>标签锚点,置顶置底

锚点

2017-02-13 14:30:44 1948

原创 CSS3:background-size属性

语法:background-size:[<length>|<percentage>|auto]{1,2}|cover|contain

2017-02-11 15:06:50 1325

原创 《JS高程(3)》DOM扩展-专有扩展-第11章笔记(21)

向DOM中添加专有扩展,以弥补功能上的不足。文档模式IE8引入了一个新的概念叫“文档模式”,页面的文档模式决定了可以使用什么功能,文档模式决定了你可以使用哪个级别的CSS,可以在JavaScript中可以使用哪些API,以及如何对待文档类型,到了IE9,总共有4中文档模式。children属性children属性时HTMLCollection的实例,只包含元素中同样还是元素

2017-02-10 14:51:32 260

原创 《JS高程(3)》DOM扩展-HTML5-第11章笔记(20)

HTML5HTML5规范围绕如何使用新增标记定义了大量JavaScriptAPI。其中一些API与DOM重叠,定义了浏览器应该支持的DOM扩展。

2017-02-08 17:02:06 397

原创 《JS高程(3)》DOM扩展-元素遍历-第11章笔记(19)

元素遍历Element Traversal API为DOM元素添加了5个属性: childElementCount: 返回子元素(不包括文本节点和注释)的个数 firstElementChild: 指向第一个子元素;firstChild的元素版 lastElementChild: 指向最后一个子元素;lastChild的元素版 previousElementSibling:

2017-02-08 15:21:22 355

原创 《JS高程(3)》DOM扩展-API选择符-第11章笔记(18)

SelectorsAPI(选择符API)HTML5

2017-02-07 17:26:37 365

原创 《JS高程(3)》DOM操作技术-第10章笔记(17)

JavaScript代码处理DOM

2017-02-06 17:20:58 200

原创 《JS高程(3)》DOM节点层次DocumentType类型-第10章笔记(16)

DocumentType类型

2017-02-06 15:16:53 303

原创 《JS高程(3)》DOM节点层次CDATASection类型-第10章笔记(15)

CDATASection类型

2017-02-06 10:46:44 236

原创 《JS高程(3)》DOM节点层次Comment类型-第10章笔记(15)

注释类型

2017-02-06 10:35:39 209

原创 《JS高程(3)》DOM节点层次Text类型-第10章笔记(14)

文本节点Text类型

2017-02-05 17:24:05 176

原创 《JS高程(3)》DOM节点层次Element类型-第10章笔记(13)

Document类型 Element类型

2017-02-05 11:41:45 247

原创 《JS高程(3)》DOM节点层次Document类型-第10章笔记(12)

Document类型 节点特征

2017-02-04 16:55:18 243

原创 《JS高程(3)》DOM节点层次Node类型-第10章笔记(11)

节点层次

2017-02-04 08:48:28 271

原创 《JS高程(3)》客户端检测-第9章笔记(10)

使用能力检测用户代理监测的历史

2017-01-31 16:11:43 257

原创 《JS高程(3)》BOM-04(screen)-第8章笔记(09)

screen对象

2017-01-23 16:13:56 163

原创 《JS高程(3)》BOM-03(navigation)-第8章笔记(08)

navigator对象

2017-01-23 11:25:41 399

原创 《JS高程(3)》BOM-02(location)-第8章笔记(07)

location对象 URL(统一资源定位符) 组成:协议,服务器名称,路径,文件名和查询。

2017-01-21 13:02:02 260

空空如也

空空如也

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

TA关注的人

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