2016年1月27日

定义换页时表现

摘要: widows = minimum number of lines in a paragraph split on the new page.orphans = minimum number of lines in a paragraph split on the old page. 换页的时候,当文 阅读全文

posted @ 2016-01-27 17:47 迷茫小飞侠 阅读(99) 评论(0) 推荐(0) 编辑

判断一个对象是否为空

摘要: zepto的源码 $.isEmptyObject = function(obj) { var name for (name in obj) return false return true } for (name in obj) return false 只有当对象里面有属性的时候才会return 阅读全文

posted @ 2016-01-27 17:46 迷茫小飞侠 阅读(133) 评论(0) 推荐(0) 编辑

内存管理 内存泄漏

摘要: 垃圾回收机制是周期性的,按照特定的周期循环,或者按照预先定义的时间执行 最流行的回收机制是mark-and-sweep 当一个变量进入当前上下文,那么会被标示为在上下文中,内存不会被释放,当他离开会被标示为不在上下文,当垃圾回收机制运行的时候,它会首先记录内存里的所有变量,然后将那些在上下文中和被在 阅读全文

posted @ 2016-01-27 17:45 迷茫小飞侠 阅读(147) 评论(0) 推荐(0) 编辑

arguments对象

摘要: 改变函数arguments也会改变对应的参数,arguments会自动映射到对应的参数上 但是改变参数并不会同步改变arguments 它们并不公用内存 在strict模式,不能对arguments付值,也不能覆盖arguments的值 arguments都是通过值来传递,不可能传入引用 阅读全文

posted @ 2016-01-27 17:44 迷茫小飞侠 阅读(145) 评论(0) 推荐(0) 编辑

String类型

摘要: String字符串的length属性返回的是该字符串里面16位字符的数量,如果字符串包含double-byte的字符,那么返回的数量可能不对 字符串一旦创建就修改不了 var lang = “Java”; lang = lang + “Script”; 第二行没有修改,而是新建一个字符串,把那两个放 阅读全文

posted @ 2016-01-27 17:42 迷茫小飞侠 阅读(170) 评论(0) 推荐(0) 编辑

对象 实例

摘要: 每个对象都含有以下属性方法 - ➤ constructor — The function that was used to create the object. - ➤ hasOwnProperty(propertyName) — Indicates if the given property ex 阅读全文

posted @ 2016-01-27 17:42 迷茫小飞侠 阅读(135) 评论(0) 推荐(0) 编辑

定制滚动条样式 webkit

摘要: ::-webkit-scrollbar { /* 1 */ } ::-webkit-scrollbar-button { /* 2 */ } ::-webkit-scrollbar-track { /* 3 */ } ::-webkit-scrollbar-track-piece { /* 4 */ 阅读全文

posted @ 2016-01-27 17:41 迷茫小飞侠 阅读(143) 评论(0) 推荐(0) 编辑

instanceof 原理

摘要: 运行流程 function instance_of(L, R) { //L 表示左表达式,R 表示右表达式 var O = R.prototype; // 取 R 的显式原型(后面的对象只取显式原型prototype) L = L.__proto__; // 取 L 的隐式原型(判断的对象取__pr 阅读全文

posted @ 2016-01-27 17:41 迷茫小飞侠 阅读(194) 评论(0) 推荐(0) 编辑

<template> 标签

摘要: <template> 元素,用于描述一个标准的以 DOM 为基础的方案来实现客户端模板。该模板允许你定义一段可以被转为 HTML 的标记,在页面加载时不生效,但可以在后续进行动态实例化。( 它们是用来放置一大团 HTML 的地方,就是那些你不想让浏览器弄乱的标记...不管它是出于什么理由。) 特性检 阅读全文

posted @ 2016-01-27 17:40 迷茫小飞侠 阅读(1962) 评论(0) 推荐(0) 编辑

动画 优化

摘要: 在页面做动画效果主要方式 1 CSS 2D/3D transforms and translate() (做动画的三个属性:transition,animation/keyframe) 2 position:absolute and top/left 使用top/left来做动画的时候,所有CSS样 阅读全文

posted @ 2016-01-27 17:39 迷茫小飞侠 阅读(286) 评论(0) 推荐(0) 编辑

选择器

摘要: 空格:$('parent childchild')表示获取parent下的所有的childchild节点,所有的子孙。 大于号:$('parent>child')表示获取parent下的所有child的儿子,第一代。 加号:$('pre + nextbrother')表示获得pre节点的下一个兄弟节 阅读全文

posted @ 2016-01-27 17:39 迷茫小飞侠 阅读(94) 评论(0) 推荐(0) 编辑

shadow dom 隔离代码 封装

摘要: Shadow DOM是指浏览器的一种能力,它允许在文档(document)渲染时插入一棵DOM元素子树,但是这棵子树不在主DOM树中。 Shadow DOM 解决了 DOM 树的封装问题。 有了 Shadow DOM,元素就可以和一个新类型的节点关联。这个新类型的节点称为 shadow root。与 阅读全文

posted @ 2016-01-27 17:39 迷茫小飞侠 阅读(672) 评论(0) 推荐(0) 编辑

display:none,float小秘密

摘要: 一个元素不管是块元素还是行内元素 在添加了 display:none 之后,就变成了不可见的块元素,可以给他添加长度和高度 在float之后内联元素也会隐性成为 inline-block 元素 阅读全文

posted @ 2016-01-27 17:04 迷茫小飞侠 阅读(249) 评论(0) 推荐(0) 编辑

调试内存泄露

摘要: 打开调试面板 操作会导致内从泄露的行为 Perform an action in your page that makes a leak Take a new heap snaphot Repeat steps 2 and 3 three times Select the latest heap s 阅读全文

posted @ 2016-01-27 17:03 迷茫小飞侠 阅读(230) 评论(0) 推荐(0) 编辑

backface-visibility 3D修复

摘要: backface-visibility 是作用于 3D transform 时候 默认是 backface-visibility: hidden; 当一个元素3D变换的时候,会立即看到背面的内容,有时候会影响效果 设为 backface-visibility: hidden 就不会在3D动画效果时看 阅读全文

posted @ 2016-01-27 17:03 迷茫小飞侠 阅读(350) 评论(0) 推荐(0) 编辑

Chrome DevTools 开发者工具 技巧 调试

摘要: https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks 1、console面板多行输入 Shift + Enter 可以换行,而不是执行代码 2、Ctrl + Shift + C 可以直接进入审查元素的模式 阅读全文

posted @ 2016-01-27 17:01 迷茫小飞侠 阅读(400) 评论(0) 推荐(0) 编辑

display:table 表格布局

摘要: table 布局最大的特点 1、同行等高 2、宽度自动调节 那么table-cell是不是具备这个特点呢?答案是yes,为什么呢?css中有一个有意思的规则“创建匿名表格元素”。 拿table-cell来扯,就是,当某个元素被设置为display:table-cell的时候,如果她的父节点不是dis 阅读全文

posted @ 2016-01-27 16:46 迷茫小飞侠 阅读(2711) 评论(0) 推荐(0) 编辑

display: run-in

摘要: If a sibling block box (that does not float and is not absolutely positioned) follows the run-in box, the run-in box becomes the first inline box of t 阅读全文

posted @ 2016-01-27 16:46 迷茫小飞侠 阅读(505) 评论(0) 推荐(0) 编辑

连续字符换行 溢出点点点 多行省略

摘要: 让连续的英文数字字符换行显示 word-break: break-all; 让单行文字超出的时候使用点点点表示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis;(移动开发浏览器支持良好) WebKit可以让多行文字点点点( 阅读全文

posted @ 2016-01-27 16:44 迷茫小飞侠 阅读(429) 评论(0) 推荐(0) 编辑

Number 类型

摘要: Javascript使用IEEE -754格式存储整型和浮点型(有些语言称为双精度) 因为这种存储格式,所以javascript中有正的0和负的0 整型也可以存储八进制和十六制 八进制第一个数为0,后面跟着的数如果大于八,会自动转化为十进制 078 将会被解释为78 在strict mode里面八进 阅读全文

posted @ 2016-01-27 16:43 迷茫小飞侠 阅读(209) 评论(0) 推荐(0) 编辑

导航