-
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
所属栏目：[系统] 日期：2020-03-28 热度：76
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到[详细]
-
CSS3 不定高宽垂直水平居中的几种方式
所属栏目：[系统] 日期：2020-03-28 热度：179
.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 热度：152
下面先给大家看下代码 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 热度：146
如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。 一、CSS2 中的@me[详细]
-
手机定位的基本原理
所属栏目：[系统] 日期：2020-03-27 热度：66
目前智能手机的使用已经越来越普遍，手机定位也是手机上的一个核心基础功能。举一个常见的应用如叫车，司机需要知道你在哪里，同时打车软件也需要基于司机和乘客的位置规划一条路线，让司机更高效的行驶到用户这里。这就是典型的定位服务的应用。当然，除[详细]
-
微信最新功能体验一览！除了深色模式，语音转文字也更方便了
所属栏目：[系统] 日期：2020-03-27 热度：148
副标题#e# 这次微信更新的 iOS 新版本，亮点不只有「深色模式」。为了帮助大家更好地了解此次更新内容，我们将最新的微信 7.0.12 for iOS 与 7.0.11 版本进行了对比。 懒人目录 可跟随系统设置，切换为深色模式 微信群新增「群工具」 发送语音时上滑转文字[详细]
-
终于带了点干货！Android、iOS 又更新：这些功能都来了
所属栏目：[系统] 日期：2020-03-27 热度：72
今天，Android 和 iOS 迎来了较大的版本更新。 前者发布了 Android 11 开发者预览版的第二个版本(DP2); 后者推送了 iOS 13.4 最终测试版(GM)。 对于普通用户而言，两个新版本都不推荐使用，毕竟是测试版。 但正式版迟早都会到来，提前了解更新内容准是没有[详细]
-
探讨 | 无服务器架构的下一步是什么?
所属栏目：[系统] 日期：2020-03-21 热度：126
副标题#e# 将逻辑和数据自动分发到边缘将为用户带来更小的网络延迟，而无需开发人员进行配置和扩展。 无服务器服务无处不在。无服务器产品向新的编程方式发展的驱动力来自各种形式的产品，其中包括应用程序托管平台、无服务器数据库、内容分发网络(CDN)、安[详细]
-
看完这篇Nginx介绍，你也可以配置属于自己的网站
所属栏目：[系统] 日期：2020-03-21 热度：155
副标题#e# 最近在部署自己的网站(racsky.com)时，使用了Nginx的服务反向代理，并且记录了过程与大家分享，相信这篇文章能够帮助到你。 Nginx介绍 Nginx是一款轻量级、高性能的反向代理Web服务器，有着占有内存[详细]
-
全面总结使用CSS实现水平垂直居中效果的方法
所属栏目：[系统] 日期：2020-03-20 热度：156
副标题#e# 说起水平垂直居中大家常看到的是使用绝对定位与负margin的配合或者是inline-block配合vertical-align:middle等方法。当然还有其他一些解决方案，比如说，在水平垂直居中系列中介绍了一些制作方案。但这些方案或多或少都存在一些局限性。假设，要[详细]
-
CSS中的z-index属性基本使用教程
所属栏目：[系统] 日期：2020-03-20 热度：122
副标题#e# CSS Code复制内容到剪贴板 z-index:auto|integer z-index 接受的属性值为：关键字auto和整数，整数可以是负值（Firefox2.0及之前不支持负值）。 需要注意的是 z-index 虽然很给力，却只能应用于定位元素（即设置了 position 属性为非 static 值）[详细]
-
CSS制作三角形广告引导文字效果
所属栏目：[系统] 日期：2020-03-20 热度：163
副标题#e# 街上经常碰到一些发各类广告传单的，有一次收到一张房地产广告的传单，顺手留下来，看着里面有些广告挺吸引人，同时也想练练自己css技术，故抽空做了一下。 原图某区域如下： 实现上图效果是需要一些想象力的，比如三角形的构成和左右两边的空白[详细]
-
利用CSS的Sass预处理器（框架）来制作居中效果
所属栏目：[系统] 日期：2020-03-20 热度：95
副标题#e# 虽然使用 CSS 创建居中效果需要耍一些花招，特别是垂直居中效果，但我认为由此生出的诋毁，对于 CSS 则是不公平的。实际上我们有太多的方式使用 CSS 创建居中效果了，而且作为一名前端开发者，你真的有必要对其中的原理了解一二。 写这篇文章的目[详细]
-
欧美移动支付APP崛起：当“另类支付”不再另类
所属栏目：[系统] 日期：2020-03-19 热度：68
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 说起另类支付(alternative payments)/替代支付，在2019年之前，PayPal可能是第一个真正的另类支付选择。 这里的另类 是指，除了主要的支付方案(如Visa和MasterCard)或占主导地位的国内信用卡选项外，你[详细]
-
iOS13.4beta5体验分享，7P流畅性有所提升
所属栏目：[系统] 日期：2020-03-19 热度：182
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR iOS13.4beta5体验分享 今天凌晨苹果发布了iOS13.4第五个测试版，但是依旧没有更新太多的东西。版本号：13.4(17E5255a)。 本次体验设备为：iPhone11Pro Max、iPhoneX、iPhone7Plus 本次体验分享由于我的[详细]
-
如何清洁你的 iPhone 和 AirPods ？苹果的官方教程来了
所属栏目：[系统] 日期：2020-03-19 热度：57
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 数码产品的清洁一直是个很大的难题。很多设备都有金属部分，需要连接电源，一些清洁剂可能不适合使用。同时数码设备又是和人们「亲密接触」最多的产品之一，不管是为了卫生还是美观，定期清洁数码设备[详细]
-
企业微信的掣肘与野望
所属栏目：[系统] 日期：2020-03-19 热度：174
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 企业微信的名头足够响亮，能为市场部一年能省下几千万的推广费用，可使用过且能够用的好的企业却凤毛麟角!对于企业微信，除了产品本身的交互逻辑不够清晰、应用学习成本高、生态匮乏之外，还有更大的问[详细]
-
CSS3 media queries + jQuery实现响应式导航
所属栏目：[系统] 日期：2020-03-19 热度：188
副标题#e# 实现一个响应式导航，当屏幕宽度大于700px时，效果如下： 当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来： 思路： 1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉[详细]
-
关于清除浮动塌陷的几种方法总结
所属栏目：[系统] 日期：2020-03-19 热度：200
副标题#e# 什么是浮动呢？ 定义这样说：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行。 浮动的的元素有4点特性： 1.浮动元素会脱离标准文档流，已经不区分快和行了。[详细]
-
前端制作动画的几种方式（css3，js）
所属栏目：[系统] 日期：2020-03-19 热度：127
副标题#e# 制作动态的网页是是前端工程师必备的技能，很好的实现动画能够极大的提高用户体验，增强交互效果，那么动画有多少实现方式，一直对此有选择恐惧症的我就总结一下，以便在开发的时候选择最好的实现方式。 1.css的transition。 语法： transition:[详细]
-
使用css3绘制出各种几何图形
所属栏目：[系统] 日期：2020-03-19 热度：131
副标题#e# 1、圆形 示例: 思路：给任何正方形元素设置一个足够大的 border-radius ，就可以把它变成一个圆形.代码如下： html: 复制代码 代码如下: div/div css: 复制代码 代码如下: .size{ width:200px; height: 200px; background: #8BC34A; } .example1{[详细]
-
CSS3实现跳动的动画效果
所属栏目：[系统] 日期：2020-03-19 热度：193
这个要运用的新知识如下： 复制代码 代码如下: //css3新知识 display: flex; justify-content: center; align-items: center; animation: shadow .5s linear infinite; @keyframes shadow { 0%, 100% {transform: scaleX(1);} 50% {transform: scaleX(1.2)[详细]
-
margin 负值引起的层级（z-index）问题
所属栏目：[系统] 日期：2020-03-19 热度：93
先来看这么一段代码： 复制代码 代码如下: div div mce_style="background-color:Red;margin-top: -5px " a href="https://www.jb51.net/" mce_href="https://www.jb51.net/"脚本之家/a/div /div IE6和IE7下，内层的容器被外层覆盖，如图所示： 在IE8和ff下[详细]
-
主流浏览器css兼容问题汇总
所属栏目：[系统] 日期：2020-03-19 热度：87
副标题#e# 现在就post一些做兼容的总结，可能不够全面，但是可以告诉大家如何避过一些坑。主要测试了chrome，firefox，ie8、9、11，360浏览器。 一、基本的css兼容： 1、可能很多人喜欢用css hack的形式去兼容ie浏览器，但是我自己用起来感觉其实不好使 。i[详细]
-
比较全的CSS浏览器兼容问题整理总结
所属栏目：[系统] 日期：2020-03-18 热度：53
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并 整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声[详细]
浙公网安备 33038102330465号