皮卡丘の开发之路

说正则表达式之前，先来两个案例参考~关于正则基础的讲解。希望你能有所收获验证身份证号reg = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;验证邮箱email = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;

最近因为开发H5，需要在手机上进行查看，修改。之前在windows上开发的时候，在手机端查看页面的话，是通过nginx来进行配置和访问的。但是zai virtual-box上跑ubuntu的时候，就出现了问题，因为nginx无法配置，所以这里只能通过桥接配置的方式，把windows上本地的ip地址和ubuntu系统的ip地址配置到virtual-box才可以进行访问。 好了，话不多说，直接上配置

需要实现的效果图： 今天开发的时候，遇到要点击缩略图之后居中显示图片的大图查看（大致效果如上图所示）~想了好几种实现方式，最开始的时候，是想通过animate来点击图片进行显示，可是后来当我想要让放大的图片进行居中显示和点击别的地方隐藏已显示的大图的时候，才发现实现起来有难度。1 第一张点击图片将图片放大 。。。

CSS 属性：font: bold 20px/30px Arial; 意思代表的是：font-weight: bold; font-size: 20px; line-height: 30px; font-family: Arail; 伪类和伪元素伪类用:表示，有foucs , hover , active等 伪元素用::表示 ， 有before , after 之所以有单冒号和双冒号

2.CSS文本2.1white-space: pre-line; 强制文字进行换行，前提是在文本中要先在文字中加” \n “，这样css识别出来在此处进行强制换行。word-wrap:normal | break-word, break-word可以将内容在边界内换行（不截断英文单词的换行）。点击事件on和onclick 两者之间的区别（很重要。。。

实现一个css 来控制图片和文字的左右拖动的效果。具体的效果图 如下图所示：最开始的时候，产品给了我一张静态图片，让我按照这个来是实现页面。跟我说了一下说是可以播放滑动的。我以为是让我写一个轮播图。后来才知道是手动触碰进行拖放。遂决定直接用css来实现。

【解决】移动端设备·横竖屏时页面内容字体大小调整的问题首先判断是不是横竖屏导致的问题，所以要代码检验一下。 window.orientation 对象在手机上才可生效。 添加属性text-size-adjust: 100%;即可 ～