ES6之解构 destructuring

简化从数据结构中获取相关子集的操作。 1 2 3 let options = { 4 repeat: true, 5 save: false 6 }; 7 // 从对象中提取数据 8 let repeat = options.repeat, 9 save = options.save; 10 11 对象结构语法在赋值语句的左侧使用 对象字面量。 在解构中使用var、let、const声明变量的时候,必须有初始化操作。 1 2 3 let node = { 4 type: "Identifier", 5 name: "foo" 6 }; 7 let { typ...

ES6 中的let与const

基础 变量的创建方式取决于你如何声明他。 var声明的变量,会被视为在函数级作用域内顶部的位置(不在函数内部则全局) function getValue(condition) { //var value; if (condition) { var value = "blue";//value="blue"; // other code return value; } else { // value exists here with a value of undefined return null; } // value ex...

CSS3实现气泡特效(CSS2D、3D等)

之前用到过部分功能,今天把慕课网这个教程又重新敲了遍。 Github源代码:https://github.com/zxhycxq/mooc-ToolTips 需要注意的几个地方 1.字体库的使用: @font-face:路径。bootstrap自带有,但是对于其他的图标没怎么注意过,还有loading图标,可以考虑使用。 2.写属性的时候考虑后续扩展性:X/Y/Z轴,transform-origin 写成百分比。 3.几个动画旋转,设置旋转中心。 4.transform :多个属性过渡的写法...

JavaScript中的跨域

ajax:XMLHttpRequest():不能跨域 1.主域与子域之间 document.domain='a.com'; 等于主域的网站 2.服务器代理:XMLHttpRequest代理文件 缺点‘:增加服务器压力。 3.script标签:jsonp jsonp:json+padding(内填充) 4.location.hash: iframe双域 b网站 <iframe src="123.php#key1=value1&key2=value3"> </iframe  > parent.location.hash=self.location.hash; 5.window.nam...

一张图了解HTML

刚开始学html的时候,在网上看过一些教程,但是不算非常系统,有些点记忆不是很清楚,这两天抽空又在w3school上面大致看了一遍。 在线预览:http://www.xmind.net/m/7jnN 部分代码:http://jsbin.com/xesimo/edit?html,output #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #galler...

用css媒体查询、js等实现手机、平板横竖屏判断

//此为平板竖屏 @media (min-width: 768px) and (orientation: portrait) { body { background-color:cyan; } }   function judgeDirection(){ if(window.orientation==180||window.orientation === 0){ alert("手机为竖屏!"); } if(window.orientation==90||window.orientation==-90){ alert("手机为横屏!"); } } window.addEventListener("onorientationchange" in window ? "orientationchange" ...

CSS之overflow

overflow-x:hidden; 如果overflow-x和overflow-y的值相同,则等同于overflow。 如果overflow-x和overflow-y的值不同,且其中一个值被赋值为visible,另外一个被赋值为hidden,auto,scroll,则visible会被重置为auto。垂直方向会有滚动条的原因。 让overflow起作用: 1.非display:inline水平 2.对应尺寸的方位限制:width/height/max-width/max-height/absolute拉伸。 3.对应单元格td等,还需为table设置t...

sass使用备忘录

Sass并不能让你写出更好的CSS,但是却可以让你更高效地写出高可维护性的CSS。—— 刘炬光 1.文件后缀名为scss。sass使用$标识变量。如果变量在css规则内定义,则其只能在这个规则内使用。 只要是css属性的标准值存在的地方都可以使用变量。声明变量值的时候变量值也可引用其他变量。 sass中划线和下划线都兼容。 2.sass输出的四种选项: nested嵌套缩进的(默认); expanded无缩进,扩展。 compact简洁格式...

《HTML5 Canvas基础教程》笔记

第一章 HTML5简介 新特性: 结构元素:section、header、ngroup、footer、nav、article、aside。 内容元素:figrue、figcaption、mark、time。 第三章 Canvas基础知识 canvas 若为定义宽高,则用默认300、150. var canvas=document.getElementById('canvas'); var context=canvas.getContext('2d'); 绘制矩形:context.fillRect(x,y,width,height);strokeRect,绘制一个矩形并绘制边框。 线条:context.begi...

CSS3动画之animation

    CSS3动画属性 animation-name 属性为 @keyframes 动画规定名称,这个名称前后要一致。   可简写如:animation: myfirst 5s linear 2s infinite alternate; 注意事项: 百分比为0的时候不可少“%”符号。 对于@keyframes的支持,不同浏览器的前缀位置。例子:@-o-keyframes 。 @keyframes中的帧顺序是根据百分比值来确定的,与声明并无关。 动画中设置的属性不会产生叠加效果。 例子: JS ...
Copyright © 花未全开月未圆 保留所有权利.   Theme  Ality 海外

用户登录