前端

切图仔面试宝典

亡梦爱人 提交于 2019-12-28 04:43:43
简历的本质 在写简历之前,我们必须清楚的了解一件事情,那就是简历是什么? 它不是人生履历,不是项目清单,也不是技能大放送。 简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的,简历可以是一段视频,一个开源项目,一张照片,甚至是一行字,比如: I wrote javascript 当然,绝大部分简历的形式,就是我们所熟知的,是一篇文章。即使你通过其他方式获得了面试,当你入职的时候,还是要有这么一份纸质简历的,所以不要想着偷懒。 其实简历不只是表现自己,更是传递以下三个信息,增强通过率。 是什么(你能做什么?,擅长什么?) 比别人好在哪些地方(相比其他同行,你的优势?) 如果雇佣你,招聘方会得到什么好处 (能不能为企业带来效益?) 正如你抉择跳槽,思考要不要留在这个公司的时候,你也可能考虑下面三点 待遇(给的钱够不够?福利好不好) 环境(同事nice不?老板好不好?事少离家近?工作开心与否?是否帅哥美女多?嗯哼) 个人(有晋升机会不?能否再进步?) 当然企业和你的相互选择其实正如上面几点中的考量和博弈,当然面试是平等的,是相互选择的结果,所以有你对企业的考量,也有企业对你的考量 回归到写简历,和很多人在大学写议论文写作文是不同的,过分的论证会显得自夸,反而容易引起反感,所以要点到为止。这里的技巧是,提供论据,把论点留给阅读简历的人自己去得出。放论据要具体,最基本的是要数字化

前后端分离概述

≡放荡痞女 提交于 2019-12-28 00:52:06
一 前后端分离的目的和作用 做Web开发也可以说是B/S架构开发,B端和S端从技术体系角度而言异构性很大,换而言之就是B端使用的技术和S端使用的技术不适于同一个体系,这样的结果导致实际开发中,很难做到专业分工,如果项目开发过程中管控不到位,这样的问题可能会影响到整个项目的开发质量,因此前后端分离的目的之一就是要做到专业化分工,提高项目的质量和开发效率。 随着技术的发展,当下的Web开发形势已经和以前有了很大的不同,早期的Web项目是一个封闭的项目,用户从浏览器里看到的页面直到后台数据库都是在一个项目里集成的,而现在Web系统的规模越来越大,中大型的Web系统是一个开放式的系统,开放型的系统用户在浏览器发起的请求可能会转发到外部的系统里进行处理,或者是本地的系统和外部系统一起完成请求的处理,此外有的请求可能不会直接请求数据库,而是请求缓存服务器,这些变化几乎都是发生在Web系统的服务端,前后端耦合度很高的Web系统服务端的复杂度提升必然带来了Web前端的复杂度的提升。因此Web前端从系统架构的角度也需要更加专业的管控,管控的作用之一就是前后端进行分离,降低前端对服务端的依耐性。 富客户端应用的普及导致Web前端技术开发更加专业化,Web前端工程师成为一个独立的技术岗位,Web前端开发技术的难度也越来越高,前后端的分离就是为Web前端开发营造一个良好的开发环境

系统架构:Web应用架构的新趋势---前端和后端分离的一点想法

…衆ロ難τιáo~ 提交于 2019-12-28 00:51:52
最近研究servlet,看书时候书里讲到了c/s架构到b/s架构的演变,讲servlet的书都很老了,现在的b/s架构已经不是几年前的b/s架构,其实b/s架构就是web应用开发,对于这样的架构我们现在应该考虑的是前端和后端的分离(注意:这里的后端是指服务端)。   Web前端现在是一个独立的技术工种,这个工种的产生主要是针对互联网行业的需求,我在以前的文章里曾经讲到过,一个大型互联网网站,例如想淘宝网,它绝对不是一个Web项目,而是一群web项目的集合,那么如果不在前端进行整合,这么多web项目前端开发一定存在大量重复劳动,并且运维时候也存在难以统一管理的问题。本文假想一个面对需要前端资源整合的组织,如何做到前后端分离的解决思路。本文详情如下: (一) 前后端分离的目的和作用   做Web开发也可以说是B/S架构开发,B端和S端从技术体系角度而言异构性很大,换而言之就是B端使用的技术和S端使用的技术不适于同一个体系,这样的结果导致实际开发中,很难做到专业分工,如果项目开发过程中管控不到位,这样的问题可能会影响到整个项目的开发质量,因此前后端分离的目的之一就是要做到专业化分工,提高项目的质量和开发效率。   随着技术的发展,当下的Web开发形势已经和以前有了很大的不同,早期的Web项目是一个封闭的项目,用户从浏览器里看到的页面直到后台数据库都是在一个项目里集成的

vue + springboot 文件下载,笔记

点点圈 提交于 2019-12-27 20:39:31
前言: 前端项目基于vue的,后端是springboot,文件上传后保存在文件服务器,同时文件服务器返回文件的访问路径, 当需要下载时,为了不让每个人都能通过页面a标签点击链接直接保存到本地,所以采用后台临时下载,返回文件流给前端,前端解析文件流,通过浏览器下载到浏览器存储目录中 1.用户点击请求下载文件 2.后端根据请求中的URL路径使用Java NIO下载文件,临时保存到下载服务器本地 3.通过文件流读取服务器本地文件,创建输出流,响应给前端 1.前端代码 <a @dblclick="downloadFile(item.url)" title="双击下载文件" v-else class="pointer" style="display:block;width: 76px;height: 76px;overflow:hidden;word-wrap:break-word;line-height: 14px;background: #dedede;"> {{item.url.substring(item.url.lastIndexOf('/')+1,item.url.length)}}</a> <script> import {postFileDownload} from '../../../api/api' export default { methods:{

SpringMVC学习(一)——对于springMVC的整体认识

二次信任 提交于 2019-12-27 18:49:38
一、首先什么是SpringMVC? SpringMVC是一个基于MVC实现的web框架,用于替代传统的servlet。MVC全名是Model View Controller,是模型(model)——视图(view)——控制器(controller)的缩写。 二、同类的技术有哪些? SpringMVC同类的技术要数Struts2 三、对比同类的优缺点是哪些? 对比Struts2的优势很明显: 1、拦截机制的不同,Struts2是类级别的拦截,SpringMVC是方法级别的拦截 2、底层架构的不同,Struts2采用Filter(StrutsPrepareAndExecuteFilter)实现,SpringMVC则是采用Servlet(DispatcherServlet)实现。 3、配置方面不同,SpringMVC和Spring是无缝结合的,相对于Struts2省却了很多配置,提高了开发效率符合当前敏捷开发思路。 四、SpringMVC的组成部分? 1、前端控制器(DispatcherServlet)——框架已提供不需要开发 中央处理器,负责请求的转发,相当于一个请求转发器 2、处理器映射器(HandlerMapping)——框架已提供不需要开发 接收到前端控制器发送来的url后,对url进行匹配,返回给前端控制器一个处理器执行链(HandlerExecuteChain) 3

用大前端技术实现的一款仿Boss直聘app(已开源)

牧云@^-^@ 提交于 2019-12-27 18:41:45
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 鱼哥从去年8月我参加GDD(谷歌开发者大会)后,Flutter在一年中,版本迭代频繁,很多没有的功能都逐渐有了,很多从事移动端开发的,目前面临巨大冲击,因为大前端不是喊口号,而是确实能有巨大优势。之前的RN,大家已经慢慢淡化,Github上Flutter开源的项目越来越多。今天是分享heruijun关于他用Flutter撸的一个仿Boss直聘项目。下面是正文: 项目简介 在过去的这段时间里,踊跃出了很多关于flutter的技术文章和开源项目例子,基本上每天都有,同比RN刚出来时,热情度远超RN。于是,笔者怀着对新技术热情的学习态度重写了这个开源项目,并且后续也会不断完善。 为什么选仿BOSS直聘作为题材? 因为这款APP相信大家都在使用,里面组件繁多且有一定复杂度,能衍生出来许多基于flutter组件库的子项目,里面有些功能,比如地图,IM,后面都会使用flutter来实现。为了让项目更接近真实,这次连服务端也实现了。先把开源地址提供给大家: github地址: 服务端版本: https://github.com/heruijun/flutter-boss-server flutter版本: https://github.com/heruijun/flutter_boss 项目效果图: 相关技术点 服务端:

第12组 Beta冲刺(3/5)

别说谁变了你拦得住时间么 提交于 2019-12-27 17:56:40
Header 队名:To Be Done 组长博客 作业博客 团队项目进行情况 燃尽图(组内共享) 展示Git当日代码/文档签入记录(组内共享) 注: 由于GitHub的免费范围内对多人开发存在较多限制,因此我们不会使用GitHub作为主代码仓库,而是使用自建的Git基础设施,我们可能不定期将代码镜像到GitHub 组员情况 王永福(组长) 过去两天完成了哪些任务 完成了内存泄露问题的修复,测试确实已修复 用户信息界面改进绘制 接下来的计划 继续完善轨迹记录 完成用户信息接口 应用后台定位和保活方案 还剩哪些任务 后端实现 前端实现 有哪些困难 Android DataBinding的坑 有哪些收获和疑问 收获:依旧趟坑 疑惑:这门课真的只有一学分吗? 丁枢桐 过去两天完成了哪些任务 研究了关键词过滤功能 继续完善分享图解决方案 接下来的计划 继续学习android开发 编写分享图生成算法 继续寻找相关数据集 设计分类算法接口 设计无缝拼接算法 研究如何将NLP和关键词过滤有机结合在一起 还剩哪些任务 android前端 数据集找寻 继续找图片素材 有哪些困难 学习新开发工具,新语言 数据集资源查找困难 合适高清的素材 有哪些收获和疑问 收获:更加了解了android开发模式以及构建方法,对机器学习加深了认知 疑惑:这门课真的只有一学分吗? 邱畅杰 过去两天完成了哪些任务

哪些人适合学web前端?想入门的你卡在了哪里?

心不动则不痛 提交于 2019-12-27 17:33:14
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、前端是什么? 工作流程为从UI处得到原型图或者效果图,在项目(网站、微信公众号、小程序、WEBAPP)中还原图片效果,然后与后台进行各种数据交互。 目前的前端市场整体还是处于迅速发展期,市场对于前端的需求也一直比较大。 市场对于中高级的前端工程师需求更加迫切,所以就算入了前端的门,也需要不断的提升自己,无论你是学院派,还是培训派,还是自学派,都应该具有强烈的学习意识。 二、目前入门前端的人群分类 1、计算机相关专业出身 系统走过计算机的理论基础,比如计算机组成原理、操作系统原理、计算机网络、算法数据结构、设计模式,至少用过两门以上编程语言(强类型+弱类型)。 **优点:**理论、架构方面扎实,有整体计算机思维,内功不错,外功学起来比较快。 **缺点:**部分人对前端相关细节技术不扎实,不过花时间能很快搞定。 2、非计算机出身自学(也包括计算机专业没好好学的) 理论基础薄弱,后来因个人兴趣或者职业需求,自学前端开发技能。 **优点:**自学能力比较强,能够根据自己的兴趣规划学习内容。 **缺点:**部分人对前端没有整体的学习框架不成体系,部分人计算机没有整体思维,建议系统梳理下前端知识体系结构,该补的还是要补起来。 三、入门前端时的一些困境 1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。 2

通用的前端修改密码验证

假如想象 提交于 2019-12-27 14:49:21
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>修改密码的验证</title> </head> <h1>修改密码</h1> <b id="passModifyMess" style="color: red;"></b> <form action="modifyPassword.html" method="post"> <table border="1" cellpadding="0" width="20%"> <tr> <td>旧密码:</td> <td><input type="password" id="oldpass" /></td> </tr> <tr> <td>新密码:</td> <td><input type="password" id="newpass" /></td> </tr> <tr> <td>确认密码:</td> <td><input type="password" id="confirmpass" /></td> </tr> <tr> <td>验证码:</td> <td><input type="text" id="code" /></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" id=

有关前端BEM命名方式的思考

三世轮回 提交于 2019-12-27 12:35:45
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 最初的思考 思考来源于要给切图网 qietu.com 改一次版,作为前端开发服务商,我觉得应该要有自己的一款前端CSS框架,并且这个框架不应该只是随便写写,最好能够用在官网上,拿官网做背书,于是在研究了火狐、adobe、微软、google amp等官网以后,写了一款quickly.css响应式前端框架并且开源,并且用在了新版网站上。 问题? 在写框架的时候,定义了这么一个类 .card 它可以用在很多场合。然后 .card 下面定义了几个子元素,如下: .card-head {} .card-body{} .card-foot{} 然后.card 本身还有很多种状态,以灵活的适应不同的场合,如下 .card-border{} /*带边框的*/ .card-shadow{} /* 带阴影的*/ .card-colorful{} /*彩色的*/ 那么实际的运用是这样的: <div class="card card-colorful card-shadow"> <div class="card-head"> </div> <div class="card-body"> </div> </div> 综上可以发现,一般人在使用的时候很难搞清楚 .card-colorful 和 .card-body 有什么区别,