indexof方法可以在字符串和数组上使用。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。--注意src路径要对-->. 同时注意，数组使用indexof方法时的兼容情况，ie9以下浏览器不支持。

用浏览器打开之后，结果就被原封不动的输出来了，浏览器根本不会解析这玩意... 跟阮老师的blog相差好大啊~ 呵呵~ 还是太天真了！原来markdown文本还是需要用marked.js这么一个库来解析的！于是乎，依葫芦画个瓢。原理就是用ajax请求，取到 .md文件里的内容，再通过marked.js提供的marked()方法将markdown语法的文本转成html文档。

我说说打瞌睡党风建设打火机说说色儿. 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。接下来重点说一说多行文本溢出显示省略号，如下。因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；-webkit-line-clamp用来限制在一个块元素显示的文本的行数。display: -webkit-bo

　　　　

通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。随着越来越多浏览器兼容CSS中的flexbox特性，所以现在通过“display:flex”实现CSS水平居中的方案也越来越受青睐。这个跟CSS水平居中的原理是一样的，只是在flex-direction上有所差别，一个是row(默认值)，另外一个是column。具体方式是为父元素添加伪元素:before，使得子元素实

今天做项目中偶然误把元素加上了pointer-events属性，结果导致后来在js中给该元素加点击事件不能用，检查了半天才发现是这个属性的问题。之前没有好好研究，于是决定仔细研究一下。CSS属性pointer-events允许作者控制特定的图形元素在何时成为属性事件的target。当未指定该属性时，SVG内容表现如同visiblePainted。除了指定元素不成为鼠标事件的目标，none值还指示鼠标事件穿过该元素，并指向位于元素下面的元素。但是，当其后代元素的pointer-events属性指定

z-index 属性是用来调整元素及子元素在 z 轴上的顺序，当元素发生覆盖的时候，哪个元素在上面，哪个元素在下面。通常来说，z-index 值较大的元素会覆盖较低的元素。z-index 的默认值为 auto，可以设置正整数，也可以设置为负整数。只有定位的元素的z-index才会起作用。z-index: 3; /* put .gold-box above .green-box and .dashed-box */. .dashed-box { /* 去掉父元素中的z-index, 或者z-in

* 仅补全 html 标签，

想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。Chrome和Safari浏览器对于Chrome和Safari浏览器，我们必须使用CSS滚动条选择器，然后使用display：none隐藏它：。示例我们使用上面的CSS属性以及溢出实现下面一个实例——隐藏水平滚动条，同时允许垂直滚动条：

　　今天看了几个JS的视频，视频中布置了一个编写一个简易聊天对话框的任务，没有涉及到Ajax.主要实现了切换头像模拟两方的聊天情况，样式比较简单，后期可以进行美化。需要注意的地方是我是用的一个div标签来实现元素的添加，这样更利于样式的设置，每添加一个对话框需要清除一下浮动，不然会出现连续几个对话框出现在一行的现象。.cont div{max-width:220px;margin: 4px;padding: 4px;border-radius: 6px;clear: both;word-wrap

54 发送对话

.

12 秒后回到主页. -- 也可以写成javascipt：back(); -->. 18 //获取要定时元素的值。28 setInterval; //调用定时方法。29 function back(){ //返回前一页面的方法。如果脚本代码的位置放在html代码的前面，如下:. 浏览器中运行代码则会出错，显示第9行出错:. 原因是HTML代码在页面载入是顺序执行，当执行到：。id为"time"的span标签的内容并未加载

mouseover和mouseout是一对；mouseenter和mouseleave是一对。但是，同样的给外盒子一个经过触发事件，mouseenter就不会再经过盒子内部元素的时候再次触发事件。

//组件中的data和实例中的不一样，实例中的data是一个对象，而组件中的data则是一个方法并且返回一个对象。return { //返回对象是为了区分各个组件中的数据，因为不同组件返回的对象的地址都不一致所以不会产生影响

选中点击按钮即可复制，其实这个并不实用，有助于理解execCommand。

width: 100%;float: left;margin: 0 10px;padding: 3px 2px;margin-right: 40px;

第三种是给父级添加样式。先写这几种， 够大家用了，还有通过伪类实现居中的效果，有兴趣的可以自己敲下试试

//select外面必须包裹一个div,用来覆盖select原有的样式

Jimdo系统在设计上一直存在一个BUG，那就是在主编辑区，遇到英文或数字字串时，没有设置强制换行，造成页面被撑破，用IE6浏览时，常看到内容错位，非常影响网站的美观。另一方面，对二分栏结构的网站，在侧栏放一些文章标题时，如果标题过长它又是自动换行的，也影响版面的美观。在CSS里，主要有强制换行和禁止换行。word-break:break-all 和 word-wrap:break-word都是能使其容器如DIV的内容自动换行，它们的区别在于:. text-overflow:ellipsis;

. . {{it

. . . box-sizing: border-box;font-family: roboto;display: flex;flex-wrap: wrap;max-width: 200px;margin: 0 auto;d

open-data 基础库 1.4.0 开始支持，低版本需做兼容处理 用于展示微信开放的数据。属性名 类型 默认值 说明 type String 开放数据类型 open-gid String 当 type="groupName" 时生效, 群id lang String en 当 type="user*" 时生效，以哪种语言展示 userInfo，有效值有：en, zh_CN, zh_TW type 有效值： 值 说明 最低版本 groupName 拉取群名称 1.4.0 userNickNam

基于echarts的大数据中国地图展示，结合API定制，开发样式，监听鼠标事件，实现带参数路由跳转等自定义事件。实际项目中大概率会遇到很多需要进行数据展示的地方，如折现图，柱状图等，今天给大家介绍一个更加炫酷的中国地图大数据展示，结合echarts免费开源第三方插件，可以实现自己的定制样式，定制提示。

不知道从什么时候开始，在Google地图或是百度地图中用城市或者省名称搜索的时候，你会发现地图上会勾勒出搜索的行政区的轮廓来，这个功能非常人性化。在Google地图中搜索“桂林”，会定位到桂林市的中心坐标，需要把地图级别调小，才能看到如下图的效果。这里有一篇关于如何获取行政区域的边界？的文章，本人根据这篇文章提供的代码稍作修改，把中国省市（地级市）边界坐标收入囊中。26

由于这本书是2012年出的，书中的一个web教学项目是开发一个微博。从2012到现在，node.js及其生态环境发生了很大改变，所以关于该书的学习如果照着书本显然是过于陈旧的。到目前为止，node.js的web开发框架已经升级到了Express4.12.1,对于MongoDB的操作更多是使用mongoose这个对象模型，而不是之前mongoDB 官方提供的原生node.js的API，所以本文将基于nodejsV0.1033 + MongoDBV3.0.2+ Jade1.9.2 + mogoose

　　

vue条件判断语句跟js条件判断一样。也可以同JS一样写表达式。

1 . 7 html{width: 100%;height: 100%;} /*整个页面的居中*/. 11 display: flex; /*flex弹性布局*/. 20 flex-direction: column; /*元