面试总结 面试方向： 项目经验（角色 + 职责） 前端基础（H5、CSS3、ES6） 框架基础（Vue、Angular、React） 工程化能力（webpack、nginx、linux命令、docker） 前台 + 前台交互（Promise、router、） 前台 + 后台交互（http） 新技术拓 ...
分类：
其他好文 时间：
2019-11-30 22:44:55
阅读次数：
127
zepto Zepto就是jQuery的移动端版本, 可以看做是一个轻量级的jQuery github地址: https://github.com/madrobby/zepto 官方地址: http://zeptojs.com/ 中文版地址: http://www.css88.com/doc/zep ...
分类：
其他好文 时间：
2019-11-30 19:19:59
阅读次数：
81
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。 随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。 它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作 ...
分类：
其他好文 时间：
2019-11-27 12:28:34
阅读次数：
114
过渡：执行一定操作后某属性从指定状态过渡到另一状态。1.指定要添加效果的CSS属性。 2.指定效果的持续时间。 div{ transition: width 2s; -webkit-transition: width 2s; /* Safari */ } div:hover{ width:300px ...
分类：
Web程序 时间：
2019-11-26 15:03:37
阅读次数：
87
4 径向渐变 CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化，而是从一个起点朝所有方向混合。但相对线性渐变要比径向渐变复杂的多。 径向渐变的格式如下： radial-gradient([<起点>]? [<形状> || <大小>,]? <点>，<点>…) 径向渐变的参数描述如表1： 表 ...
分类：
Web程序 时间：
2019-11-25 09:46:03
阅读次数：
71
渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在 ...
分类：
Web程序 时间：
2019-11-25 09:41:40
阅读次数：
67
3 线性渐变实例 一、颜色从顶部向底部渐变 制作从顶部到底部直线渐变有三种方法，第一种是起点参数不设置，因为起点参数的默认值为“top”；第二种方法起点参数设置为“top”；第三种起点参数使用“-90deg”关键词。为top_bottom设置从顶部向底部的渐变，三种方法的CSS代码如下： 第一种方法 ...
分类：
Web程序 时间：
2019-11-25 09:40:46
阅读次数：
86
前言 因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不同, 这样的问题肯定在书本上很难找到解决办法， 需要通过平时的基础积累和经验。 解决方案 使用 ::first-line 伪元素 使用 text-shadow 和 text-fill-color 使用 caret-color :: ...
分类：
Web程序 时间：
2019-11-23 18:09:12
阅读次数：
80
4种纯CSS3超酷页面切换过渡动画特效 - DEMO2Playing with CSS3 Animations DEMO1 DEMO2 DEMO3 DEMO4 Section 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, se ...
分类：
编程语言 时间：
2019-11-23 16:38:29
阅读次数：
96
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4。 1 border-radius属性 CSS3圆角只需设 ...
分类：
Web程序 时间：
2019-11-21 10:09:07
阅读次数：
106
