前端目录
1： node使用express 实现接口 2: ajax实现请求 3: vue element table表格获取某一行选中事件，并对选中值进行操作 4: el-table 分页 5: 数组去重 来源： https://www.cnblogs.com/yinxin/p/12608110.html
前端
第09组 Beta冲刺（3/5）
队名：观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 **过去两天完成了哪些任务 ** 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车，页面美化 **还剩下哪些任务 ** s 完成短租车，页面美化 遇到了哪些困难 网络请求速度慢 有哪些收获和疑问 1、收获：后台数据库管理 2、疑问：暂无 许培荣 **过去两天完成了哪些任务 ** 文字/口头描述 新增服务端短租车确认归还接口。 前端新增输入框前端js校验，加载时等待动画，开放短租车功能模块，加入认证时上传图片功能。 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台，完善前端。 **还剩下哪些任务 ** 地图功能模块未连入前端页面。有时间可优化前端页面效果。 燃尽图 遇到了哪些困难 目前数据库中有些冗余，欲求一个不需要太大改动后端代码的修改办法。 有哪些收获和疑问 1、收获：让我对html的使用方法和css的玩法更熟悉了... 2、疑问：对于ajax和js的异步动态加载html不清楚，玩不出高级的东西。 陈湘怡 **过去两天完成了哪些任务 ** 文字/口头描述 开始修改UI 展示GitHub当日代码/文档签入记录 还在修改中，故还没上传 接下来的计划 继续修改 **还剩下哪些任务 ** 前端页面与后端接口的完善 燃尽图 组内共享 遇到了哪些困难 暂无 有哪些收获和疑问 1
四款帮助前端设计师快速实现超酷动画或过渡效果的CSS3类库
新的 CSS3 中添加了有关动画和过渡效果的特性模块，这些模块可以有效地取代过去我们在前端开发中普遍使用的Javascript，从而更加方便快捷的实现各种设计及其UI中的特殊效果。 在今天这篇文章中，我们给大家推荐四款精心挑选的 CSS3 动画和过渡效果类库，可以帮助设计师多快好省的实现各种前端的动画效果，相信大家一定能够在以后的前端web项目中使用的到。 Animate.css animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画，包括： 晃动，闪动，各种淡出淡出效果，如果你想快速的整合各种CSS3动画特效的话，使用它即可方便的实现。使用也非常简单，引入animate.css文件，再使用JS来添加对应动画的类定义即可，如下： <head> <link rel = "stylesheet" href = "animate.min.css" > </head> jQuery： $ ( '#yourElement' ). addClass ( 'animated bounce' ); 魔术CSS3动画 Magic CSS3动画类库也是一套包含了各种不同CSS3动画效果的类库，包括：旋转，幻灯等等 使用方法类似animate.css，添加对应的动画效果（class定义
6个最热门的IT技术职位，薪资都有多高？
IT行业作为当今发展前途最大的几大行业之一，获得了前所未有的广泛关注，且随着科技的发展，这一趋势将更加明显。 为了争夺IT技术人才，很多公司都会提供更高的薪资来吸引高水准的开发人员。 对于IT行业新人来说，想要进入IT行业找到满意的工作，首先应该选择适合的职位。 那么IT行业究竟有哪些职位呢？哪些岗位是当下最热门的呢？ 一、IT行业有哪些职位？ 1、技术 2、设计 3、运营 4、产品 二、哪些岗位是当下最热门的呢？ 1、HTML5前端 小程序、H5、APP等移动端的爆发催生了前端人才的大量需求。HTML5前端相对于其他编程语言来说，简单易入门，是新手转行IT行业的首选之一。 CSS工程师要考虑更多的就是兼容性。一般来说，CSS工程师并不存在，写CSS的人最好要掌握JS代码、Html5。这是前端人员必备技能。 前端薪资： （1）切图熟练、能写一些JS效果：月收入5k～10k （2）会切图会JS，并可以熟练用JS开发各种组件：月收入8k～15k （3）具备前两条，熟悉1～N个后端语言：月收入15k～30k （4）具备以上所有，并对前端架构、性能优化方面有深入了解：月收入平均40k，并且企业抢着要！ 2、后端开发 后端语言包括Java、Python、C++、PHP语言等。后端的发展前景很大，无论是B/S还是C/S，无论是Web还是原生，或者是智能硬件，后端都会屹立不倒。
淘宝技术分享
前几天在淘宝UED（ http://ued.taobao.com/blog/ ）上看到了几篇不错的文章，且都有PPT，里面总结的很不错，因此分享给大家，主要针对的是初级前端开发者。这一系列课程由浅入深的介绍前端技术的关键部分，对HTML/CSS/JavaScript、包括浏览器渲染过程和JS引擎原理、常用工具等知识都有详细的讲解。 一、淘宝前端技术巡礼 这一讲主要介绍了淘宝前端的技术发展。 原文地址： 前端技术系列课程(No.1) – 淘宝前端技术巡礼 PPT如下： PPT地址： http://www.slideshare.net/lijing00333/ss-12323405 二、HTML/CSS/JavaScript基础 这一讲有两部分，第一部分讲了HTML、CSS中关键知识，第二部分讲了ECMAScript基础 原文地址： http://ued.taobao.com/blog/2012/04/10/html-css-js/ HTML/CSS基础PPT： PPT地址： http://www.slideshare.net/lijing00333/htmlcssjs ECMAScript基础部分PPT： PPT地址： http://www.slideshare.net/lijing00333/ecmascript 三、深入剖析浏览器
浅谈前端工程化
这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚： 传输层面：减少请求数，降低请求量执行层面：减少重绘&回流 传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如： ① 网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞渲染，异步CSS文件会导致回流 ② 浏览器在document下载结束会检测静态资源，新开线程下载（有并发上限），在带宽限制的条件下，无序并发会导致主资源速度下降，从而影响首屏渲染 ③ 浏览器缓存可用时会使用缓存资源，这个时候可以避免请求体的传输，对性能有极大提高 衡量性能的重要指标为首屏载入速度（指页面可以看见，不一定可交互），影响首屏的最大因素为请求，所以请求是页面真正的杀手，一般来说我们会做这些优化： 减少请求数 ① 合并样式、脚本文件 ② 合并背景图片 ③ CSS3图标、Icon Font 降低请求量 ① 开启GZip ② 优化静态资源，jQuery->Zepto、阉割IScroll、去除冗余代码 ③ 图片无损压缩 ④ 图片延迟加载 ⑤ 减少Cookie携带 很多时候，我们也会采用类似“时间换空间、空间换时间”的做法，比如： ① 缓存为王，对更新较缓慢的资源&接口做缓存（浏览器缓存
测试需要了解哪些非测试知识
标签（空格分隔）： 非测试知识 测试需要了解哪些非测试知识 小到 Linux/Unix/Windows 操作系统的基础知识，Oracle/MySQL 等传统关系型数据库技术，NoSQL 非关系型数据库技术，中间件技术，Shell/Python 脚本开发，版本管理工具与策略，CI/CD 流水线设计，F5 负载均衡技术，Fiddler/Wireshark/Tcpdump 等抓包工具，浏览器 Developer Tool 等； 大到网站架构设计，容器技术，微服务架构，服务网格（Service Mesh），DevOps，云计算，大数据，人工智能和区块链技术等。 可以说，测试工程师需要掌握的这些技术，几乎涵盖了当今主流软件技术的方方面面。当然，你也不可能一口气吃成胖子，所以我就挑选了几个我认为比较重要，又符合当前技术趋势的关键知识点，和你分享。 网站架构的核心知识 如果你想要做好互联网产品功能测试以外的其他测试，比如性能测试、稳定性测试、全链路压测、故障切换（Failover）测试、动态集群容量伸缩测试、服务降级测试和安全渗透测试等，就要掌握网站的架构知识。否则，面对这类测试时，你将束手无策。 比如，如果你不清楚 Memcached 这类分布式缓存集群的应用场景和基本原理，如果你不清楚缓存击穿、缓存雪崩、缓存预热、缓存集群扩容局限性等问题，你就设计不出针对缓存系统特有问题的测试用例； 再比如
实践中的电商前端优化
前端优化已经是一个被写烂的题材了。 虽千万人吾往矣，这里我仅分享我的一些实践经验。 欢迎一起交流 欢迎关注我的个人公众号，不定期更新自己的工作心得。 正文如下 前端性能 1. 模块化 严格来说，代码模块化并不能带来性能上的提升，但我还是将模块化提出来，因为它真的很重要，重要到几乎所有的优化都与它息息相关。 常见的模块化方案有：AMD、CMD、UMD、ES6 如何选择？ 团队习惯 个人偏好 业务需要 我靠！你怎么能把业务需要放在最后一个考虑？ 因为没有哪一块业务会因为使用了不同的模块化方案而产生不同的结果。 而且我觉得 软件开发中的以人为本 用在这里刚好合适，其他地方就只能 呵呵了。毕竟业务高于一切，这是操守。 2. 缓存 缓存一定要加！ 缓存一定要加！ 缓存一定要加！ 因为CDN真的很贵。。。 没有CDN？那就更得加缓存了！！！ 缓存有很多方式，最为常见的就是下面这两种了 浏览器304缓存 localstorage本地存储 业界，一直有关于304缓存与localstorage性能的争议，这里我们不讨论两者的差异，或性能问题。 我一向以业务导向选择方案，这里我选择的是localstorage，如果你愿意，你可以通过localstorage将缓存玩出一朵花出来。 你可以这么干： 通过localstorage存储js、css资源； 资源版本控制； 只要你愿意
前端工程化
什么是前端工程化？ web前端这几年飞速发展，以前前端工程师还是一个不受重视的职位，日常工作就是切图、用JQuery写脚本，从某种意义上来说，只是后端的附属物。最近几年，尤其是nodejs的出现，使前端越来越受重视，同时也带来一个问题，前端规模越来越大， 如何提高前端工程师的开发效率变得非常重要。这就是前端工程化的目的。 前端工程化是将前端开发规范化、标准化，包括开发流程、技术选型、项目测试、项目部署。 前端工程化提倡用完善的流程规范和代码规范来保证大型项目的质量和可维护性。 开发阶段：由于原生HTML、CSS、JS效率并不高，于是出现了模板、scss、less、typescript等中间型语言用于转义为原生语言，或者将JQuery代替原生JS、在开发阶段希望浏览器自动刷新等。 测试阶段：自动化测试 部署阶段：首先对代码进行压缩，将静态资源部署到静态服务器上，对文件加上md5防止浏览器使旧缓存等。 解决前端工程化的问题，可以从开发和部署入手： 开发方面要解决的问题： （1）提高开发效率 比如事件监听从原始DOM到jquery再到Vue； 比如为减少请求次数，将多个图片合并成一个雪碧图，通过background-position来使用图片。 （2）降低大型项目的开发难度 首先前端工程化提倡模块化、组件化。核心思想是分治 模块化和组件化的区别： 模块（module
前端开发相关工具简要说明
3 月，跳不动了？>>> 操作系统 为方便开发之间相互对接调试和测试，建议使用Mac或者Linux等操作系统，不建议使用Windows操作系统。 我自己的电脑目前常用的系统 openSUSE Leap 42.1 (x86_64) 我们开发没有考虑IE，最新版的IE能兼容就兼容，不能兼容我们就强制用户使用chrome了。 文本编辑器 文本编辑器建议使用 Atom ,国内镜像 下载地址 . 一些Atom前端相关插件 angularjs atom-beautify atom-bootstrap3 atom-ternjs autoclose-html css-color-underline css-snippets language-nginx linter linter-csslint linter-sass-lint minimap minimap-git-diff pretty-json tabs-to-spaces todo-show sublime是一个非常棒的选择，当然你需要会使用。 如果有自己熟悉使用的相关工具系列，在保证对代码format之后能保持风格一致的情况下，自由选用。 一般的我们都不是一个人在战斗，需要相互之间的协作和配合。 开发构建管理辅助工具系列 Q：做前端的为什么要花费巨大的力气安装这些前端乱七八糟的工具？还要耗费精力去学习怎么使用这些工具