-
聊一聊CSS中的长度单位的使用
所属栏目：[系统] 日期：2020-03-28 热度：51
CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和英寸（in）；有的是印刷行业使用的单位，[详细]
-
详解利用clear清除浮动的一些问题解决
所属栏目：[系统] 日期：2020-03-28 热度：178
下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before {content: .;display: block;height: 0;clear: both;visibility: hidden;} Question 1: 上面的代码的能够实现清除浮动的问题吗？ Answer： Can't. 因为clear属性只能控制元素本身与前面的[详细]
-
css隐藏移动端滚动条并且ios上平滑滚动的方法
所属栏目：[系统] 日期：2020-03-28 热度：155
css隐藏移动端滚动条并且ios上平滑滚动的方法 HTML代码如下 !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0meta http-equi[详细]
-
如何使用css绘制钻石的方法
所属栏目：[系统] 日期：2020-03-28 热度：106
听说你想要钻石:gem:？买不起，还是用css来画一个吧，但你敢送给自己女朋友，不保证不被打。 下午两点要相亲，要不把这个送相亲对象？ 效果 先看下效果吧，想一想怎么构图先。 上图是已经完成的效果。钻石整体都是由三角形构成，上五下三。上边是五个等边[详细]
-
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
所属栏目：[系统] 日期：2020-03-28 热度：72
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到[详细]
-
CSS3 不定高宽垂直水平居中的几种方式
所属栏目：[系统] 日期：2020-03-28 热度：137
.father {display: flex;justify-content: center;align-items: center;} 这种方式兼容性不好 2、position + transform .son {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} IE9以下不支持transform属性 3、table + table-ce[详细]
-
ie中出现的jquery.form.js拒绝访问,input上传按钮必须主动点击的问题
所属栏目：[系统] 日期：2020-03-28 热度：95
下面先给大家看下代码 form id=uploadFileForm2 name=uploadFileForm2 enctype=multipart/form-data method=postdiv class=upload-wapper mt20input type=file name=excelfile id=dataFile class=dataFile accept=application/vnd.openxmlformats-officedo[详细]
-
使用 CSS3 中@media 实现网页自适应的示例代码
所属栏目：[系统] 日期：2020-03-28 热度：109
如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。 一、CSS2 中的@me[详细]
-
手机定位的基本原理
所属栏目：[系统] 日期：2020-03-26 热度：66
目前智能手机的使用已经越来越普遍，手机定位也是手机上的一个核心基础功能。举一个常见的应用如叫车，司机需要知道你在哪里，同时打车软件也需要基于司机和乘客的位置规划一条路线，让司机更高效的行驶到用户这里。这就是典型的定位服务的应用。当然，除[详细]
-
微信最新功能体验一览！除了深色模式，语音转文字也更方便了
所属栏目：[系统] 日期：2020-03-26 热度：120
副标题#e# 这次微信更新的 iOS 新版本，亮点不只有「深色模式」。为了帮助大家更好地了解此次更新内容，我们将最新的微信 7.0.12 for iOS 与 7.0.11 版本进行了对比。 懒人目录 可跟随系统设置，切换为深色模式 微信群新增「群工具」 发送语音时上滑转文字[详细]
-
终于带了点干货！Android、iOS 又更新：这些功能都来了
所属栏目：[系统] 日期：2020-03-26 热度：88
今天，Android 和 iOS 迎来了较大的版本更新。 前者发布了 Android 11 开发者预览版的第二个版本(DP2); 后者推送了 iOS 13.4 最终测试版(GM)。 对于普通用户而言，两个新版本都不推荐使用，毕竟是测试版。 但正式版迟早都会到来，提前了解更新内容准是没有[详细]
-
探讨 | 无服务器架构的下一步是什么?
所属栏目：[系统] 日期：2020-03-21 热度：110
副标题#e# 将逻辑和数据自动分发到边缘将为用户带来更小的网络延迟，而无需开发人员进行配置和扩展。 无服务器服务无处不在。无服务器产品向新的编程方式发展的驱动力来自各种形式的产品，其中包括应用程序托管平台、无服务器数据库、内容分发网络(CDN)、安[详细]
-
看完这篇Nginx介绍，你也可以配置属于自己的网站
所属栏目：[系统] 日期：2020-03-21 热度：104
副标题#e# 最近在部署自己的网站(racsky.com)时，使用了Nginx的服务反向代理，并且记录了过程与大家分享，相信这篇文章能够帮助到你。 Nginx介绍 Nginx是一款轻量级、高性能的反向代理Web服务器，有着占有内存[详细]
-
iOS13.4beta5体验分享，7P流畅性有所提升
所属栏目：[系统] 日期：2020-03-19 热度：103
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR iOS13.4beta5体验分享 今天凌晨苹果发布了iOS13.4第五个测试版，但是依旧没有更新太多的东西。版本号：13.4(17E5255a)。 本次体验设备为：iPhone11Pro Max、iPhoneX、iPhone7Plus 本次体验分享由于我的[详细]
-
如何清洁你的 iPhone 和 AirPods ？苹果的官方教程来了
所属栏目：[系统] 日期：2020-03-19 热度：143
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 数码产品的清洁一直是个很大的难题。很多设备都有金属部分，需要连接电源，一些清洁剂可能不适合使用。同时数码设备又是和人们「亲密接触」最多的产品之一，不管是为了卫生还是美观，定期清洁数码设备[详细]
-
企业微信的掣肘与野望
所属栏目：[系统] 日期：2020-03-19 热度：108
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 企业微信的名头足够响亮，能为市场部一年能省下几千万的推广费用，可使用过且能够用的好的企业却凤毛麟角!对于企业微信，除了产品本身的交互逻辑不够清晰、应用学习成本高、生态匮乏之外，还有更大的问[详细]
-
欧美移动支付APP崛起：当“另类支付”不再另类
所属栏目：[系统] 日期：2020-03-19 热度：65
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 说起另类支付(alternative payments)/替代支付，在2019年之前，PayPal可能是第一个真正的另类支付选择。 这里的另类 是指，除了主要的支付方案(如Visa和MasterCard)或占主导地位的国内信用卡选项外，你[详细]
-
CSS中使用border来创建三角形的基本方法讲解
所属栏目：[系统] 日期：2020-03-18 热度：77
副标题#e# 比较简单实用的还是使用border来创建三角形，今天主要研究这个的实现 将边框分别设置为红/黄/蓝/绿 CSS Code复制内容到剪贴板 .triangle{ height:0; width:0; overflow:hidden; font-size:0; line-height:0; border-color:#ff0000#ffff00#0000ff#[详细]
-
仅针对IE8有效的CSS Hack猎奇写法
所属栏目：[系统] 日期：2020-03-18 热度：141
最近做项目的时候，引用了 Google Font 的在线字体，估计是因为浏览器对字体的渲染方式不同或者是字体格式不一样，结果导致 IE8 中导航是错位的，而 IE9 和 IE10 中是正常的。 那么就需要单独为 IE8 进行一些调整，于是就需要 IE8 的 CSS hack。一看到这里[详细]
-
CSS 实现元素较宽不能被完全展示时将其隐藏的方法
所属栏目：[系统] 日期：2020-03-18 热度：149
遇到一个需求，需要实现的样式是固定宽度的容器里一排显示若干个标签，数量不定，每个标签的长度也不定。当到了某个标签不能被完全展示下时则不显示。大致效果如下，标签只显示一排，多了放不下了就不显示了。 标签部分 DOM 结构如下 div class=labelsspan[详细]
-
使用CSS3 font-feature-settings特性减除字体动画震颤效果
所属栏目：[系统] 日期：2020-03-18 热度：195
在做 GithubProfile 项目的时候，使用了数字动画展示的效果，如My GithubProfile页面中的commits,stars以及followers数字。实际使用中，由于数字字体不等宽，造成在数字增长动画时很明显的震颤，体验非常不好。 这里我最终使用了CSS的 font-feature-settin[详细]
-
详解css3自定义滚动条样式写法
所属栏目：[系统] 日期：2020-03-18 热度：198
先简单介绍一下各个属性 ::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 ::-webkit-scr[详细]
-
CSS 的加载及加载顺序简介
所属栏目：[系统] 日期：2020-03-18 热度：50
副标题#e# 关于前端css性能优化，网上很多类似文章，我之前也写过，《 网站前端性能优化之javascript和css 》，感兴趣的可以去看下。今天我们旧事重提，再来谈谈css的加载，及加载顺序。 通常的css加载顺序 一般情况下，我们css样式表是放在头部，同时为了[详细]
-
CSS学习笔记之常用Mixin封装实例代码
所属栏目：[系统] 日期：2020-03-18 热度：122
为了有效的维护和开发项目，代码的重复利用就显得尤为重要。在Sass中，除了@import和@extend可以使你的代码更加具有重复利用性，@mixin指令也同样能提高你代码的重复使用率并简化你的代码。个人在做项目的过程中总结归纳的一些常用Mixin，现在分享出来供大[详细]
-
CSS居中实例之大小不固定的图片居中方法
所属栏目：[系统] 日期：2020-03-18 热度：83
1.利用table-cell实现垂直居中 div class=box1[站外图片上传中(5)]/div div{ width: 500px; height: 500px; background: #ccc;}.box1{ text-align:center; display: table-cell; vertical-align: middle; /* font-size: 118px; *[详细]
