摘要: 最近要写一个页面,需要一排文字是倾斜的,我就写了一下 效果图: 好啦,可以实现了,不过就是要加上那些兼容的前缀。 阅读全文
posted @ 2018-01-09 14:27 额爷 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 最近的项目有留言板弹出对话框,然后我就自己写了一个静态的,下面是我的代码 如果你不希望有弹框的时候页面还会滚动,那就加上$('body').css('overflow-y','hidden');就可以了 阅读全文
posted @ 2018-01-08 14:49 额爷 阅读(741) 评论(0) 推荐(0) 编辑
摘要: 最近在写项目,有的页面没有占到一屏,然后footer也就是底部就靠上了,这样很影响美观,于是在网上找了找,下面是我的成果 解决该问题的最好方法是采用CSS3提供的一种先进布局模型 :flexbox,可以建立具有适应性的布局。 下面我们代码走起来 我们利用flex-deraction:column将页 阅读全文
posted @ 2017-12-28 16:08 额爷 阅读(1083) 评论(0) 推荐(0) 编辑
摘要: 画一张图片到画布上 如果要把几张不同的图片放画到画布上,有几张图片就需要声明几次对象,获取几次路径,在画布上画几次。 下面是我在画布上画来 6张图片, 效果图: 现在呢,我要让画布画的图片能在pc和移动端都能适应,那么,我就要对这些代码进行再加工,我现在只要改 把图片画到画布上的代码 resize( 阅读全文
posted @ 2017-12-22 10:59 额爷 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 公司做的游戏页面,房间号要有描边。然后我就开始尝试,写了两种办法: 第一种:CSS实现 text-stroke实现字体的描边颜色和宽度,-webkit-text-fill-color实现字体的颜色,和css的color一样 需要注意的是:目前这两个属性只有webkit内核的Safari和Chrome 阅读全文
posted @ 2017-12-21 18:48 额爷 阅读(4420) 评论(0) 推荐(0) 编辑
摘要: 在我们准备开发一个项目的时候,肯定要考虑到一些浏览器的兼容性,或者更方便自己编写一个页面,那么这时候很多人就会想到CSS的重置,一般人都会这样写 注意,不能像有些网站上写的这样:*{margin:0;padding:0;},这样会白白耗费很多性能 不过就上面的一大堆标签而言,我们也有很多用不到的,和 阅读全文
posted @ 2017-12-12 14:43 额爷 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 在项目开发过程中,经常会用到过滤器,下面就来说说我用的用法 我从后台获取到一个时间字段,是2017-03-23的格式,但是我要的是年月日分开显示,那就要用到过滤器了 在没有用过滤器的时候,是这样的: 下面来写我们的过滤器 getData()的参数val其实就是我们获取到的日期的字段item.Issu 阅读全文
posted @ 2017-12-11 14:47 额爷 阅读(1825) 评论(0) 推荐(0) 编辑
摘要: 在我们用select的时候,通常因为他的默认样式比较丑而用自己样式,那首先要去掉他的默认样式 去掉select的边框和点击时的蓝色边框 去掉select下拉的小三角 所有浏览器都不支持appearance属性 Firefox支持替代的-moz-appearance属性 Safari和Chrome支持 阅读全文
posted @ 2017-12-06 17:06 额爷 阅读(5132) 评论(2) 推荐(0) 编辑
摘要: 鼠标移入移出图片切换很常见的,那我们就来说说他的写法 第一种方法,也是最简单的一种,在html;里就可实现 先默认一张图片,然后在写图片移入移出的图片 第二种方法,js替换 在js里面写好替换图片的方法,在html里面调用 若是不用onmouseover和onmouseout的话,还可以这样写 这三 阅读全文
posted @ 2017-12-06 16:50 额爷 阅读(10313) 评论(1) 推荐(0) 编辑
摘要: display:flex作为C3的新属性,还是有的浏览器不支持的,那下面我们就来说一下他的兼容写法 但若是在移动端,我们只要写-webket-的就好了 看到这些应给也就能找到规律了吧。 阅读全文
posted @ 2017-12-06 14:49 额爷 阅读(322) 评论(0) 推荐(0) 编辑