让我们的技术真正秀起来 - web秀

综合小程序服务器面试工具类ThreeJs比特币JavaScriptCssVue 展开

4月前

奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？

奇思妙想 CSS 3D 动画 | 仅使用 CSS 能制作出多惊艳的动画？

本文将从比较多的方面详细阐述如何利用CSS3D的特性，实现各类有趣、酷炫的动画效果。认真读完，你将会收获到：了解CSS3D的各种用途激发你新的灵感，感受动画之美对于提升CSS动画制作水平会有所帮助CSS3D基础知识本文默认读者掌握一定的CSS3D知识，能够绘制初步的3D动画效果。当然这里会再简单过一下CSS3D的基础知识。使用transform-style启用3D模式要利用CSS3实现3D的效果，最主要的就是借助transform-style属性。transform-style只有两个值可以选择：//语法

39 0 0

2月前

React构建组件的方式有哪些？区别？

React构建组件的方式有哪些？区别？

#面试官：React构建组件的方式有哪些？区别？#一、是什么组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式在React中，一个类、一个函数都可以视为一个组件在之前文章(opensnewwindow)中，我们了解到组件所存在的优势：降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、时间、范围等组件作具体的实现调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速

25 0 0

2年前

Linux Vim显示文本的行号（临时/永久）

Linux Vim显示文本的行号（临时/永久）

vim默认是不显示文本的行号，如果要临时显示行号，打开文本后，执行：shift+:临时显示行号在冒号后输出：setnu或者：setnumber回车，即可显示行号。关闭显示行号:setnonumber或者:setnonu回车，行号就会被关闭永久显示行号需要我们设置配置文件，两种配置方式/etc/vimrc是系统范围的初始化配置～/.vimrc个人的vim初始化配置一般建议只修改个人的配置，毕竟每个人的习惯不一样。执行vim~/.vimrc在文本输入setnumber或者setnu就可以了输入完成之后，按退出

8571 0 0

2年前

六张图记完全部ES6特性

六张图记完全部ES6特性

8024 415 0

2年前

圣杯布局和双飞翼布局的理解和区别，并用代码实现

圣杯布局和双飞翼布局的理解和区别，并用代码实现

圣杯布局和双飞翼布局的理解和区别作用：圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。区别：圣杯布局，为了中间div内容不被遮挡，将中间div设置了左右padding-left和padding-right后，将左右两个div用相对布局position:relative并分别配合right和left属性，以便左右两栏div移动后不遮挡中间div。双飞翼布局，为了中间div内容不被遮挡，直接在中间div内部创建子div用于放置内容，在该子div里

8364 0 0

1年前

ES6中对象新增了哪些扩展?

ES6中对象新增了哪些扩展?

面试官：对象新增了哪些扩展？一、属性的简写ES6中，当对象键名与对应值名相等的时候，可以进行简写constbaz={foo:foo}//等同于constbaz={foo}方法也能够进行简写consto={method(){return"Hello!";}};//等同于consto={method:function(){return"Hello!";}}在函数内作为返回值，也会变得方便很多functiongetPoint(){constx=1;consty=10;return{x,y};}getPoint(

269 1 0

3年前

好玩又实用的19个JavaScript动画库

好玩又实用的19个JavaScript动画库

前言今天我们来看看2019年的一些伟大的JavaScript动画库。在2002年左右，我们使用Flash来制作网络动画。而在2008年，由Flash制作的网站是非常受欢迎(Flash网页游戏风靡一时)。但是在2015，一切都变了，HTML5的崛起：2015年，微软宣布鼓励网站停止使用该公司的Silverlight技术，转而使用更新的、基于HTML5技术的媒体播放系统。2015年1月，YouTube彻底抛弃了Flash，实现向HTML5的全面过渡。2015年7月23日，Twitch宣布将逐渐放弃基于Flas

11609 446 0

2年前

JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能

JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能

概述你肯定知道，动画在创建引人注目的Web应用程序中扮演着重要的角色。随着用户越来越多地将注意力转移到用户体验上，商户开始意识到完美、愉快的用户体验的重要性，结果Web应用程序变得越来越重，并具有更动态交互的UI。这一切都需要更复杂的动画，以便用户在整个过程中更平稳地进行状态转换。今天，这甚至不被认为是什么特别的事情。用户正变得越来越挑剔，默认情况下，他们期望的是具有高响应性和交互性的用户界面。然而，界面的动画化并不一定是简单的。什么是动画，什么时候该用动画，动画应该有什么样的视频效果，这些都是棘手的问题

6996 408 0

3年前

CSS实现html指令式Tips文字提示

CSS实现html指令式Tips文字提示

前言一个小小tips，在网页中能有意想不到的效果，能很好的引导客户，说明功能等等。html代码<divclass="container"><divclass="top"><buttontooltip="上左">上左</button><buttontooltip="上边"placement="top">上边</button><buttontooltip="上右"placement="top-right">上右</but

16281 540 0

2月前

说说你对 TypeScript 中枚举类型的理解？应用场景？

说说你对 TypeScript 中枚举类型的理解？应用场景？

#面试官：说说你对TypeScript中枚举类型的理解？应用场景？#一、是什么枚举是一个被命名的整型常数的集合，用于声明一组命名的常数,当一个变量有几种可能的取值时,可以将它定义为枚举类型通俗来说，枚举就是一个对象的所有可能取值的集合在日常生活中也很常见，例如表示星期的SUNDAY、MONDAY、TUESDAY、WEDNESDAY、THURSDAY、FRIDAY、SATURDAY就可以看成是一个枚举枚举的说明与结构和联合相似，其形式为：enum枚举名{标识符①[=整型常数],标识符②[=整型常数],...

18 0 0

下拉加载更多

最新文章