ymc_Webpack-优快云博客

原创 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 800

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

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

2018-03-12 17:26:37 299

转载学习AngularJs:Directive指令用法

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

2018-03-08 11:47:47 235

原创 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 1695

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

2017-12-22 11:34:05 257

原创 input requried 提示文字修改

2017-08-10 11:23:17 1046 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 3972 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 484

原创 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 1975

原创 jQuery中map()方法

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

2017-03-05 11:03:36 697

原创模拟队列

根据指令添加删除<!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 323

原创 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 359

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

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

2017-02-23 15:19:53 295

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

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

2017-02-22 17:02:19 558

原创 CSS3 动画

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

2017-02-21 17:04:21 314

原创《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 354

原创 css3 文本阴影

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

2017-02-20 20:41:07 379

原创《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 325

原创 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 2341

原创 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 721

原创《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 711

原创 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 4893

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

锚点

2017-02-13 14:30:44 2013

原创 CSS3:background-size属性

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

2017-02-11 15:06:50 1366

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

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

2017-02-10 14:51:32 301

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

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

2017-02-08 17:02:06 441

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

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

2017-02-08 15:21:22 400