前端知识 Calc()介绍 calc的英文是calculate的缩写,中文为计算的意思,是css3的一个新增的功能,用来只当元素的长度。比如说:你可以用calc()给元素margin、padding、border、font-size和width等属性设置动态值。为什么说是动态值呢?因为我们是使用来表 ...
分类:
Web程序 时间:
2019-06-20 12:37:35
阅读次数:
218
最近公司要做一个转盘抽奖的效果,但是我们可以控制转盘抽奖的概率,自己用es6简单的实现了下,中间虽然遇到一些问题,但最终都是解决了,下面说一下我的思路。 上面是html代码,我就不多做介绍了,效果原理主要还是利用css3 的rotate属性实现元素的旋转,下面我们看js代码,我们使用的事面向对象编程 ...
分类:
其他好文 时间:
2019-06-20 12:24:10
阅读次数:
111
1、vue中的动画 vue中的动画没有css3那样的炫酷,只有些简单的位移,淡入淡出啥的 第一种实现动画:transition+2组类来实现 第二种实现动画:第3方库(插件) 其中第一种和第二种都是完整动画,有进场有离开 第三种动画: 半场动画(比如我们常见的加入购物车功能: 每次点加入购物车都会有 ...
分类:
其他好文 时间:
2019-06-18 20:09:19
阅读次数:
131
vh、vw、vmin、vmax介绍 vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%)vh:视窗高度的百分比vmin:当前 vw 和 vh 中较小的一个值vmax:当前 vw 和 vh 中较大的一个值 浏览器兼容性 (1)桌面 PC Chrome:自 26 版起就完美支持(2013年2月)Fi ...
分类:
Web程序 时间:
2019-06-16 12:05:10
阅读次数:
134
JQ基础之选择器 JQ选择器与CSS/CSS3选择器非常类似,对于学过CSS/CSS3的朋友来说可以是快速上手,下面总结了比较常用的选择器。 ID选择器 $('#one') ( '#'代表ID ) CLASS选择器 $('.two') ( '.'代表类 ) 元素选择器 $('ul') ( 选取'ul ...
分类:
Web程序 时间:
2019-06-15 20:10:19
阅读次数:
306
web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业。 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师、后台程序员、网虫、大学其他专业、策划、编辑等等。 要学习web前端开发,需要掌握哪些知识呢? 下面总结了转行必学的6大技能。
分类:
Web程序 时间:
2019-06-15 17:12:13
阅读次数:
150
CSS与贝塞尔曲线 CSS3动画常用贝塞尔曲线实现更加自然,物理感的动画。 列举了一些常见的贝塞尔曲线数值,用于做动画的存档。 ...
分类:
Web程序 时间:
2019-06-14 12:13:46
阅读次数:
176
CSS 高级用法(来源:菜鸟教程): CSS选择器用于选择你想要的元素的样式的模式。"CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。 ...
分类:
Web程序 时间:
2019-06-13 15:27:07
阅读次数:
124
(一)-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜 ...
分类:
Web程序 时间:
2019-06-12 10:48:41
阅读次数:
138
一:常见三种前端ui框架 在初学者入门的状态下,我们常见的前端框架有三种且都有自己的官方网站: 1.easyui:官方网站(http://www.jeasyui.net/) 基于jquery的用户页面插件集合,为一些交互的js提供相应的功能,开发者也不需要写特别复杂的javascript方法,可以用 ...
分类:
其他好文 时间:
2019-06-12 09:14:37
阅读次数:
92