08 2017 档案
摘要：1、JavaScript match() 方法说明http://www.w3school.com.cn/jsref/jsref_match.asp 写法： 返回值：存放匹配结果的数组。 2、match方法正则表达式参数用法 2.1 正则表达式无全局标志g 如果 regexp 没有标志 g，那么 ma
阅读全文
摘要：1、无障碍阅读使用场景 无障碍阅读一般在政府类网站使用比较多，如： 天津海事局（http://www.tjmsa.gov.cn/），其中天津海事局的页面放大和页面缩小在firefox浏览器下存在bug，不起作用。 中国海事局（http://www.msa.gov.cn/）： 无障碍阅读一般包括以下功
阅读全文
摘要：1、插进使用场景 请打开https://baike.baidu.com/item/%E6%97%A5%E6%9C%AC%E5%8A%A8%E7%94%BB#hotspotmining，查看百度百科页面效果。 2、插件源代码（更新 2017-08-28）： 3、示例代码： 说明（更新2017-08-2
阅读全文
摘要：1、position方法 jquery api地址：http://jquery.cuishifeng.cn/position.html position方法获取匹配元素相对父元素的偏移。 2、说明 2.1 与offset()区别 .offset()是获得该元素相对于documet的当前坐标 .pos
阅读全文
摘要：1、正则表达式中最重要的三个符号： 1.1 B 在正则表达式中B有3种类型的括号:1.1.1 方括号 “[“。方括号"["内是需要匹配的字符。中括号括住的内容只匹配一个单一的字符。 1.1.2花括号"{" 花括号"{"内是指定匹配字符的数量。 1.1.3圆括号“(“ 圆括号“(“ 则是用来分组的。
阅读全文
摘要：1、calc是什么？ calc是英文单词calculate(计算)的缩写，用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算； + 和 - 运算符的两边必须始终要有空白符。比如 calc(50% -8px) 会被解析成为一个无效的表达式：一个百分比后跟一个负数长度
阅读全文
摘要：1、[attribute|=value] [attribute|=value]选择器说明：http://www.w3school.com.cn/cssref/selector_attribute_value_start.asp 选择 lang 属性值以 "val" 开头的元素 该值必须是整个单词，比
阅读全文
摘要：1、css选择器 css（包括css1、css2和css3）有哪些选择器？ http://www.w3school.com.cn/cssref/css_selectors.asp 2、CSS3选择器 因为CSS1和CSS2选择器浏览器兼容性很好，因此本文主要讲解CSS3选择器，CSS3选择器一共有2
阅读全文
摘要：1、line-height定义 line-height表示行高，即两行文字基线间的距离。 以下是图示说明： 行高是2条红线之间的距离，即：1+2+3+4 在实际测量中，基线不好找，可测量顶线到顶线的距离来代替行高。 2、行间距 line-height 与 font-size 的计算值之差（在 CSS
阅读全文
摘要：1、说明 ":before" 伪元素可以在元素的内容前面插入新内容。 ":after" 伪元素可以在元素的内容之后插入新内容。 伪元素默认展示为inline， 即 必须写content属性，不然伪类不起作用！ 2、兼容性 伪元素有2种写法，单冒号和双冒号，单冒号和双冒号作用是一样的。 兼容性查看：h
阅读全文
摘要：1、box-sizing属性功能 官方说明文档为：http://www.w3school.com.cn/cssref/pr_box-sizing.asp box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 通俗来说就是：定义盒模型尺寸。 2、本文主要讲解：border-box值
阅读全文
摘要：本文主要讲解titile属性换行的实现方式。<title> 元素可定义文档的标题，可以应用在img、a等标签上。 1、实现方式： 2、效果： 3、原理 首先了解转义字符：https://baike.baidu.com/item/%E8%BD%AC%E4%B9%89%E5%AD%97%E7%AC%A6
阅读全文
摘要：JavaScript 纯粹对象 1、定义： 通过 "{}" 或者 "new Object" 创建的对象，像new Date(),new String()都不是纯粹对象 2、检测 示例代码（使用jQuery）
阅读全文
摘要：1、准备支付宝和微信收款的二维码图片 （1）获取微信收款图片方法： 微信--“我”--钱包--收付款--二维码收款--保存收款码 （2）获取支付宝收款图片方法： 支付宝--“收钱”--保存图片 2、图片上传到博客园 方法：博客园--“我的博客”--管理--文件--上传文件 如下图所示，注意将步骤1中
阅读全文
摘要：1、自适应网站 自适应网站源码特征： （1）宽度百分比布局 （2）文字rem（em）设置大小 展示形式：自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，网站的内容和布局是没有变的。 2、响应式网站 最著名的是前端框架bootstrap（http://v3.bootcss.com/css/）
阅读全文
摘要：stop()函数直接停止动画，finish()也会停止动画同时所有排队的动画的CSS属性跳转到他们的最终值。 示例代码： 说明： 示例中stop()函数没有停止动画，为什么？
阅读全文
摘要：示例代码，关键位置做了注释，请查看代码： 执行运行代码，效果为：
阅读全文
摘要：1、first-child first-child为每个父级元素匹配第一个子元素，可以匹配出多个元素： 示例代码： 效果： 2、first first为获取匹配的第一个元素，只能匹配一个元素。 示例代码： 效果： 在使用过程中要注意两者的区别。
阅读全文
摘要：1、插件代码 少说多做，基于jQuery的手风琴插件jquery.accordion.js的代码： /* * 手风琴插件说明： * 1、treeTrunk对应树干 * 2、treeLeaf对应树叶，html代码结构一般为treeTrunk.next()元素 * 3、treeTrunkActiveCl
阅读全文
