-
详解CSS Masking模块之Clipping
所属栏目:[系统] 日期:2020-06-08 热度:165
副标题#e# 最近业务中需要实现一些镂空的效果。看到这些效果我最初想到的是通过CSS的 mask 和 clip-path 来实现,甚至还想结合SVG相关的特性。为了验证自己的一些想法,开始着手撸码,但问题来了,在撸码的过程中,我发现自己对于 mask 的相关特性理解的还[详细]
-
移动端rem布局的两种实现方法
所属栏目:[系统] 日期:2020-06-07 热度:155
据了解,现在有两种rem布局的样式控制,其中一种是通过css的媒体查询,另外一种是通过引入js来控制,这两种方法各有各的优点,但是我还是喜欢用引入js的方法来实现rem布局,尽管现在市面上大多数都在使用css媒体查询的方式实现,在此我就将这两种方法做一[详细]
-
CSS 常用中文字体 Unicode 编码表
所属栏目:[系统] 日期:2020-06-07 热度:76
在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。 为此,在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。 例如: font-f[详细]
-
css3 响应式媒体查询的示例代码
所属栏目:[系统] 日期:2020-06-07 热度:146
/* 将body的背景颜色设置为tan */body { background-color: tan;}/* 在992px或更低的屏幕上,将背景颜色设置为蓝色 */@media screen and (max-width: 992px) { body {background-color: blue; }}/* 在600px或更低的屏幕上,将背景颜色设置为橄榄色 */@medi[详细]
-
CSS3动画之利用requestAnimationFrame触发重新播放功能
所属栏目:[系统] 日期:2020-06-07 热度:104
css3中引入了animation模块,自此css动画进入了我们的视野。css动画名符其实,会写css样式就可以创作动画,对一些不怎么会JS的设计师也是比较包容的。但也正因为如此,当你需要重新播放或者说手动触发动画时,css的局限性就突显出来了,毕竟它不是一门编程语[详细]
-
CSS背景图片实现自适应、全屏、填充与拉伸的方法
所属栏目:[系统] 日期:2020-06-07 热度:134
div id=formbackground style=position:absolute; width:100%; height:100%; z-index:-1 img src=http://www.jb51.net/css/pictures/background.jpg height=100% width=100%/ /div div id=formbackground style=position:absolute; z-index:-1;img src=htt[详细]
-
浅谈CSS 浏览器样式重置终结版
所属栏目:[系统] 日期:2020-06-07 热度:58
副标题#e# 浏览器的一些默认样式,有时候真的是特别丑; 虽然现在有现成的 UI 框架,但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题,最后将给出完整的重置样式表; 如果有遇到其它样式问题,评论区提建议,我将持续更新 样式问[详细]
-
CSS实现标签效果的示例代码
所属栏目:[系统] 日期:2020-06-07 热度:162
这里以制作图片右上角标签为例,用CSS以最简单、直接的方式实现效果。 实现效果 实现思路 准备两个div(一个父容器,一个标签div),分别设置宽高,并设置相对布局。 使标签div居于父容器右上角,设置内容居中显示,设置背景和字体颜色,旋转该div。 将父[详细]
-
CSS实现带箭头的提示框效果【示例代码】
所属栏目:[系统] 日期:2020-06-07 热度:180
我们在很多UI框架中看到带箭头的提示框,感觉挺漂亮,但是之前一直不知道其原理,今天网上找了些资料算是弄清楚原理了; 先上效果图: 原理分析: 上面的箭头有没有觉得很像一个三角形,是的,它就是三角形;只不过它这个尖角是通过两个三角形来实现的;[详细]
-
使用css创建一个优惠券的方法
所属栏目:[系统] 日期:2020-06-07 热度:62
添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用 css . 网上有几种方案: 一种是 boder+clip 的形式,裁剪出4个小半圆角,拼凑在一起[详细]
-
使用CSS 给表单必选项添加星号的实现方法
所属栏目:[系统] 日期:2020-06-07 热度:123
在制作网页表单的时候,如果一个选项是必填的,通常会给选项添加一个星号,比如 Typecho 的评论表单: p class=form-grouplabel for=author姓名/label span class=required*/spaninput type=text id=author name=author required=required size=30 class=f[详细]
-
被吹得天花乱坠的无服务器架构,究竟是什么?
所属栏目:[系统] 日期:2020-03-07 热度:130
副标题#e# 无服务器计算(Severless computing,简称 Serverless)现在是软件架构圈中的热门话题,国外三大云计算供应商(Amazon、Google 和 Microsoft)都在大力投入这个领域,涌现了不计其数的相关书籍、开源框架、商业产品、技术大会。到底什么是 Serverless[详细]
-
如何设计大型游戏服务器架构?
所属栏目:[系统] 日期:2020-03-07 热度:119
副标题#e# 游戏服务器,是一个会长期运行程序,并且它还要服务于多个不定时,不定点的网络请求。所以这类服务的特点是要特别关注稳定性和性能。这类程序如果需要多个协作来提高承载能力,则还要关注部署和扩容的便利性;同时,还需要考虑如何实现某种程度容[详细]
-
Java搭建Web服务器之Socket编程,理解 Apache、Tomcat
所属栏目:[系统] 日期:2020-03-07 热度:196
副标题#e# 之前做web应用一直是在本地装个Apache、Tomcat之类的软件,然后把做好的网页文件放在他们的工作目录下(如Apache的htdocs),然后打开浏览器输入127.0.0.1或localhost就可以直接访问了,好神奇,可是为什么,怎么实现的呢,早就知道有Socket(套接字[详细]
-
手机线下店恢复营业两星期,关于销量他只说了这四个字
所属栏目:[系统] 日期:2020-03-05 热度:190
副标题#e# 四个字:惨不忍睹。 在和一位头部手机品牌的地区经理聊天时,当问到近期门店重新开业之后的经营状况,懂懂笔记得到了这样的回复。 这种情况或许不仅是在东北,很可能华北、华东以及华南众多城市的线下手机门店,也都处在类似的境地中。 进入2月下[详细]
-
苹果建议不要滑动关闭后台程序:否则会影响电池寿命
所属栏目:[系统] 日期:2020-03-05 热度:197
据外媒报道,苹果公司表示,在iPhone上滑动关闭应用程序可能会缩短iPhone电池寿命,并使设备变慢。 有的用户认为,在后台的应用程序也占用CPU且费电,使用更少的应用程序意味着更长的电池寿命。所以用户会经常滑动关闭暂不使用的应用程序来省电,但被证实[详细]
-
QQ重大更新:腾讯求小学生五星一次付清
所属栏目:[系统] 日期:2020-02-27 热度:126
疫情期间,停课不能停学,各种远程教育学习平台都活跃起来,但也成为学生们的眼中钉,比如阿里钉钉就被一星评价全面包围。 最近,腾讯QQ全面更新,特别针对远程教育加入了大量新功能,在原来的QQ班级群就可以完成所有教学相关,而有了前车之鉴,腾讯官方也[详细]
-
2020版iPhone:有关iPhone 12系列的七大传闻
所属栏目:[系统] 日期:2020-02-27 热度:68
尽管苹果在仅仅五个月前的2019年9月推出了iPhone 11三款机型,现在的传闻又称iPhone 12即将面世。不过,苹果即将到来的新iPhone的取名尚未得到苹果官方证实,这里尚且以iPhone 12命名之。此外,对iPhone的好奇心是如此之高,以致有关2021年版iPhone的传闻[详细]
-
50000000部!面对手机库存危机,厂商该如何应对?
所属栏目:[系统] 日期:2020-02-21 热度:61
对于智能手机厂商来说,库存是个非常考验智慧的平衡术。而在当前疫情冲击下的手机市场,库存再次成为业界关注的焦点话题。 根据天风国际分析师郭明錤称,2020年春节期间中国市场手机出货衰退约50-60%,导致目前渠道约有5000-6000万部的高水位库存。而在很[详细]
-
羡慕 iPhone 的捷径功能?这款 App 让 Android 也能用上捷径
所属栏目:[系统] 日期:2020-02-21 热度:150
副标题#e# iPhone 的捷径功能可谓十分强大,许多复杂的操作让我们一键解决,但随着 Android 系统的不断进步,许多厂商也逐渐加入了简单的捷径功能。比如三星的情景模式,同样可以设定一连串动作自动完成;小米的捷径功能,也提供了类似的自动化操作。 但如果[详细]
-
截止2019年,全球安卓App下载排行榜
所属栏目:[系统] 日期:2020-02-21 热度:200
给安卓全球App排名,以便了解用户最喜欢的App是一件困难的事情,这是因为,每一刻都有新App产生,每一刻也都有App死去。一个App可能已经存在了十年之久,论资排辈,资历老导致其下载基数比较大,也可能一个新App很受欢迎,但是出生晚,导致其下载量比较[详细]
-
数据中心基础设施工程的高效管理
所属栏目:[系统] 日期:2020-02-20 热度:166
副标题#e# 数据中心中的自动监控系统在市场上来说较新颖,起初这类产品包含各种功能,像是保存设备记录以及控制设备的移动和维护。直至今天,它功能不仅是绑定数据库来绘制图表传达机房信息,现代系统更能解决数据中心操作上的各种任务。在此篇文章,我们将[详细]
-
QQ够狠!更新4个新功能,专治小学生
所属栏目:[系统] 日期:2020-02-14 热度:103
今天,电脑QQ和手机QQ突然来了个紧急更新,上线了一些小功能。 为什么说小功能呢?因为它们主要为了照顾受疫情影响,被逼无限期延迟开学的学生和老师。 专门对群视频、群聊天进行了特殊优化,方便老师远程直播,管理学生,安心教学。 至于怎么个优化法,往[详细]
-
从Google出发,聊聊未来的产品设计趋势
所属栏目:[系统] 日期:2020-02-14 热度:99
副标题#e# 自 21 年前发布之日起,Google 搜索就一直是卓越产品设计的成功案例。 在过去的 20 年里,Google 通过致力于实现其雄心勃勃的目标──「组织世界各地的信息,并使其普遍可访问和具有实用性。」并超越了所有竞争对手。这不仅是搜索,Google 及其母[详细]
-
详谈服务器内存和显存知识
所属栏目:[系统] 日期:2020-02-13 热度:121
副标题#e# 早期内存通过存储器总线和北桥相连,北桥通过前端总线与CPU通信。从Intel Nehalem起,北桥被集成到CPU内部,内存直接通过存储器总线和CPU相连。 所以,在AMD采用Socket FM1,Intel采用LGA 1156插槽之后的处理器都集成了北桥,独立的北桥已经消失[详细]
