-
修复一个因为scrollbar占据空间导致的bug问题
所属栏目：[教程] 日期：2020-06-17 来源：DaWei
这一个因为滚动条占据空间引起的bug, 查了一下资料， 最后也解决了，顺便研究一下这个属性， 做一下总结，分享给大家看看。 正文 昨天， 测试提了个问题， 现象是一个输入框的聚焦提示偏了， 让我修一下, 如下图： 起初认为是红框提示位置不对， 就去找代[详细]
-
详解CSS3实现响应式手风琴效果
所属栏目：[教程] 日期：2020-06-17 来源：DaWei
最近看了国外大佬用CSS3实现手风琴效果的视频,所以自己学习后写了一下,以博客的形式记录下来,方便自己日后复习,代码结构如下(字体用的是Genericons ): 最终效果如下: 全屏时: 屏幕宽度小于960px时: 下面来看一下页面的基本结构(index.html): !DOCTYPE html[详细]
-
纯CSS实现左右拖拽改变布局大小
所属栏目：[教程] 日期：2020-06-17 来源：DaWei
利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。 webkit浏览器下滚动条可以自定义，其中resize区域大小就是scrollbar的大小，于是，我们可以将整个拉伸区域变成和容器一样高。 实现原理 CSS中有一个resize属性，[详细]
-
CSS中的float和margin的混合使用示例代码
所属栏目：[教程] 日期：2020-06-17 来源：DaWei
在最近的学习中，在GitHub上找了一些布局练习，我发现了我自己对布局超级不熟悉（很难受）。 在以前的学习中，感觉使用CSS就记住各个属性的功能就OK了，但是呢？真的很打脸。不说了，太伤心了，进入正题吧！ 最近我使用float和margin布局，加深了我对这两[详细]
-
CSS3中引入多种自定义字体font-face
所属栏目：[教程] 日期：2020-06-17 来源：DaWei
今天在HTML中发现了一个问题，提供给我们默认的字体有很多，但是除了那些黑体、宋体、楷体等支持中文字体之外，其余的都不知道中文字体，如果我们需要用自己喜欢的字体怎么办呢？CSS3中是否可以引入自定义下载的字体呢？如果可以我们应该怎么引入？带着这[详细]
-
CSS页面布局中HTML结构化
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意： 第一种可能是你还没有理解CSS处理页面的原理。 在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告[详细]
-
CSS选择器的使用技巧
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
前面一篇文章介绍了CSS页面布局中HTML结构化，本节讲解如何使用巧妙的使用CSS选择器。 id用于标识页面唯一元素，id的名称是控制某一内容块的手段，通过将某内容块置入div并赋予唯一的id，就可以用CSS选择器来精确定义每一个页面元素的外观表现，包括标题、[详细]
-
dl、dt、dd 标记来改造163邮箱的广告条
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
打开网易邮箱的登录界面，我们会发现，在首页的底部有这样一个最新动态的广告条，其设计代码如下：HTML代码 [Ctrl A 全部选择 提示：你可先修改部分代码，再按运行] 在这里，网易采用了table来设计这个页面效果，当然table用在这里并没有什么不妥。但是今天[详细]
-
英文教程：鼠标悬停（hover）效果
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
前面一个CSS教程介绍了在网页中利用CSS建立立体表格效果，今天给大家来一篇很不错的鼠标悬停效果，也是用CSS实现的。 这是一个很棒的鼠标悬停（hover）效果。从国外的网站上看到了，转载过来。没有作任何翻译与编辑，大家可以偿试阅读英文教程，加油！ 注[详细]
-
CSS教程：网页图片垂直居中的使用技巧
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
在曾经的 淘宝UED 招聘 中有这样一道题目： 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 题目的难点在于两[详细]
-
你知道CSS中长度单位pt、px、dpi的意思吗？
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
在印刷排版中point是一个绝对的单位，它等于1/72英寸。可以用尺子丈量的，物理的英寸。 但在CSS中pt的含义却非如此，例如我们指定一个字体是9pt，浏览器会以CSS规范解释，它等于： 9*1/72=1/8inch 这是一个误解，因为我们的显示器被分割为了一个个的像素，[详细]
-
acronym标记和abbr标记的不同之处
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
acronym从字义上理解，是取首字母的缩写词，abbr是缩写，在应用过程中，两个标签看起来差不多，但个人觉得还是有区别的。看下面的例子： Internet Explorer acronym title=IEInternet Explorer/acronym Cascading Style Sheets acronym title=cssCascading[详细]
-
CSS编写的网页打开流畅相关知识与注意点
所属栏目：[教程] 日期：2020-06-16 来源：DaWei
我们都熟知JavaScript可能会对Web页面的加载与显示产生较大的影响，因此我们常常关注JavaScript是不是会占用客户端较多的资源，然而大部分都会忽略的一件有趣的事情，CSS也会对Web页面载入的效率产生影响。 我们罗列了十几条相关的知识与注意点，大家可以[详细]
-
idea2020.1 常用设置图文详解
所属栏目：[教程] 日期：2020-06-15 来源：DaWei
停用自动更新，因为我也不知道更新后能不能用。。。 ## 设置作者和代码相关信息在右方写这些东西，下面的description中有相关变量的描述，可以根据情况写 设置版权 点击editor下的加号可以进行版权添加，相关信息就是作者和版权啥的 自动编译 让idea自动编[详细]
-
使用动画实现微信读书的换一批效果(两种方式)
所属栏目：[教程] 日期：2020-06-15 来源：DaWei
先来看看微信读书的效果 实现思路 这个效果比较简单，主要是旋转view，然后在旋转结束后更换view的背景，考虑到需要旋转view，所以使用动画来实现 两种实现方式1.方式一 使用ObjectAnimator结合AnimatorSet 核心过程如下： 创建布局，一个容器，四个view，[详细]
-
大规格文件的上传优化思路详解
所属栏目：[教程] 日期：2020-06-15 来源：DaWei
副标题#e# 在开发过程中，收到这样一个问题反馈，在网站上传 100 MB 以上的文件经常失败，重试也要等老半天，这就难为需要上传大规格文件的用户了。那么应该怎么做才能快速上传，就算失败了再次发送也能从上次中断的地方继续上传呢？下文为你揭晓答案~ 温馨[详细]
-
IntelliJ IDEA 性能优化的教程详解
所属栏目：[教程] 日期：2020-06-15 来源：DaWei
副标题#e# idea打开的多了 内存占用也就多了 下边是亲试的优化ide性能的方法 1.设置JVM的启动参数： 进入idea的安装目录的bin文件夹 打开 idea.exe.vmoptions 文件， 修改-Xmx 的 值为2048m 打开 idea64.exe.vmoptions 文件， 修改-Xmx 的 值为2048m 打开id[详细]
-
Win10下为VSCode配置LaTex编辑器的方法
所属栏目：[教程] 日期：2020-06-15 来源：DaWei
写小论文的利器是什么呢？LaTex！写代码的利器是什么呢？VSCode！好，那么如何在VSCode上配置LaTex环境呢，以及配置之后，如何选择编译的方式呢？大部分博客只说如何配置，却不说如何编译，导致在编译的过程中总是报错，本文就详细的讲一下这两点。 配置La[详细]
-
IM聊天教程之发送图片/视频/语音/表情
所属栏目：[教程] 日期：2020-06-15 来源：DaWei
经常有朋友问起，如何在IM即时通讯中实现发送图片、视频、语音和表情？ 为此，小编特意写了一个vue版本的Demo，实现了图片视频文件和表情的的发送，参考这个Demo源代码，相信你就可以轻松的用Uniapp和小程序完成类似的功能。 一、图片/视频/语音发送 对于[详细]
-
PS5来了，PSVR2还会远吗？
所属栏目：[教程] 日期：2020-06-14 来源：DaWei
北京时间6月12日凌晨4点，索尼次世代游戏主机PlayStation 5（PS5）线上发布会如约而至。此次除了PS5主机的神秘面纱终于被揭开，我们还看到了一大波即将登陆PS5的游戏新作（当然也包括某些经典游戏的重制版）。通过宣传视频，我们得知PS5的主机部分将包含两[详细]
-
医生戴VR眼镜做脑瘤手术 又快又有准头
所属栏目：[教程] 日期：2020-06-14 来源：DaWei
戴上一副眼镜就能进入一个全新的虚拟世界，这种技术就是VR（Virtual Reality）虚拟现实技术。当医学用上VR技术将碰撞出怎样的改变？ 辽宁省人民医院率先在辽宁地区利用VR技术辅助，成功为3名患者实施颅内肿瘤手术。在手术前，医生和家属戴上VR眼镜能360度[详细]
-
Oculus Quest手势追踪技术使用户在VR中学习基本手语成为可能
所属栏目：[教程] 日期：2020-06-13 来源：DaWei
据外媒roadtovr报道，瑞士大学计算机感知与VR研究小组的研究人员Cédric Girardin创建了一款Oculus Quest应用“手指字母VR-Trainings”，该应用可以识别和教授用户多达23种德语拼写字母手势。 在该应用中，用户可以根据显示的3D字母做出相应的手势动作，系[详细]
-
南航飞机维修厂启用VR航空实训平台
所属栏目：[教程] 日期：2020-06-13 来源：DaWei
据中国民航网报道，南航大连分公司飞机维修厂近日正式启用VR航空实训平台，并结合「维修技能系列赛」对空客A320机型进行航线工卡检查操作培训，将培训内容可视化、立体化、体验化。 「维修技能系列赛」是南航大连分公司维修厂用以提升机务维修技能的法宝，[详细]
-
波音正在使用Varjo头显训练宇航员
所属栏目：[教程] 日期：2020-06-13 来源：DaWei
据外媒roadtovr报道，美国波音公司正在使用瑞典VR头显厂商Varjo旗下的头显训练宇航员，这是该公司为将于2021年在国际空间站进行的Starliner任务制定的一项VR培训计划。 波音自2017年以来一直在研究VR硬件和软件，不过这家公司发现由于受到VR头显分辨率的限[详细]
-
VR冒险游戏《无人深空》发布全新更新支持跨平台体验
所属栏目：[教程] 日期：2020-06-13 来源：DaWei
据外媒roadtovr报道，由美国游戏工作室Hello Games开发的星际冒险游戏《无人深空》自去年推出支持VR功能的重大更新“无人深空：BEYOND”以来，该工作室就一直在持续推出更新内容。近日，Hello Games发布了该作的最新更新，并提供PC、Xbox One、PS4跨平台多[详细]
