系统结构 B/S架构 Browser/Server ： （浏览器/服务器的交互形式） Brower支持哪些语言：BTML 、CSS 、JavaScript 写HTML、CSS、JavaScript代码的这拨人职位叫做：WEB前端开发工程师。 前端页面上的图片需要UI设计师完成。 S是服务器端Serv ...
分类：
Web程序 时间：
2020-07-21 09:43:38
阅读次数：
304
在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{text-align: left;text-indent:30px;lin ...
分类：
Web程序 时间：
2020-07-18 11:27:54
阅读次数：
77
/*向左移动并弹性显示*/ @-webkit-keyframes fadeToLeftTan{ 0%{ -webkit-transform:translateX(100%); opacity:0;} 70%{ -webkit-transform:translateX(-5%); opacity:1; ...
分类：
Web程序 时间：
2020-07-17 19:33:49
阅读次数：
70
用户体验一直是前端开发需要考虑的重要部分，在数据请求时常见到锁屏的loading动画，而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代，以优化用户体验 Skeleton Screen Skeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展 ...
分类：
Web程序 时间：
2020-07-16 18:29:18
阅读次数：
72
网站的加载速度不仅影响着用户体验，也会影响搜索引擎的排名，在百度推出“闪电算法”以来，将网站首屏打开速度被列入优化排名行列，并明确指定打开时间为 2 秒。作为前端开发的我们需要如果来优化网站的打开速度呢？下面就整理挖掘出很多细节上可以提升性能的东西分享给大家 优化网站性能的14条规则： 1. 尽可能 ...
分类：
Web程序 时间：
2020-07-16 18:07:52
阅读次数：
82
没有基础怎么学Web前端？相关学习路线是什么？随着互联网的迅猛发展，互联网项目对用户体验提出了更高的要求，Web前端开发人员成为了重要的研发角色。很多人想要快速加入前端开发这一高薪行列，对于想要学习Web前端的人而言，小编建议你做好以下准备 1、多多实践练习 代码是程序员日常生活的重要组成部分，很多 ...
分类：
Web程序 时间：
2020-07-15 13:08:24
阅读次数：
83
1. 需求说明 在前端开发中，往往会遇到页面需要实时刷新数据的情况，给用户最新的数据展示。 2. 逻辑分析 如果需要数据实时更新，我们自然是需要使用定时器，不断的调用接口数据，会相对的消耗内存。 3. 代码示例 data(){ return { intervalId:null } }, method ...
分类：
其他好文 时间：
2020-07-14 18:29:06
阅读次数：
85
目录 · · · · · · 赞 誉前 言致 谢第1章 Web前端开发ABC/11.1 Web大局观/21.1.1 混沌初开—Web的诞生/21.1.2 网络技术的领导者—W3C/41.1.3 不断优化的客户端技术/71.1.4 服务端技术的成熟/81.2 地位、曲线和使命/111.2.1 前端开发 ...
分类：
Web程序 时间：
2020-07-13 18:31:57
阅读次数：
75
在前端开发过程中，盒子居中是常常用到的。其中 ，居中又可以分为水平居中和垂直居中。水平居中是比较容易的，直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先，定义一个需要垂直居中的div元素，他的宽度和高度均为3 ...
分类：
Web程序 时间：
2020-07-13 11:44:04
阅读次数：
71
一、 引言 对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。 二、 HTML/CSS规范 2.1 浏览器兼容 根据公司业务要求而定，一般：主流程测试：Chrome 30+、IE9+； ...
分类：
Web程序 时间：
2020-07-13 11:31:28
阅读次数：
75
