-
css解决display:inline-block;产生的缝隙(间隙)的方法
所属栏目:[系统] 日期:2020-03-16 热度:95
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙,这很显然不是我想要的效果,所以我就换成了左浮动,这样缝隙的问题是解决了,但是需要设置父元素的宽度才能实现水平左右滚动,这样又增加了代码量[详细]
-
CSS3 三维变形实现立体方块特效源码
所属栏目:[系统] 日期:2020-03-16 热度:177
三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同,2D变形的坐标轴是平面的,只存在X轴和Y轴,而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间,X[详细]
-
利用CSS实现立方体360度旋转效果实例代码
所属栏目:[系统] 日期:2020-03-16 热度:86
示例代码: 复制代码 代码如下: !DOCTYPE html html head lang="en" meta charset="UTF-8" title/title style * { margin: 0; padding: 0} ul {list-style: none;} ul { width: 200px; height: 200px; margin: 200px auto; position: relative; transition[详细]
-
利用纯CSS自定义Checkbox和Radio的样式示例代码
所属栏目:[系统] 日期:2020-03-16 热度:199
首先看看不同平台的checkbox radio 我们可以利用CSS3的一些属性来实现自定义checkbox radio样式。 HTML 代码 // radio inputdiv class=radioinput id=male type=radio name=gender value=malelabel for=maleMale/labelinput id=female type=radio name=gen[详细]
-
前端制作动画的几种方式(css3,js)
所属栏目:[系统] 日期:2020-03-16 热度:82
副标题#e# 制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。 1.css的transition。 语法: transition:[详细]
-
关于清除浮动塌陷的几种方法总结
所属栏目:[系统] 日期:2020-03-16 热度:129
副标题#e# 什么是浮动呢? 定义这样说:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行。 浮动的的元素有4点特性: 1.浮动元素会脱离标准文档流,已经不区分快和行了。[详细]
-
css让容器水平垂直居中的7种方式
所属栏目:[系统] 日期:2020-03-16 热度:83
副标题#e# 方法一:position加margin XML/HTML Code复制内容到剪贴板 divclass=wrap divclass=center/div /div CSS Code复制内容到剪贴板 /**css**/.wrap{width:200px;height:200px;background:yellow;position:relative; }.wrap.center{width:100px;height[详细]
-
纯CSS实现导航栏Tab切换效果
所属栏目:[系统] 日期:2020-03-16 热度:55
副标题#e# 不用 Javascript,使用纯 CSS 方案,实现类似下图的导航栏切换: CSS 的强大之处有的时候超乎我们的想象,Tab 切换,常规而言确实需要用到一定的脚本才能实现。下面看看如何使用 CSS 完成同样的事情。 实现 Tab 切换的难点在于如何使用 CSS 接收[详细]
-
CSS3 media queries + jQuery实现响应式导航
所属栏目:[系统] 日期:2020-03-16 热度:183
副标题#e# 实现一个响应式导航,当屏幕宽度大于700px时,效果如下: 当屏幕宽度小于700px时,导航变成一个小按钮,点击之后有一个菜单慢慢拉下来: 思路: 1.为了之后在菜单上绑定事件,并且不向DOM中添加多余的节点,在大屏幕中出现的导航和小屏幕中的下拉[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目:[系统] 日期:2020-03-16 热度:63
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画,效果酷炫代码简洁,非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果: HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
演进:Tengine从Web代理服务器到分布式推送服务器
所属栏目:[系统] 日期:2020-03-14 热度:91
副标题#e# Tengine 作为代理服务器,在集团有着广泛的应用基础,从 部署在 应用单机上的 Tengine ,到作为集群式部署的统一接入 Aserver ,可以说集团几乎所有应用机器均运行着 Tengine 。当然, Tengine 的不同部署形态,其作用也不经相同,这都得益于Teng[详细]
-
收益 or 挑战?Serverless 究竟给前端带来了什么
所属栏目:[系统] 日期:2020-03-14 热度:78
副标题#e# Serverless 是一种 无服务器架构,让用户无需关心程序运行环境、资源及数量,只要将精力 Focus 到业务逻辑上的技术。 现在公司已经实现 DevOps 化,正在向 Serverless 迈进,而为什么前端要关注 Serverless? 对业务前端同学: 会改变前后端接口定[详细]
-
终于!iPhone能用安卓系统了
所属栏目:[系统] 日期:2020-03-11 热度:176
3月5日,有消息称,国外有网友经过研究,成功打破了iPhone与Android的界限,不可思议地在越狱后的iPhone上跑起了Android 10系统,这百年难得一见的操作也是让许多网友大吃一惊。 这支国外小组采用的是名为checkra1n的越狱解决方案,该越狱方案可以用安卓系[详细]
-
被吹得天花乱坠的无服务器架构,究竟是什么?
所属栏目:[系统] 日期:2020-03-10 热度:70
副标题#e# 无服务器计算(Severless computing,简称 Serverless)现在是软件架构圈中的热门话题,国外三大云计算供应商(Amazon、Google 和 Microsoft)都在大力投入这个领域,涌现了不计其数的相关书籍、开源框架、商业产品、技术大会。到底什么是 Serverless[详细]
-
如何设计大型游戏服务器架构?
所属栏目:[系统] 日期:2020-03-09 热度:161
副标题#e# 游戏服务器,是一个会长期运行程序,并且它还要服务于多个不定时,不定点的网络请求。所以这类服务的特点是要特别关注稳定性和性能。这类程序如果需要多个协作来提高承载能力,则还要关注部署和扩容的便利性;同时,还需要考虑如何实现某种程度容[详细]
-
Java搭建Web服务器之Socket编程,理解 Apache、Tomcat
所属栏目:[系统] 日期:2020-03-07 热度:189
副标题#e# 之前做web应用一直是在本地装个Apache、Tomcat之类的软件,然后把做好的网页文件放在他们的工作目录下(如Apache的htdocs),然后打开浏览器输入127.0.0.1或localhost就可以直接访问了,好神奇,可是为什么,怎么实现的呢,早就知道有Socket(套接字[详细]
-
手机线下店恢复营业两星期,关于销量他只说了这四个字
所属栏目:[系统] 日期:2020-03-05 热度:139
副标题#e# 四个字:惨不忍睹。 在和一位头部手机品牌的地区经理聊天时,当问到近期门店重新开业之后的经营状况,懂懂笔记得到了这样的回复。 这种情况或许不仅是在东北,很可能华北、华东以及华南众多城市的线下手机门店,也都处在类似的境地中。 进入2月下[详细]
-
苹果建议不要滑动关闭后台程序:否则会影响电池寿命
所属栏目:[系统] 日期:2020-03-05 热度:170
据外媒报道,苹果公司表示,在iPhone上滑动关闭应用程序可能会缩短iPhone电池寿命,并使设备变慢。 有的用户认为,在后台的应用程序也占用CPU且费电,使用更少的应用程序意味着更长的电池寿命。所以用户会经常滑动关闭暂不使用的应用程序来省电,但被证实[详细]
-
2020版iPhone:有关iPhone 12系列的七大传闻
所属栏目:[系统] 日期:2020-02-27 热度:171
尽管苹果在仅仅五个月前的2019年9月推出了iPhone 11三款机型,现在的传闻又称iPhone 12即将面世。不过,苹果即将到来的新iPhone的取名尚未得到苹果官方证实,这里尚且以iPhone 12命名之。此外,对iPhone的好奇心是如此之高,以致有关2021年版iPhone的传闻[详细]
-
QQ重大更新:腾讯求小学生五星一次付清
所属栏目:[系统] 日期:2020-02-27 热度:113
疫情期间,停课不能停学,各种远程教育学习平台都活跃起来,但也成为学生们的眼中钉,比如阿里钉钉就被一星评价全面包围。 最近,腾讯QQ全面更新,特别针对远程教育加入了大量新功能,在原来的QQ班级群就可以完成所有教学相关,而有了前车之鉴,腾讯官方也[详细]
-
羡慕 iPhone 的捷径功能?这款 App 让 Android 也能用上捷径
所属栏目:[系统] 日期:2020-02-24 热度:115
副标题#e# iPhone 的捷径功能可谓十分强大,许多复杂的操作让我们一键解决,但随着 Android 系统的不断进步,许多厂商也逐渐加入了简单的捷径功能。比如三星的情景模式,同样可以设定一连串动作自动完成;小米的捷径功能,也提供了类似的自动化操作。 但如果[详细]
-
50000000部!面对手机库存危机,厂商该如何应对?
所属栏目:[系统] 日期:2020-02-21 热度:182
对于智能手机厂商来说,库存是个非常考验智慧的平衡术。而在当前疫情冲击下的手机市场,库存再次成为业界关注的焦点话题。 根据天风国际分析师郭明錤称,2020年春节期间中国市场手机出货衰退约50-60%,导致目前渠道约有5000-6000万部的高水位库存。而在很[详细]
-
截止2019年,全球安卓App下载排行榜
所属栏目:[系统] 日期:2020-02-21 热度:70
给安卓全球App排名,以便了解用户最喜欢的App是一件困难的事情,这是因为,每一刻都有新App产生,每一刻也都有App死去。一个App可能已经存在了十年之久,论资排辈,资历老导致其下载基数比较大,也可能一个新App很受欢迎,但是出生晚,导致其下载量比较[详细]
-
数据中心基础设施工程的高效管理
所属栏目:[系统] 日期:2020-02-19 热度:182
副标题#e# 数据中心中的自动监控系统在市场上来说较新颖,起初这类产品包含各种功能,像是保存设备记录以及控制设备的移动和维护。直至今天,它功能不仅是绑定数据库来绘制图表传达机房信息,现代系统更能解决数据中心操作上的各种任务。在此篇文章,我们将[详细]
-
互联网大厂的负载均衡和高可用是怎么做的,看完这篇你就懂了
所属栏目:[系统] 日期:2020-02-16 热度:61
副标题#e# 一、 什么是负载均衡? 什么是负载均衡? 记得第一次接触 Nginx 是在实验室,那时候在服务器部署网站需要用 Nginx 。Nginx 是一个服务组件,用来反向代理、负载平衡和 HTTP 缓存等。那么这里的 负载均衡 是什么? 负载均衡(LB,Load Balance),是一[详细]
