×

前端开发工程师 前端

前端开发工程师是做什么的?web前端ajax实时交互实例

admin admin 发表于2022-05-30 05:03:30 浏览97 评论0

抢沙发发表评论

前端开发工程师是做什么的


1、前端开发工程师是什么?

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。

2、前端开发工程师的发展方向:

专家方向

经过几年的技术积累,大量的项目历练,很自然地就朝着专家的方向过渡了。技术人普遍具有的一个特征就是不喜欢管一些乱七八糟的事,更愿意钻研感兴趣的技术,解决一些技术难题。走专家路线可能是大多数技术人的选择。-前端开发工程师

管理方向

另一个职业方向就是技术管理。技术管理要求的更综合,日常的工作涉及项目管理,跨部门沟通,团队管理,技术体系建设等方面。做技术管理意味着远离一线coding,渐渐失去自己的技术优势,80%的精力是帮助团队同学成长,通过团队完成既定目标。-前端

技术人要经历一个心态的转变。但企业招人过去最主要的目的是解决实际面临的技术问题,所以对于技术管理来说,技术还是一个基本面,不能完全放下,还是要时刻关注技术大方向。

产品&业务方向

还有一个职业方向是转型做产品经理更多地贴近业务。我身边有越来越多的前端做了几年的研发后转型做了产品。技术人转型做产品,其实是比较有优势的,一方面懂技术能更好地和研发沟通,另一方面产品设计上更容易落地。-前端开发工程师


web前端ajax实时交互实例


$.ajax({
              type:“get“,
              url:“https://sug.so.360.cn/suggest?callback=suggest_so&word=a“,/*以360搜索为例*/
              dataType:“jsonp“,
              success:function(res){
                alert(res.s)
              },
              error:function(res){
                alert(res.data)
              }
             });

word=a,这个a你可以写成变量,这个就是搜索的值,你可以运行看看,a的相关360搜索值,加点分吧~-前端


大厂的前端面试难吗


分享给你一些面试题

一面

小米的面试官给人的感觉很亲切很真诚,是一个体验很不错的面试。

  • css 实现图片自适应宽高

  • 讲 flex,手写出 flex 常用的属性,并且讲出作用

  • BFC 是什么

  • 项目里面的前端鉴权是怎么实现的?

  • vue 里面的虚拟 dom 是怎么回事?

  • vue 双向绑定讲一讲

  • 手写函数防抖和函数节流

  • 讲讲常用的 es6 语法,比如 let、promise、class 等等

  • 浏览器渲染过程,回流重绘等等,load、DOMContentLoaded 等等事件的触发顺序

  • 从小米应用商店里面随便找了一个需求让我现场实现,写伪代码

  • 二面

  • 讲项目里面的鉴权和图片懒加载怎么实现的

  • 讲 vue-lazyloader 的原理,手写伪代码

  • 讲 express 框架的设计思想

  • 线上日志是如何处理的

  • 讲事件循环

  • 讲 nodejs 的 eventEmitter 的实现

  • 三面

  • 讲项目里面做的事情

  • 讲 vue 的响应式原理、依赖收集、监听数组、虚拟 dom 等等

  • 讲 express 的中间件系统是如何设计的

  • 现场从小米应用商店中找出一个需求现场实现,说思路,写关键的代码

  • 四面

  • 讲 vue-lazyloader 源码以及设计

  • 使用 es5 实现 es6 的 class

  • websocket 握手过程

  • 浏览器的事件循环和 nodejs 事件循环的区别

  • 百思编程(过)

    这个公司是猎头推荐的,CEO 比较强势,也算比较有趣。

    一面

  • 跨域以及解决办法

  • 手写一段小算法

  • JavaScript 的 sort 方法内部使用的什么排序?

  • 二面

    这一面是 CEO 面,主要问了我的职业规划等等问题,在我没有表现出很强的要去该公司的意愿后,直接给我送走了…

    ponyAI-基础架构(过)

    一面

  • 讲项目里面干了啥

  • vue-lazyloader 怎么实现的

  • vue 的响应式系统、虚拟 dom

  • 函数式编程

  • 手写了一个算法题

  • 二面

    这轮面试时从美国打电话过来的,事后才知道是 Google 的前端…

  • 讲讲项目里面做了什么

  • vue 原理,和 react 的区别(其实我没怎么用过 react)

  • JavaScript 异步的处理方式,现场出了一个问题,使用 promise 实现

  • 三面

  • 讲项目模块规划、项目如何部署、如何优化等等

  • 手写函数的防抖

  • 手写一道算法题

  • 四面

  • 讲讲项目

  • 手写一道算法题

  • 洋钱罐(过)

    一面

  • 讲项目

  • 前端持久化的方式、区别

  • vue-lazyloader 的原理

  • 怎么配 webpack

  • 手写 vue 双向绑定

  • 讲 es6 的一些特性,并且现场出了几个代码片段,说结果

  • 手写一道算法题