css横向滚动通知

如下:横向滚动播报每场比赛中得冠通知 实现: 1.<marquee>标签可以自动实现效果,但是已经废弃。 https://www.jianshu.com/p/6dcec8a9ea60 https://developer.mozilla.org/zh-...

2019-06-03 14:54:02

阅读数 12

评论数 0

IOS margin-bottom失效

最近做一个H5移动端活动,发现一个问题:H5页面设置了margin-bottom,在模拟器和安卓手机上都是正常的,但是IOS手机上就没有效果,一开始以为是层级问题,改为在父层上设置,但是仍然没有效果。 解决:margin-bottom改为padding-bottom或者设置一个div用高度撑开 ...

2019-06-03 10:41:51

阅读数 2

评论数 0

css 类似.9图

.9图原理:三部分:左右各一部分,中间内容区随内容自动伸缩 1、h5 .package-num{height: .4rem;line-height: .4rem;min-width: .4rem;text-align: center;padding: 0 .1rem;font-size:...

2019-05-23 17:25:40

阅读数 16

评论数 0

CSS动画: animation和transition

注意:最近做一个弹框效果:要求弹框从下面渐变(opacity)弹出: 但是页面加载成功后没有这个渐变过程,弹框是已加载后就存在了,感觉transition没起作用 原因:transition触发需要操作,不能自动触发 解决:添加触发条件,若是页面加载自动触发可考虑animation 一...

2019-05-13 16:09:47

阅读数 26

评论数 0

flex

布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支...

2019-05-05 16:33:55

阅读数 13

评论数 0

php+mysql+apache安装配置

Windows下安装PHP开发环境 一、Apache 根据以下php下载时的提示,去下载建议的apache,这里选择第三方安装包Apache Lounge。 下载Apache解压版,将解压后的文件夹放在你想要安装的路径下。 修改配置文件: Apache默认存在路径:“c:\Apac...

2019-04-08 22:16:05

阅读数 20

评论数 0

Navicat Premium 12的破解(仅限Windows)

关于Navicat Premium 12的破解(仅限Windows),亲测有效!! 获取Navicat Premium 12安装包与破解文件 百度网盘: 链接: https://pan.baidu.com/s/12GU4_YK_ar9W-l1VDpquJQ 密码: 6c5w 本人Github地址...

2019-04-07 20:36:00

阅读数 342

评论数 0

MySQL安装问题

Windows 上安装 MySQL Windows 上安装 MySQL 相对来说会较为简单,地那就链接 https://cdn.mysql.com//Downloads/MySQL-8.0/mysql-8.0.11-winx64.zip 下载 zip 包。 最新版本可以在 MySQL 下载 中...

2019-04-07 18:47:18

阅读数 19

评论数 0

Access denied: Cannot push code by Deploy Public Key

如上git push的时候报错,主要就是公钥的问题。 Git中有两种key,: deploy key:只读的,不能push,属于某个项目,在需要部署的项目的setting中设置。 SSH key:可读可写。属于所有项目,即全局的。在profile setting中设置。 如果只是在你的项目里...

2019-03-15 14:55:17

阅读数 704

评论数 0

sublime中jsx插件的安装

在sublime中如果没有安装jsx插件,在使用jsx语法的时候就会出现如下图所示 没有高亮颜色提示,看着很变扭,这时候我们需要安装一个jsx插件,步骤为: 第一步:进入官网https://github.com/babel/babel-sublime 第二步:点击68releases ...

2019-03-15 14:13:47

阅读数 16

评论数 0

依赖注入

一、什么是依赖注入? 1. 依赖 如果在 Class A 中,有 Class B 的实例,则称 Class A 对 Class B 有一个依赖。例如下面类 Human 中用到一个 Father 对象,我们就说类 Human 对类 Father 有一个依赖。 public class Huma...

2019-02-22 16:47:02

阅读数 31

评论数 0

canvas渲染网络图片(旋转,灰阶,饱和度操作)并保存到本地

1.问题:canvas渲染项目中的图片,可以保存到本地,但是渲染网络图片,保存本地失败,存在跨域问题? 解决方法:在给img标签添加一个属性,支持跨域,img.crossOrigin='Anonymous'。 2.问题:canvas渲染图片怎么保存到本地呢? 解决方法:可将canvas图像导...

2019-02-20 18:11:26

阅读数 18

评论数 0

TDD和BDD

前言:   已经数月没有来园子了,写博客贵在坚持,一旦松懈了,断掉了,就很难再拾起来。但是每每看到自己博客里的博文的浏览量每天都在增加,都在无形当中给了我继续写博客的动力。最近这两天有听到Jbehave这个名词,上网查了一通,原来是和测试相关的,之前一直做开发,没有做过真正意义上的测试,对于测试...

2019-01-17 16:04:46

阅读数 54

评论数 0

点评星星效果

如上点评所获星级效果展示,星级以半颗为增长的最小宽度。 实现,如下雪碧图:  不同星级直接用background-position取到相应的图即可,上面星级可选大、中、小。 另一种做法或若是星星不是按照半颗半颗增长,则可以用一张灰图和一张亮图叠加,灰图在下亮图在上,灰图width10...

2018-12-06 14:05:17

阅读数 97

评论数 0

h5 video标签

h5 video标签: Video 对象属性 属性 描述 audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。 autoplay   * 设置或返回是否在就绪(加载完成)后随即播放视频。 buffered 返回表示视频已缓...

2018-12-03 16:25:13

阅读数 124

评论数 0

圆环百分比进度

            .circle-progress-con{position: relative;margin: 0 auto;text-align: center;line-height: calc(196px - 16px);background-color: rgba(0, 0, ...

2018-11-30 17:25:08

阅读数 119

评论数 0

两队PK进度条效果

.pk-detail-con{width: 375px;text-align: center;color: #e3c898;font-size: .32rem;} .progress, .progress-bar{position: relative;} .progress{width: 1...

2018-11-28 17:35:36

阅读数 290

评论数 0

border-radius导致overflow:hidden失效问题

父元素设置了overflow:hidden的同时还设置了border-radius属性,那么如果想隐藏超出的子元素,四个圆角处会出现超出圆角依然显示的bug(部分浏览器),亲测添加position: relative; z-index:1即可解决。  ...

2018-11-28 16:39:16

阅读数 227

评论数 0

IOS H5页面滑动过于频繁出现短暂白屏

最近做一个H5活动,苹果部分手机用QQ扫描打开后,频繁滑动出现短暂白屏现象, 数据均存在只是背景色变白,问题如下:   经过排查主要是由于IOS的回弹效果导致,即-webkit-overflow-scrolling:touch 由于使用-webkit-overflow-scrolling...

2018-11-28 16:22:01

阅读数 1876

评论数 0

H5 文字渐变 换行失效

最近在做一个H5活动,活动简介标题用到了CSS3 的线性渐变,在本地测试电脑上看没有问题  但是在手机上  文字过多导致换行时 发现渐变鲜果失效了 并且第一行虽然不渐变 但是是渐变开始的颜色 ,第二行确实透明色,如下截图 PC端效果:   手机端效果如下,第二行是文字实际是transparen...

2018-11-27 18:14:40

阅读数 133

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭