-
css transition animation的使用（内含贝赛尔曲线详解）
所属栏目：[教程] 日期：2020-05-13 热度：198
副标题#e# transition也叫过渡动画，主要是用于让一个元素从一种状态过渡到另一种状态效果，常用于主动触发的效果。例如移动端的页面切换（很常用）、button点击效果（也很常见）。 animation才是css3正宗的动画，主要是用于实现某种持续的动画效果（当然简[详细]
-
CSS背景图片固定宽高比自适应调整的实现方法
所属栏目：[教程] 日期：2020-05-13 热度：148
img标签可以使图片在保持宽高比不变的情况下自动调整。我们讨论的是div的背景图片实现固定宽高比自适应调整的方法。这里的图片不是 img标签一样通过src引入，而是通过css的background-image: url('路径')实现。 实现背景图片固定宽高比缩放我们采用padding[详细]
-
CSS3实现类似翻书效果的过渡动画的示例代码
所属栏目：[教程] 日期：2020-05-13 热度：186
副标题#e# 在VUE实战项目的中有一个加载推荐书籍的过渡动画，在项目中是使用JS实现。 当时看视频大概一个小时作用，拆分动画逻辑，写代码更是耗时。后来自己想着能不能用CSS动画直接写出来，折腾了半天，终于算是实现了。 可以查看加载动画地址 /*首先是DOM[详细]
-
详解Hadoop2.7.2 编译64位源码
所属栏目：[教程] 日期：2020-05-13 热度：71
最好是用新克隆的虚拟机 ，虚拟机内存设置大一点（我设置的4G），配置网络，主机名，关闭防火墙，关闭selinux 注意：采用root角色编译，减少文件夹权限出现问题 2.jar包准备(hadoop源码、JDK8、maven、ant 、protobuf) （1）hadoop-2.7.2-src.tar.gz （2）[详细]
-
详解Google Protobuf简明教程
所属栏目：[教程] 日期：2020-05-13 热度：77
Protobuf实际是一套类似Json或者XML的数据传输格式和规范，用于不同应用或进程之间进行通信时使用。通信时所传递的信息是通过Protobuf定义的message数据结构进行打包，然后编译成二进制的码流再进行传输或者存储。 Protobuf的优点 相比较而言，Protobuf有[详细]
-
VSCode常用知识小结
所属栏目：[教程] 日期：2020-05-13 热度：126
VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化) 3.1Auto Close Tag (自动闭合HTML/XML标签) 3.2Auto Rename Tag (自动完成另一侧标签的同步修改) 3.3Beautify (格式化 html ,js,css) 3.4Bracket Pair Col[详细]
-
vscode修改默认浏览器的方法
所属栏目：[教程] 日期：2020-05-13 热度：116
vscode怎么浏览器打开html预览？这里大家可以通过安装open in browser插件解决。 1.vscode怎么浏览器预览 1.点击拓展 2.输入open in browser，选择第一个 3.点击安装(笔者已安装，所以显示的禁用) 2.vscode怎么修改默认浏览器 在安装完open in browser插件[详细]
-
Vscode 打字特效插件Power Mode安装使用介绍
所属栏目：[教程] 日期：2020-05-13 热度：148
壹 引 我记得在17年使用atom编辑器的时候，使用过一款打字特效的插件，只要我们输入代码，代码上方就会有与代码颜色对应的星星效果，今天脑抽突然想起了这个中二插件，搜索了一番成功安装，大致效果如下，这里分享下设置： 贰 安装 打开插件，输入Power Mo[详细]
-
vscode怎么编译运行
所属栏目：[教程] 日期：2020-05-13 热度：174
vscode 的调试功能其实提供了一键编译运行的功能(ctrl+F5），但是启动特别特别慢… 又不想安装插件，后来发现vscode 提供了一个叫做 Task 的功能，下面我就来介绍一下怎么使用Task功能实现CC++的一键编译运行（Linux平台下，windows下自行修改）。python[详细]
-
Visual Studio和Visual Studio Code之间有什么区别
所属栏目：[教程] 日期：2020-05-13 热度：143
下面是Visual Studio和Visual Studio Code之间的详细差异。 如果你留意的话，.NET已被分成两部分： .NET Core（Mac / Linux / Windows） .NET Framework（仅限Windows） 所有用户界面技术（Windows Presentation Foundation，Windows Forms等）都是框架的[详细]
-
VR赛车游戏《Mini Motor Racing X》将于5月14日发售
所属栏目：[教程] 日期：2020-05-12 热度：131
据外媒vrfocus报道，由美国游戏厂商The Binary Mill开发的VR赛车游戏《Mini Motor Racing X》将于5月14日登陆Oculus Quest和Oculus Rift平台，售价24.99美元。 《Mini Motor Racing X》最初是一款面向iOS设备的手游，其VR版本提供了单人和多人在线模式，玩[详细]
-
苹果沉浸式VR技术获专利，将应用于自动驾驶汽车
所属栏目：[教程] 日期：2020-05-12 热度：50
“本文整理自微信公众号「未来汽车日报」（ID：auto-time），作者顾翎羽。 2020年将是VR商用的关键一年。经过多年的应用测试，许多演示和使用案例已经带来了较高的投资回报率。 以下为正文，Enjoy~” 苹果公司的新技术正在尝试将车厢变成移动办公室。 日前[详细]
-
研究表明“WalkingVibe”触觉反馈系统可显著减少VR晕动症
所属栏目：[教程] 日期：2020-05-12 热度：137
据外媒roadtovr报道，中国台湾地区的台湾大学、台湾政治大学和美国德州农工大学的研究人员表示，从VR头显直接向头部传递的触觉反馈可以显著减少与自由移动相关的VR晕动症不适感。 在大型虚拟环境中进行自由移动并不是一件容易的事。尽管在VR中存在着多种不[详细]
-
Magic Leap的困局与疫情无关，AR也许只是“镜花水月”
所属栏目：[教程] 日期：2020-05-12 热度：161
“本文转载自神译局，译者boxi。 Magic Leap希望从一家不愿透露姓名的医疗****公司那里获得1亿美元的投资，因为这家公司希望在手术期间能利用他们的技术为医生提供帮助。 以下为正文，Enjoy~” 编者按：AR初创企业Magic Leap也许是最近10年被炒作得最厉害[详细]
-
联想ThinkReality A6 AR眼镜新增手势跟踪和识别功能
所属栏目：[教程] 日期：2020-05-12 热度：153
近期美国手势跟踪和识别软件公司Clay AIR官网发文称，联想与该公司达成了合作，通过此次合作，联想旗下ThinkReality A6 AR眼镜将新增Clay AIR手势跟踪和识别功能。Clay AIR手势跟踪和识别技术在AR/VR设备中至关重要，通过该功能用户可以在AR中的虚拟界面进[详细]
-
Steam销量榜：Index依然榜上有名 但缺货问题咋解决？
所属栏目：[教程] 日期：2020-05-12 热度：93
今天，Valve公布了上周（5月4日-5月10日）Steam平台销量排行榜，标杆级FPS游戏「毁灭战士：永恒」夺冠，老朋友「废品机械师」排在第二位，‘星战日’特卖会上六折促销的「星球大战绝地：陨落的武士团」挤进了前三。Valve Index VR套件的热销势头虽稍有放缓[详细]
-
提供面向未来的创新工作方式：专访VSWORK项目负责人殷超
所属栏目：[教程] 日期：2020-05-12 热度：190
副标题#e# 今年疫情期间，远程协同、在线会议等领域的应用着实火了一把。从3月HTC举行的VIVE虚拟生态大会到上个月VR陀螺主办的VR虚拟访谈节目《超V对话》，VR行业的从业者正在利用VR这项方兴未艾的新技术，为人们展示未来的在线会议应该怎么开。在此过程中[详细]
-
css实现元素垂直居中的常用方法(总结)
所属栏目：[教程] 日期：2020-05-12 热度：66
方法1：table-cell html结构： div class=box box1span垂直居中/span/div css： .box1{display: table-cell;vertical-align: middle;text-align: center;} 方法2：display:flex .box2{display: flex;justify-content:center;align-items:Center;} 方法3：[详细]
-
CSS之宽高比例布局的方法示例
所属栏目：[教程] 日期：2020-05-12 热度：65
在某些特定的场景中，如视频播放、可视化图表占位等一些高宽需要固定的比例。如果占位区间是由固定值确定，那么我们皆大欢喜，但在目前的的应用发展中宽高自适应的方式才能满足我们的需求，那么我们该如何这种自适应的 宽高比布局 呢？ 什么是宽高比？ 宽[详细]
-
CSS之居中布局的实现方法
所属栏目：[教程] 日期：2020-05-12 热度：163
在前端开发中，我们经常会遇到各种上不同场景的关于居中的布局，一般水平居中是相对简单，而 垂直居中与水平垂直则相应要麻烦些。在下来我们对各种场景一一列出解决方案。 水平居中 水平居中相对于其它几中居中排列要简单的多，按标签元素可分为行内元素与[详细]
-
用CSS画一个带阴影的三角形的示例代码
所属栏目：[教程] 日期：2020-05-12 热度：150
怎么用CSS画一个带阴影的三角形呢 ? 有童鞋说, 这还不简单吗 网上有很多解决方案, 但其实大多都是实现不太完美的, 存在一些问题 假设我们做一个向下的三角形箭头 常见的方法大致有两种 通过边框控制, border-left和border-right设为透明, border-top设为预[详细]
-
网页表单在浏览器的表现实例
所属栏目：[教程] 日期：2020-05-12 热度：148
在工作之余抽了点时间写了一下这个，在ie6-ie7-ff下显示位置基本都一致了。 （发现demo页面用栅格线做背景，调试还真的容易得多 。热力推荐！这个栅格是从photoshop里拷贝来的。） 这样子定义了input等标签，做提交表单的时候就不用担心ie6-ie7-ff下radio[详细]
-
CSS教程关于css框架网页设计
所属栏目：[教程] 日期：2020-05-12 热度：189
个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)1、css框架 中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词框架。YUI、[详细]
-
符合WEB标准的网页图像的代码精简
所属栏目：[教程] 日期：2020-05-12 热度：151
遵循Web标准的思想，网页要表现出一种亲和力。那么，针对残障用户来说，其阅读器可不能读取图像上传递的信息的。 所以我们会采用一种Using Background-Image to Replace Text的方法，也就是将图像以背景图像的方式插入网页显示，同时为了让残障人士能了解该[详细]
-
WEB标准教程:功能丰富的段落P标签
所属栏目：[教程] 日期：2020-05-12 热度：137
关于段落p/p相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事，只要你愿意你随时都可以开始让你的页面代码更为标准化。如果你已经开始跟着《WEB标准能有多难？》在自己的工作中循序渐进地运用WEB标准了，那么这次的内容会让你更进[详细]
