精华内容
下载资源
问答
  • 前端之路
    千次阅读
    2018-01-28 11:46:46

    最近看了一篇蚂蚁金服团队写的文章,名字叫做“未来的前端工程师”。上面列举了前端工程师未来可以的发展方向、行业动态、技术栈等等,看完后自己也进行了一些思考,新的一年该如何往下走。
    前端三大框架已成主流,前端工程化也已逐渐成熟,ts让前端开发大型项目更加容易,rn让前端能够快速进入app的开发,nodejs让前端涉及后端变得容易,当然还有小程序、pwa等等。看起来前端又来到了一个繁荣的时候,但冷静下来想想,作为一名前端工程师,到底需要具备哪些能力,需要掌握哪些知识,才能更好的完成自己工作。
    现在前端涉及到的范围太广,可以学习的东西太多太多,而人的精力是有限的,所以还是需要选择合适的方向进行学习。简单的列举一下学习的内容:

    一、三大框架

    目前来看vue和react已经是主流了,生态也比较完善,angular的使用的会少一些,所以优先学习vue和react为主,angular可以视情况而定学习。当然不仅仅是学习框架的使用,还需要学习他们运行的原理,以及周边生态的一些原理,先看vue的源码,稍微简单一些。

    二、webpack

    webpack现在很多项目以及离不开他了,虽然他的配置比较繁琐,但是功能很强大,所以webpack是必须要掌握的内容,同时了解他的打包机制、loader和插件原理也是很有必要的。rollup和parcel是最近两个新的打包工具,可以暂时观望。

    三、typescript

    typescript是一门很棒的语言(虽然很多人不这么认为),提供了静态检测等功能,但它不是必须学习的内容,原生的js已经满足很多人的开发需求了。

    四、react-native

    rn让前端可以参与的app的开发中,提供了比h5更好的体验,同时比原生开发有更高的效率,但是目前rn并不完善,也有很多需要解决的问题。目前可以尝试的写写demo,了解整个开发流程。

    五、nodejs

    前端几乎已经离不开node了,npm包管理,开发时启动node服务等等,所以nodejs算是一个必须学习的内容了,掌握node的一些开发思想也是很有必要的,当然更多的后端知识可以视情况而定。

    六、小程序

    小程序的开发其实比较简单,需要学习的时间并不长,可以尝试着自己写一个小程序体验。

    七、pwa

    从去年开始一些大公司已经在使用pwa了,而苹果也开始支持pwa了,所以可能是一个未来的趋势,可以先了解pwa的一些基础内容,之后再进行更深入的学习,优先级较低。

    八、数据可视化、物联网、人工智能等等

    这些属于比较细分的一些领域了,根据自己的需求和规划进行选择性的学习。

    九、计算机基础

    其实有些前端工程师的计算机基础会差一些,包括我自己,像数据结构、算法、操作系统等等也是需要学习的内容,它可能不会给你在目前的工作中带来太大的帮助,但是在有些场景下这些知识会带来一些解决问题的灵感。


    分割线

    学习的内容已经总结的差不多了,再谈谈最近的工作情况。最近因为一些需求的原因,需要和后端、app的同学打交道,这个时候我突然发现了自己的一些优势—能够比较好的和他们沟通。这和自己之前的工作经历有关,之前在创业公司待了2年多的时间,做过1年的android,参与过ios开发,也做过简单的后端开发,对各个系统都有一定的了解,所以沟通也会方便很多,自己也能写个java接口什么的,也减轻了后端同学的工作量。所以之前2年的工作经历对自己的帮助也是蛮大的。
    但最近在和后端、app同学打交道的时候发现一个问题,前端的话语权很弱。在和后端同学一起开发的时候,接口数据定义等等都是由后端决定的,项目和系统的拆分等等也是后端同学决定的。在和app同学一起开发rn的时候,底层的项目、依赖是app同学决定的,路由跳转、组件封装等等也是app同学来做的,前端更多的就只能在基础上写写页面和功能而已。当然这可能这和自己公司的情况有关,也有分工合作的原因在里面。
    还有就是最近自己在看计算机网络的书,学到了很多东西,有很多生活中的问题也可以得到解释,比如路由器的简单工作原理、网络请求访问原理等等,还是很有意思的一件事情,希望能够尽快学习完吧。

    最后附上蚂蚁金服文章的地址:
    未来的前端工程师

    over…

    更多相关内容
  • 前端——从html到flutter的前端之路

    千次阅读 2021-11-01 16:52:58
    最近接触了好多前端平台和技术,想来记录一下。 Web: html+css+js+jquery , AngularJS, vue.js。 微信小程序、安卓联盟的快应用、字节小程序、flutter技术。 作为一个后端开发者,花费了较多精力在这些前端领域的...

    最近接触了好多前端平台和技术,想来记录一下。

    Web: html+css+js+jquery , AngularJS, vue.js。
    微信小程序、安卓联盟的快应用、字节小程序、flutter技术。

    作为一个后端开发者,花费了较多精力在这些前端领域的技术上,有一丢丢不务正业的负罪感。

    感谢 “快应用”

    快应用:
    快应用是国内的各大安卓厂商联合研发的一个无需下载安装的应用 平台。

    想说的话:
    感谢"快应用"让我有了写技术博客的初始念头。
    在我开发快应用项目的时候,网上的资料很少,开发社区一点都不活跃,经常遇到一个问题要卡好久,只能自己慢慢琢磨着去解决。 费劲力气解决后,想着一定要记录下来,分享给后来开发者。

    在这里插入图片描述

    "字节小程序"的倔强

    字节小程序:
    是字节跳动公司的小程序,适用在字节相关APP里使用。如:西瓜视频、抖音、今日头条 等等。

    想说的话:
    字节小程序的开发文档和微信小程序几乎一模一样, 只是把微信的开发文档中 所有的 wx(微信)两个字母替换成了tt (头条)。开发模式和常用组件、API等几乎一毛一样。真的想吐槽,既然一毛一样,为啥还自己搞个开发平台,直接兼容微信小程序得了。。。这应该是字节要提现自主研发的 倔强。
    在这里插入图片描述

    “flutter框架” 恼人的层层包裹的编码规定

    flutter:
    是谷歌研发的新技术,编写一套代码,就可以生成原生的安卓代码和IOS代码,属于跨端框架。

    想说的话:
    flutter的编码规则可以把人逼疯,一个简单的布局,需要大量的组件相互嵌套。这就导致了开发者,编写起来很麻烦,编辑器里要写大量冗余的指令代码,而且代码的可读性特别差,如果跟同事合伙开发,非常头疼的事就是修改对方的代码。

    在这里插入图片描述

    总结:

    接触了好多前端技术框架,其实只要熟悉了它的:元素、布局、事件 、数据绑定 这4个方面的基础入门,就可以上手开始开发了。

    web 、小程序 、快应用 :这三者都是基于web的html+css+js模式实现的,也就是标签+样式+js动态逻辑。
    flutter : 是基于dart语言来实现的,且模式跟上述三个完全不一样,所以对于普通的web前端开发者来说,要上手flutter开发的确会比小程序开发要难一些。

    扫一扫 分享一些编程知识和资料 ,让我们共同成长

    在这里插入图片描述

    展开全文
  • 前端之路-用vscode写第一个html页面

    千次阅读 2020-12-05 02:55:21
    前端之路-用vscode写第一个html页面 下载软件:https://code.visualstudio.com/ 进入该网站,下载即可 安装插件 点击拓展按钮,搜索html,下载相关插件 搜索open in browser,安装一下,这样你的网页就可以在浏览器...

    前端之路-用vscode写第一个html页面


    下载软件:https://code.visualstudio.com/
    进入该网站,下载即可

    安装插件
    在这里插入图片描述

    点击拓展按钮,搜索html,下载相关插件
    搜索open in browser,安装一下,这样你的网页就可以在浏览器中显示了
    在这里插入图片描述

    自己在电脑里创建一个文件夹,这就是你的项目了,在vscode中打开。比较麻烦,但是vscode中没办法直接创建项目。
    在这里插入图片描述
    我的文件夹起名为FirstProject,在你的文件夹下新建文件
    在这里插入图片描述
    在这里插入图片描述
    给你的文件起名,注意,要加后缀.html
    在这里插入图片描述
    右侧下方有一个语言模式,点一下。

    在这里插入图片描述
    在弹出来的框里写html,就配置好语言了

    在这里插入图片描述
    在页面里输入一个感叹号,然后按回车,会自动帮你补全
    在这里插入图片描述
    自己输入你想输入的内容,然后 Ctrl +S保存,这步操作一定要做,不然就是一片空白,保存完之后,按ALT+B,你的网页就出现了在浏览器中了

    在这里插入图片描述

    展开全文
  • 三、前端可视化工程架构 四、常见可视化问题有哪些? 以下问题会单独出文章详细描述,大家有问题也可以评论到下方,一起讨论学习 1. 可视化大屏开发如何适配多端? 2. 可视化大屏如何在拼接屏上准确无误显示? 3. ...

    从2016年开始接触可视化方向,一直想写一篇文章回顾一下这几年踩过的坑,接下来的这段时间里我会不定时的给大家分享一些可视化方面的经验和感悟,发出来跟大家一块分享一下、一起讨论讨论、共同学习进步。

    前言

    这篇文章作为开端,之后会不定时的发出一系列的采坑记录,整理出大数据可视化大屏常见的问题,以及针对特有场景进行深度优化。 这篇文章先带着大家熟悉一下什么是可视化?常见的可视化组件有哪些? 常用的可视化技术栈有哪些? 可视化工程框架是如何的?常见的可视化问题(不含答案,有疑问可以在下方评论我单独回答,如果问题较多我再单独出一篇文章详解)。

    一、什么是可视化

    大数据可视化这词相信大家并不陌生,从 17 世纪的地图和图形到 19 世纪初饼图的发明,使用图表来理解数据的概念已经存在了数个世纪。可视化一直伴随着我们的生活,在我们的生活中更是无处不在,像天猫双十一、女神节都各种各样的指标数据进行采集,像我们生活中的气象、交通、运维...都需要可视化。随着数字化时代的推进,信息时代的到来,我们的数据量在慢慢变得庞大,我们通过单纯的数据表、日志已经无法查看重要信息,必须依赖于可视化!

    二、可视化常用组件有哪些? 常用的技术栈是什么?

    1. 折线图

    Echarts、Chart、Highcharts、D3

    2. 柱状图 

    Echarts、Chart、Highcharts、D3

    3. 散点图

    Echarts、Chart、Highcharts、D3

    4. 象形图

    Echarts、Chart、Highcharts、D3

    5. 雷达图

    Echarts、Chart、Highcharts、D3

    6. 饼图

    Echarts、Chart、Highcharts、D3

    7. 水波球

    Echarts、D3、Canvas

    8. 仪表盘

    Echarts、Highcharts、D3、Canvas

    9. 地图

    Echarts、Antv@L7

    12. 拓扑图

    Antv@g6、Vis、D3、d3-graphviz

    13. 热力图

    Echarts、antV@L7、Heatmap

     

    14. 矩形图

    Echarts、Highcharts、Canvas

      

    15. 旭日图

    Echarts、Highcharts、Chart

    16. 桑基图

    Echarts、Highcharts、Chart

     17. 3D饼状图

    Highcharts、Three、Webgl

    18. 3D场景

    Three、Webgl

     18. 3D GIS场景

    Mapbox、Cesium

    19、20、21...

    常见的可视化组件还有很多就不在这里一一列举了,大家感兴趣的话可以看一看Echarts官网是比较全的,也可以看看D3.js这本书里面记载了很多图表的实现方案。

    三、前端可视化工程架构

    四、常见可视化问题有哪些?

    以下问题会单独出文章详细描述,大家有问题也可以评论到下方,一起讨论学习

    1. 可视化大屏开发如何适配多端?
    2. 可视化大屏如何在拼接屏上准确无误显示?
    3. 如何解决大屏失真、小屏文字模糊问题?
    4. 如何进行大屏速度优化?
    5. 如何对可视化大屏进行低版本兼容?
    6. 随着可视化大屏尺寸增加,消耗资源过大怎么优化?
    7. 3D GIS离线方案怎么定?
    8. 3D场景碰撞检测、视野分析如何实现?
    9. 大型BIM模型加载过慢,优化方案是什么?
    10. 2d、3d动效卡顿,内存持续增改怎么优化?

    展开全文
  • 非常漂亮的100个前端案例,包含幻灯片切换、图片缩放、相册、放大镜、图片拖着滚动等等,只有你想不到。
  • 前端之变(终):前端的未来

    千次阅读 多人点赞 2021-11-01 14:57:25
    2020年,我在技术上再次发生转变,在几乎对前端还停留在JQuery那个理解的前提下,独立主导与开发了PCX这样一个基于Electron跨平台桌面应用,它再一次冲击了我的技术之路,使得我彻底转变为一个全栈程序员。...
  • 前端内卷可观测性

    千次阅读 2022-04-21 15:18:14
    前端可观测性的知识
  • Web前端从初级到高手之路

    万人学习 2015-12-28 16:36:35
    凡是购买本套课程的学员,可以加QQ群: 152364681,专业讲师进行在线答疑与指导,学不懂有疑问,随时问,永久服务,并赠送海量web前端练习素材,名师一路陪伴,让学员真正成为一名优秀的web前端工程师。
  • 2022年前端技术发展趋势

    万次阅读 多人点赞 2022-07-25 14:30:49
    最近,字节跳动技术团队公布了一份关于2022年前端技术的发展趋势预测,总结了新的一年前端技术可能发生的6个变化,下面我们来参考一下。
  • Web前端工程师修炼道(第4版),完整扫描版

    千次下载 热门讨论 2015-12-29 10:00:17
    《Web前端工程师修炼道(原书第4版)》主要内容: ■使用文本、链接、图像、表格和表单来创建HTML页面 ■使用CSS调整颜色、背景、格式化文本、页面布局,甚至是实现简单的动画效果 ■学习新的HTML5元素、API和CSS3...
  • Web前端之去除超链接的下划线

    千次阅读 2021-10-22 00:48:15
    引言web前端的学习过程中,为了使网页之间相互联系,构成网站,我们制定a标签实现超链接,但是a标签是默认有下划线的。为了美观,我们需要去掉下划线,从而使网页更加协调。1 方法预备知识:cs...
  • 大巧不工Web前端设计修炼道.pdf

    千次下载 热门讨论 2012-12-24 15:31:21
    《大巧不工:Web前端设计修炼道》以Web前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳...
  • web前端发展历程

    万次阅读 多人点赞 2022-05-29 20:46:40
    目前在IT公司中前端的岗位越来越成为不可或缺的,前端的地位也愈见明显,很多学校已经体系的传授前端课程,众多培训机构也将前端知识作为了主流课程,也有越来越多的同学加入到前端学习的行列中,作为前端工程师或者...
  • 前端之变(四):进击的前端

    千次阅读 多人点赞 2021-10-08 10:09:21
    本周继续就前端之变阐述自己的思考。 前面我讲了前端的一些变化,但是事实上,过去数年,前端不仅是在自己的技术方向发生了巨大的变化,它试图向所有技术方向发起进攻,取代其主流技术。那这一切又是怎么回事,现状...
  • 前端面试自我介绍

    万次阅读 多人点赞 2020-07-01 12:28:05
    前端面试,绝大多数都会要求做自我介绍。 自我介绍很重要,因为这是给面试官留下的第一印象,如果这是个好印象,通过晕轮效应,你后面的面试流程大概率来说会顺畅很多。 并且这个也不是什么专业技能,完全可以通过短...
  • 前端网页技术 Vue

    万次阅读 多人点赞 2021-07-24 11:43:46
    文章目录VueVue概念同类产品官网特点渐进式框架入门案例.html改造入门案例.htmlMVVM框架基础语法运算符 operator方法 methodsVue解析数据三种data值的写法高级用法:v-命令指令集双向绑定 v-model闪现 v-cloak判断 v...
  • 现在的Web前端技术可以说是...本文,就来分享一份Web前端工程师的职业规划,帮助大家走好前端路! 资深的Web前端工程师,这个方向可以算是一个Web前端最基本的选择。目前Web前端面临的问题是从业人员泛滥,但真正掌握
  • web前端年度工作总结范文

    千次阅读 2020-12-30 11:12:43
    web前端年度工作总结从入职到现在,我在导师的指导下走上了前端之路。在这段时间的学习和项目中使我对前端业务需求和项目开发流程有一定的了解和认识,对前端也有自己的理解。前端是建立在以产品为核心,用户体验为...
  • 前端必备技能----节流

    千次阅读 2022-03-30 15:29:55
    (引言----和大佬们出去吃饭总是会有收获的,这个知识点是我之前从未考虑过的事情,但是在现代的设计开发中却是非常重要且使用频率非常高的两个概念。) 作为一个前端的初学者,因为之前淋过雨,所以想为同样在...
  • 兜兜转转 又回到了前端开发的路线上 那么开始全力学习!多敲代码 多学习!
  • 前端前端及其技术栈

    千次阅读 2021-06-20 13:28:46
    文章目录0)前端1、什么是前端?2、为什么需要前端前端的发展简史:3、前端开发的类型Web前端开发:客户端(APP)开发:4、前端与后端的交互Ajax:Socket:*前端技术栈1)核心语言1.1 HTML什么是HTML?HTML如何...
  • WEB开发服务端与前端协同

    千人学习 2018-10-06 13:45:03
    主要带领大家认识和了解做一个网站的流程和基本的要求,如果运用前端与服务端的数据协同。
  • 前端面试简历篇

    万次阅读 多人点赞 2020-04-09 16:00:04
    1.前期准备 投其所好 一般公司招聘都会有一些硬性要求,比如工作经历、学历、技术栈、岗位要求等等。...中级前端工程师 岗位职责: 1、负责WEB端开发工作,与后端工程师配合,为项目提供最优化的技术解决方案; 2...
  • 前端架构--从入门到微前端

    千次阅读 2019-11-18 19:08:12
    年中,自己做规划(2019Thinking(上) – 一个前端开发者的个人思考)时,考量了一段时间「微前端」,也关注到了《微前端的那些事儿》的文章,从而了解了作者「黄峰达」,也就购买了下面将要聊的书《前端架构:从入门...
  • 前端之变(五):王者归来

    千次阅读 多人点赞 2021-10-12 09:44:39
    本周继续就前端之变阐述自己的思考。 这是本系统的第五篇,前四篇为: 前端之变(一):技术的变与不变 前端之变(二):不变的前端 前端之变(三):变革与突破 前端之变(三):进击的前端 前面几篇文章我已经...
  • 前端调试小技巧快速清除缓存

    千次阅读 2021-11-04 18:18:44
    需求: chrome如何在不清除历史记录时快速清除缓存 解决: F12调试者模式下,鼠标放在刷新页面按钮下,右键点击清除缓存并硬性重新加载
  • 前端cookie详解

    千次阅读 2022-01-26 20:46:11
    cookie在前端还是比较总重要的,接下来将总结一下cookie知识点。 将从以下方面去聊一聊cookie。 1、什么样的数据适合放到cookie中。 2、cookie是如何设置的。 3、cookie如何进行携带传送给服务器的。 4、cookie如何...
  • 什么是微前端及微前端优缺点

    千次阅读 2022-02-26 20:43:10
    什么是微前端前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。(建议先...
  • 落笔之际,却发现标题之意并非全能表达我作为...举步维艰之路,仍不忘举步前行。 搁笔沉思,望穿四年,被动中求得生存,主动中求得进步。也算是发现:这是一个先易后难的过程。 作为一名前端开发工程师不仅要掌握基...
  • 后来,又有读者私信问我,“挺纠结的,不知道该选前端还是 Java?” 真不好选,因为“男怕入错行,女怕嫁错郎”,初学者纠结这个问题也是情有可原。 首先来说说 PHP,Web 蛮荒的年代,PHP 真的是王者姿态,连 Java ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,573,990
精华内容 1,029,596
关键字:

前端之路