-
响应式Web之流式网格系统
所属栏目:[系统] 日期:2020-03-16 热度:103
副标题#e# 随着移动端用户的增加,我们希望设计出来的网页能同时使用PC和移动端设备,同一个网页增对不同的设备显示效果也不一样,这时需要用到响应式设计。这里我先介绍一下流式网格系统。如果了解过 Bootstrap和Foundation框架的读者就能发现这两个框架都[详细]
-
CSS3中Transform动画属性用法详解
所属栏目:[系统] 日期:2020-03-16 热度:146
副标题#e# css3在原来的基础上增加了变形和动画相关的属性,动画三兄弟:transform、transition和animation,通过使用这三个属性可以达到很炫酷的效果。需要注意的是这三个属性都是css3新增的属性,各大浏览器支持方面还不是特别好,使用时要特别注意浏览器[详细]
-
CSS制作各种样式的彩虹效果
所属栏目:[系统] 日期:2020-03-16 热度:139
副标题#e# 今天看到一篇文章,说到margin的塌陷的问题,并提供了好几个例子。 自己之前还没怎么遇到过这个问题,正好来研究一下。 CSS Code复制内容到剪贴板 divclass=box1/div divclass=box2/div divclass=box3/div divclass=box4/div css样式一,使用marg[详细]
-
CSS画出一个可爱神奇的多啦A梦
所属栏目:[系统] 日期:2020-03-15 热度:175
副标题#e# 小叮当简单颜色单一,操作起来也很容易上手。接下来的一个实例就是用css画出一个多啦A梦,首先将其分为头部,和身体。然后,再根据身体各部分细节进行进一步的具体刻画。 由于最近一直在学习JavaWeb方面的东西,所以,我的这个小叮当就是用jsp页[详细]
-
CSS制作梦幻彩虹效果
所属栏目:[系统] 日期:2020-03-15 热度:127
副标题#e# 今天看到一篇文章,说到margin的塌陷的问题,并提供了好几个例子。 自己之前还没怎么遇到过这个问题,正好来研究一下。 XML/HTML Code复制内容到剪贴板 divclass=box1/div divclass=box2/div divclass=box3/div divclass=box4/div css样式一,使[详细]
-
CSS3弹性伸缩布局之box布局
所属栏目:[系统] 日期:2020-03-15 热度:148
副标题#e# CSS3弹性伸缩布局简介 2009年,W3C提出了一种崭新的方案----Flex布局(即弹性伸缩布局),它可以简便、完整、响应式地实现各种页面布局,包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段,并[详细]
-
单元格内文本显示超过单元格宽度的快速解决办法
所属栏目:[系统] 日期:2020-03-15 热度:96
开发过程中,表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。 1、超出部分显示省略号(...) 解决办法:在css中设置 text-overflow:ellipsis; text-overflow: 2、换行显示 解决办法: 在css中设置 white-space:normal; white-sp[详细]
-
CSS布局基础BFC
所属栏目:[系统] 日期:2020-03-15 热度:111
副标题#e# 第一次看到这个名词,我是拒绝的,css什么时候还有这个东西?于是迫不及待的google了一下,才发现原来它无时无刻不在我们的css当中,只不过它并不是一个属性,不需要我们平常使用手写罢了。但是它的重要性确是杠杠的,可以这么说,没有它就就没有[详细]
-
CSS特殊性、继承与层叠
所属栏目:[系统] 日期:2020-03-15 热度:181
选择器的特殊性由选择器本身的组件确定;特殊性由四个部分组成,其初始值为0,0,0,0。 1. 对于选择器中的每一个id,加0,1,0,0; 2. 对于选择器中的每一个类、伪类、属性选择,加0,0,1,0; 3. 对于选择器中的每一个元素、伪元素,加0,0,0,1; 4.[详细]
-
Web移动端布局那些事
所属栏目:[系统] 日期:2020-03-15 热度:100
最近做了一个针对微信移动端的项目,在开发中遇到了不少的坑,学到了也不少,发现有许多地方值得写一下,以供做web移动端同学参考参考。 一、单位 说到移动端,不得不提适配问题,大大小小的移动设备不但让做android和ios的难过,因为设备大小和浏览器的差[详细]
-
CSS margin全面了解
所属栏目:[系统] 日期:2020-03-15 热度:174
副标题#e# 一、margin可以为负值 在盒模型中,内容区的width/height、padding、border都不能为负值,但是margin例外,它可以为负值。 关于margin负值的使用技巧,了解不多,日后有机会再补充,此处先贴一个经典应用,margin-left负值结合浮动实现不改变DOM[详细]
-
使用CSS3代码绘制可爱的Hello Kitty猫
所属栏目:[系统] 日期:2020-03-15 热度:57
副标题#e# 感觉这个 Hello Kitty 画的还不错,心血来潮也用 CSS3 画了个 Hello Kitty,现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。我们先看下原图: 结构分解 从上图可以看出,Hello Kitty 由脸蛋、耳朵、红色[详细]
-
关于排版中经常见的问题及解决方法(分享)
所属栏目:[系统] 日期:2020-03-15 热度:126
关于排版中经常见的问题及解决方法(分享) CSS Code复制内容到剪贴板 /*去除默认样式*/ -webkit-appearance:none; /*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景 解决方案1:*/ a,button,input,optgroup,select,textarea,div{ -webkit-ta[详细]
-
浅谈CSS 权值 层叠 重要性(!important)
所属栏目:[系统] 日期:2020-03-15 热度:122
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码: XML/HTML Code复制内容到剪贴板 p{color:red;} .first{color:green;} pclass=first三年级时,我还是一个span胆小如鼠/span的小女孩。/p p和.firs[详细]
-
演进:Tengine从Web代理服务器到分布式推送服务器
所属栏目:[系统] 日期:2020-03-14 热度:163
副标题#e# Tengine 作为代理服务器,在集团有着广泛的应用基础,从 部署在 应用单机上的 Tengine ,到作为集群式部署的统一接入 Aserver ,可以说集团几乎所有应用机器均运行着 Tengine 。当然, Tengine 的不同部署形态,其作用也不经相同,这都得益于Teng[详细]
-
收益 or 挑战?Serverless 究竟给前端带来了什么
所属栏目:[系统] 日期:2020-03-14 热度:105
副标题#e# Serverless 是一种 无服务器架构,让用户无需关心程序运行环境、资源及数量,只要将精力 Focus 到业务逻辑上的技术。 现在公司已经实现 DevOps 化,正在向 Serverless 迈进,而为什么前端要关注 Serverless? 对业务前端同学: 会改变前后端接口定[详细]
-
终于!iPhone能用安卓系统了
所属栏目:[系统] 日期:2020-03-11 热度:97
3月5日,有消息称,国外有网友经过研究,成功打破了iPhone与Android的界限,不可思议地在越狱后的iPhone上跑起了Android 10系统,这百年难得一见的操作也是让许多网友大吃一惊。 这支国外小组采用的是名为checkra1n的越狱解决方案,该越狱方案可以用安卓系[详细]
-
被吹得天花乱坠的无服务器架构,究竟是什么?
所属栏目:[系统] 日期:2020-03-07 热度:72
副标题#e# 无服务器计算(Severless computing,简称 Serverless)现在是软件架构圈中的热门话题,国外三大云计算供应商(Amazon、Google 和 Microsoft)都在大力投入这个领域,涌现了不计其数的相关书籍、开源框架、商业产品、技术大会。到底什么是 Serverless[详细]
-
如何设计大型游戏服务器架构?
所属栏目:[系统] 日期:2020-03-07 热度:98
副标题#e# 游戏服务器,是一个会长期运行程序,并且它还要服务于多个不定时,不定点的网络请求。所以这类服务的特点是要特别关注稳定性和性能。这类程序如果需要多个协作来提高承载能力,则还要关注部署和扩容的便利性;同时,还需要考虑如何实现某种程度容[详细]
-
Java搭建Web服务器之Socket编程,理解 Apache、Tomcat
所属栏目:[系统] 日期:2020-03-07 热度:128
副标题#e# 之前做web应用一直是在本地装个Apache、Tomcat之类的软件,然后把做好的网页文件放在他们的工作目录下(如Apache的htdocs),然后打开浏览器输入127.0.0.1或localhost就可以直接访问了,好神奇,可是为什么,怎么实现的呢,早就知道有Socket(套接字[详细]
-
手机线下店恢复营业两星期,关于销量他只说了这四个字
所属栏目:[系统] 日期:2020-03-05 热度:144
副标题#e# 四个字:惨不忍睹。 在和一位头部手机品牌的地区经理聊天时,当问到近期门店重新开业之后的经营状况,懂懂笔记得到了这样的回复。 这种情况或许不仅是在东北,很可能华北、华东以及华南众多城市的线下手机门店,也都处在类似的境地中。 进入2月下[详细]
-
苹果建议不要滑动关闭后台程序:否则会影响电池寿命
所属栏目:[系统] 日期:2020-03-05 热度:105
据外媒报道,苹果公司表示,在iPhone上滑动关闭应用程序可能会缩短iPhone电池寿命,并使设备变慢。 有的用户认为,在后台的应用程序也占用CPU且费电,使用更少的应用程序意味着更长的电池寿命。所以用户会经常滑动关闭暂不使用的应用程序来省电,但被证实[详细]
-
QQ重大更新:腾讯求小学生五星一次付清
所属栏目:[系统] 日期:2020-02-28 热度:163
疫情期间,停课不能停学,各种远程教育学习平台都活跃起来,但也成为学生们的眼中钉,比如阿里钉钉就被一星评价全面包围。 最近,腾讯QQ全面更新,特别针对远程教育加入了大量新功能,在原来的QQ班级群就可以完成所有教学相关,而有了前车之鉴,腾讯官方也[详细]
-
2020版iPhone:有关iPhone 12系列的七大传闻
所属栏目:[系统] 日期:2020-02-28 热度:170
尽管苹果在仅仅五个月前的2019年9月推出了iPhone 11三款机型,现在的传闻又称iPhone 12即将面世。不过,苹果即将到来的新iPhone的取名尚未得到苹果官方证实,这里尚且以iPhone 12命名之。此外,对iPhone的好奇心是如此之高,以致有关2021年版iPhone的传闻[详细]
-
50000000部!面对手机库存危机,厂商该如何应对?
所属栏目:[系统] 日期:2020-02-21 热度:154
对于智能手机厂商来说,库存是个非常考验智慧的平衡术。而在当前疫情冲击下的手机市场,库存再次成为业界关注的焦点话题。 根据天风国际分析师郭明錤称,2020年春节期间中国市场手机出货衰退约50-60%,导致目前渠道约有5000-6000万部的高水位库存。而在很[详细]