精华内容
下载资源
问答
  • 前端学习方法

    2021-01-21 23:26:44
    两种高效的前端学习方法 建立前端体系架构 明确前端工程师的发展方向 JavaScript语言:掌握JavaScript的核心功能和设计思路 学习JavaScript语言知识 建立对JavaScript语言的文法、语义、运行时的整体认知 掌握...

    模块一

    前端知识架构:构建你的前端知识体系

    1. 两种高效的前端学习方法
    2. 建立前端体系架构
    3. 明确前端工程师的发展方向

    JavaScript语言:掌握JavaScript的核心功能和设计思路

    1. 学习JavaScript语言知识
    2. 建立对JavaScript语言的文法、语义、运行时的整体认知
    3. 掌握JavaScript的核心功能和设计思路
    • JavaScript运行时
    • JavaScript词法
    • JavaScript语法
    • JavaScript对象机制
    • 脚本与模块
    • 函数
    • 语法与声明
    • 表达式
    • 标识符与直接量

    HTML、CSS语言:掌握HTML应用,理解CSS语言、排版、绘制和动画

    1. 理解HTML语言
    2. 掌握基本语法和主要标签语义
    3. 掌握HTML语言继承自SGML和XML的各种机制
    4. 掌握运用HTML开发网页所需要的知识
    5. 学习CSS语法和基本机制,以及重要的CSS属性的使用
    6. 掌握用CSS完成网页视觉和交互效果的技能
    • HTML语义:学习如何用 HTML 说话
    • HTML 与 SGML:DTD、entity 等来自 SGML 的设施
    • HTML 与 XML:namespace、标签封闭
    • HTML 的扩展:SVG、MathML、Aria
    • CSS 语法
    • CSS 机制:Media Query、Viewport、其他 at-rule、选择器、伪类、伪元素
    • 排版:盒模型、正常流与文本、Flex、Grid
    • 绘制:颜色、背景图片、投影、圆角、滤镜、Counter
    • CSS 动画

    浏览器工作原理和 API:动手实现一个简易浏览器,梳理 Web 核心 API 及背后机制

    1. 用 JavaScript 实现一个简化版的模拟浏览器
    2. 理解浏览器的整个工作过程
    3. 学习 DOM 和 CSSOM API 等浏览器的核心 API
    4. 掌握在浏览器上开发交互效果的基本能力
    • HTTP 协议的解析
    • HTML 语法与词法
    • 实现 CSS 计算
    • 实现排版
    • 实现渲染和绘制
    • 基础 DOM 树操作
    • 浏览器的事件机制:冒泡与捕获
    • CSSOM、CSS 的对象模型以及与显示相关的对象模型
    • 其他 API

    编程与算法训练:12 个案例提升你的编程内功

    1. 训练与语言和运行环境无关的基础编程实例
    2. 训练与 JavaScript 和 Web 相关的编程实例
    3. 解决具体问题,提升编程能力
    • 基础:TicTacToe /井字棋(递归)
    • 基础:寻路问题(搜索)
    • 基础:出现最多的 50 个字符串(哈希树/排序结构)
    • 基础:判断点击区域(计算几何)
    • 基础:括号匹配(栈)
    • 基础:wildcard(贪心)
    • 应用:Promise 与异步编程
    • 应用:正则表达式与文本处理
    • 应用:Proxy 与双向绑定
    • 应用:使用 Range 实现 DOM 精确操作
    • 应用:使用 CSSOM 实现视觉交互
    • 应用:解析一个四则运算的表达式

    组件化:掌握组件化核心开发思想和工程实践

    1. 理解组件化的概念、应用场景和基本思路
    2. 了解组件化的历史与现状
    3. 提升对组件化这一工程手段的认知
    4. 设计一套组件的基础设施,揭秘 React/Vue 风格的组件原理。
    • 组件化基础知识
    • 实现一个轮播组件
    • 抽象出手势库
    • 抽象出动画库
    • 为组件添加 JSX 语法
    • 其他组件
    • 轮播组件的继续改造:生命周期
    • 轮播组件的继续改造:状态、属性、特征
    • 轮播组件的继续改造:事件机制
    • 新组件 Tab:容器型组件
    • 新组件 List:数据机制
    • One more thing:Vue 风格的 SFC
    • 组件体系的设计

    工具链:从零设计并实现一套符合大厂要求的工具链

    1. 完整实现一套可以用于实际开发的工具链模型
    2. 理解工具链的各个方面
    3. 从零开始设计一套包含初始化、构建、调试、测试的工具链,学习大厂如何通过工具链保证代码风格、环境统一,保障基本质量。
    • 整体理解一个工具链的设计
    • 目录结构与初始化工具
    • 设计并实现一个构建工具
    • 设计并实现一个调试工具
    • 设计并实现一个单元测试工具

    发布与持续集成:通过发布和持续集成保证前端团队代码质量

    1. 实现一个持续集成和前端发布体系
    2. 学习如何用持续集成保证前端代码质量
    3. 从零开始搭建一套极简的线上服务和与之搭配的发布系统,基于这个发布系统完成前端的持续集成体系,学习如何用持续集成保证前端代码质量。
    • 实现一个线上 Web 服务
    • 实现一个发布系统
    • 持续集成:如何使用 Git Hook
    • 持续集成:如何使用 Lint 工具
    • 持续集成:如何使用无头浏览器
    • 持续集成:如何实现 DOM 树的检查
    展开全文
  • 前端学习方法

    2017-04-04 14:09:18
    前端学习方法了,毕竟我也是通过网上各路大神的帮助和讲解,才能走到今天的! 首先,先说说基础。 必须声明,基础很重要。现在网上各路UI框架js框架一大堆,功能各异,看起来都很厉害的样子,就导致一些刚接触...

    最近发现有很多人都想学习前端,然而大多都是不知道从何入手,一脸的迷茫。所以作为一名已经有一定工作经验的前端工程师,我觉得是时候回报社会,分享一下我

    的前端学习方法了,毕竟我也是通过网上各路大神的帮助和讲解,才能走到今天的!

    首先,先说说基础。

    必须声明,基础很重要。现在网上各路UI框架js框架一大堆,功能各异,看起来都很厉害的样子,就导致一些刚接触前端的,html,css,js,这三大基础性的东西都

    没学会就去研究框架去了,然后就是个各种bug,UI框架效果不会改,做出来的和想象中的完全不一样,使用js框架无端报错,明明很对照着敲,却还是错,百度到怀疑人生, 

    试到绝望,才终于会一丢丢,原来是少写了东西,函数用法错误,又或者是作用域错了,等等一些奇葩问题,其实这些都是基础不扎实的结果。那么重点来了,怎么才能打好基

    础呢?其实很简单,就是在学习的时候就多敲代码,去w3school这个网站看完例子然后就对着dom敲,仿写各种网站,编程工具建议用hbuilder,因为是中文的比较清晰明白

    易上手。


    1、html和css,你必须清楚十分清楚的了解div,span,p,select,option,ul,li,input,table,form表单,等一些常用的标签都有什么样的特性,块元素还是行

    内元素,都自带有什么默认样式怎么清除默认样式等,比如说select的默认样式可以通过appearance:none;清除,然后可以通过background设置新的下拉框背景图片,a标

    签的默认样式可以通过text-decoration:none;清除等,然后多仿几张静态页面,比如说做一个电商网页的头部,尾部,导航栏,搜索框,登录框,商品详情,内容详情等,注

    意margin负值的使用,了解盒模型,相对定位,绝对定位,固定定位,浮动,清浮动这些常用的写法要懂灵活使用,前期建议就是照着菜鸟教程或者是w3school这些网站上的

    例子敲,然后可以在打开网页后按f12看该网页的html结构,想一下他们为什么这样布局,如果是你你会怎么布局,最后相信你肯定会是收益匪浅的


    2、js重中之重,初学者没有编程语言基础的同样是建议去菜鸟教程或者是w3school这些网站上,按上面的指示步步敲,首先大致了解js是什么,都有什么数据类型

    等,然后从定义变量开始,学会console.log打印调试,for,swich,while循环的不同点,if判断,&&,||,!等运算符的使用,数组,对象元素的增删查改都用的什么方法?

    shift()和pop这两个删除方法的区别,字符串的截取slice()、substring()、substrde这三个常用方法的 用法和区别,去重,换位置,数据类型的转换等等的方法,比如数

    组、与字符串的互转可以通过join和split这两个方法,函数的创建,函数的形参实参各是什么意思,函数指针等,什么是闭包,优缺点,面向对象编程与面向过程等,比如

    闭包的作用就是可以使外部函数引用内部函数的变量,不增加额外的全局变量,为了不使闭包造成内存的泄漏,用完后应清除引用,释放内存等。ajax核心--XMLHttpRequest

    对象,如何创建这个对象,然后如何通过它实现与服务器通信等,json数据格式怎么写,json如何转换成字符串等,cookie的使用,通过js对css属性的添加与删除,如何创建

    html标签,获取标签类名id等,要知道页面上的大多数运动都是通过定时改变元素位置改变的,也就是通过改变position相对定位left,top的值实现的(以上这些都可以通过

    在w3school上找到答案,例子可以通过百度js运动,面向对象这些关键词就可以看到很多的解释和源码了)

    3、css3+html5,当你对最原始的html,css,js都有一定的了解之后就可以学习css3和html5这些新属性了,比如说css3的旋转,运动,弹性盒子布局等,html的本

    地存储localstrong和存于服务器上关闭浏览器就消失的sessionStorage,视频标签video,音频标签audio、画布canvas(这个学好了可以做很多游戏)、获取用户地理位

    置方法getCurrentPosition() 等的使用,这些也可以在w3school上找到实例源码,照着敲有个基本了解就可以自己写一些新东西了,这时你会发现前端是个很有趣的东西

    ,反正我自学的时候是这样子的。


        最后才是框架,因为如果你基础好的话,你会发现框架很好学,毕竟一切js框架都只是js方法封装合成的一个库,简单说说我对框架的理解,我认为jq是最好最成

    熟的,我喜欢它强大的选择器,然后vue是数据处理方面比较小巧且方便的,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提

    供驱动。bootstrap是比较多人用的且易上手的UI框架,还有其它的框架,也可以相应的去了解,在我看来jq是最好的框架,就像有人说php是最好的语言一样,莫名的喜

    欢,好了不说废话了,继续说重点:框架更新是很快的,为了适应市场需求,我们必须有非常强的学习这些框架的能力,这个能力要么是天赋,要么就只能通过加强

    对基础js知识的理解来达到更快学会使用框架的目的,而且js足够好完全可以自己写框架,还有如果仔细看就会发现我在说基础的时候多次提到了w3school这个

    网站,我想说的是这个网站是对初学者最好的网站,因为这网站对基础知识讲解得十分详细,且系统化,一步步的十分紧凑,建议多去看,最后js推荐两本书

    (”JavaScript权威指南”和“你不知道的javascript”)不懂可以上csdn搜索提问,多逛博客,个人感觉这上面的大神是真多,看看各路大神的见解也是极好的。

    特别推荐尤雨溪,阮一峰,廖雪峰这三位大神的博客!

    第一次写这种分享文章,后续会提供更多前端路上的知识,希望能帮到各位读者,最后再强调一句,html,css,js这三大基础真的很重要!

    展开全文
  • 聊聊前端学习方法

    2019-10-09 00:37:21
    以前我在学习上会花上大把时间,但是产出却是很不理想。深思,归根究底还是方法的问题,我认为在这里一定要...前端学习方法不仅限于前端,也适用于其他科目的学习,针对自己自身的学习能力,接受范围所做的总结:...

    以前我在学习上会花上大把时间,但是产出却是很不理想。深思,归根究底还是方法的问题,我认为在这里一定要规避一种学习状态就是,你看起来在很认真的学习。看起来这个词很有深意,你是学进去了,但是没有把利益最大化,你浪费了一个小时的时间还没有别人半个小时来的收获大,这岂不是很亏。所以啊万事敌不过认真。

    前端学习方法不仅限于前端,也适用于其他科目的学习,针对自己自身的学习能力,接受范围所做的总结:

    1、会总结,把自己学到的知识点一定要用自己的话总结出来。

    就算是网上的摘录也不要抄下来,用自己的话说出来。用自己的话总结出来,算是二次学习,你书本上看了一遍算是一次学习,然后再自己总结思路描述出来就是二次学习。这样学习记得会更清晰。

    2、学会过滤,懂得抓住重点。

    这个对刷书特别重要,学会抠字眼,提取主要信息,不然满篇的文字看着真是眩晕==,提到了刷书,学一章节然后把一章节的小demo手下过一遍,然后跑到第一点。

    3、学的不在多,在精。

    现在学习下来,对这点的感受越来越强烈,看那么多广泛的东西,真不如抽出一段时间针对某个代码知识点,死扣死扣,把周围的延伸意义翻个遍,收获绝对超乎想象,例如return这个点。

    4、学就专心学,一旦决定投入就要认真。

    在我周围有很多这样的学习人群,一边开着手机,一边iPad放着电视剧,一边看着教学视频,一边放着书。感觉像满汉全席一样,所有外设全部凑齐,等着办大事。要我说啊这种拉倒吧。不过因人而异,我不赞成这种学习模式,对看起来在学习的完美诠释。所以啊玩就好好玩,学就好好学,这两者一定要界限清晰。

    5、学会思考,联想其延伸定义。

    带学到的知识在脑海中溜达一圈再出来,搭建一个知识架构,类似于把知识应用到场景中,联想一遍,我对这种带情景的学习方法超级记忆清楚,晚上睡觉像过电影一样回顾一遍绝对棒棒哒。

    6、温故而知新,多温习。

    这个就不细说了,老生常谈。你上个月看了什么?

    7、多敲多练,手下过一遍,抵过看十遍。

    程序员就是脑力加手指劳动者,脑力不说了,智障天天有。手指,多练手指会好看,哈哈哈哈哈

    8、多分享,和别人交流知识。

    啊这点就是所有广大学习人群或多或少都会有的通病,归根究底还是自私天性,不愿意把自己学到的知识传授给别人,害怕别人比自己好。就好比抄作业,有人愿意给你抄,有人不愿意给你抄。还是说多分享,把自己学到的和别人交流一遍,收获丰盛。

    9、写博客,去论坛,交流群里回答问题。

    本来一直想搭建个个人网站,但是无奈啊,太菜了(捂脸),然后去论坛上回答问题,看看别人思路,不错不错。

    10、学习一定要谦虚,谦虚,谦虚。

    就想到这么多了,饿了,后面再来补充~~

     

    转载于:https://www.cnblogs.com/Grace-zyy/p/qianduanxx.html

    展开全文
  • 重学前端 第二课 前端学习方法

    千次阅读 2019-01-18 14:18:28
    这一课主要讲了2个前端学习方法。 第一个方法:建立知识架构 所谓知识架构,可以理解为目录或者索引,而这个目录要有逻辑性和完备性。他里面开始构建自己的知识架构。首先他要做一个JavaScript的顶层目录,他强调...

    这一课主要讲了2个前端学习方法。

    第一个方法:建立知识架构

    所谓知识架构,可以理解为目录或者索引,而这个目录要有逻辑性和完备性。他里面开始构建自己的知识架构。首先他要做一个JavaScript的顶层目录,他强调知识点之间不是零散的,要有关系,可以是包含,并列等,所以他划分为:

    ●文法

    ●语义

    ●运行时

    他这样划分的原因是,他认为对于任何计算机语言来说,必定是“用规定的文法,去表达特定的语义,最终操作运行时”的一个过程。这样划分,JavaScript的任何知识都不会出现在这个范围之外,体现了知识架构的逻辑性和完备性。

    对于他这样的划分,迫于对各门计算机语言的了解程度太低,我现在还没有办法去理解。

    然后,winter老师还对其细分了一个层级:

    文法

        ○ 词法
        ○ 语法

    ●语义 

    ●运行时

        ○ 类型
        ○ 执行过程

    对于这一块,他这样解释:
    文法分为词法和语法,来自编译原理的划分,是完备的。
    语义和语法具有一一对应的关系。
    程序 = 算法 + 数据结构     类型就是数据结构,执行过程就是算法。

    再往下分:
    词法:直接量,关键字,运算符
    语义和语法:表达式,语句,函数,对象,模块
    类型则包含了:对象,数字,字符串等……

    总之,知识架构可以通过逻辑来保持完备性, 学习的过程就是知识架构不断进化的过程,通过知识架构的自然延伸,我们可以更轻松地记忆一些原来难以记住的点,还可以发现被忽视的知识盲点。

    对于第一个方法,我是赞同的,我觉得确实需要从顶级目录开始整理知识架构。温大这一套现在我无法完全理解,但是我也可以试着去捋清楚自己的知识,试着慢慢去构建自己的体系。

     

    第二个方法:追本溯源

    这里的话,温大讲的就是要对一个知识点有比较深入的了解。这里的话我理解为就是对于上面知识架构的一些知识,要有一个比较深入的了解,可以讲清楚知识本身和其运用,可以举一反三,可以和其他知识点联系起来,了解该知识的优点和局限性等等。

     

    好了,以上是我对第二课的理解和学习。

     

    最后,欢迎扫描以下二维码和我一起跟温大重学前端

    展开全文
  • 一、Web前端学习方法碎碎念 速查要点概述: 1、准备一两本书,作为辅助教材,多维度辅助学习:  (1)《Head First XXX》系列经典入门丛书,浅显易懂,图文并茂。《Head First HTML与CSS、XHTML》《Head First ...
  • 掌握这个前端学习方法,学习效率提升一倍,下面和千锋广州小编一起来看看吧。 说具体方法之前,先声明一点: 这个方法可能上手有点难度,但是你掌握了,原来学一个星期的东西,三天就能搞明白; 我跟不少大牛交流过,...
  • 一些前端学习方法

    2020-06-23 18:32:50
    title: 学习方法论 date: 2020-06-23 17:08:22 tags: 思维方式 categories: 学习笔记 个人网站 前端基础知识学习技巧 三上学习法(平时) 欧阳修《归田录》“余平生所作文章,多在三上,乃马上、枕上、厕上也...
  • 前端学习方法总结

    2016-06-07 23:32:30
    在看之前虽然早就听说了这两门技术,但是一直没有去学习他,今天在学习之后,我发现前端的技术学习是需要一定的学习方法,其实做什么都要方法啦,只是今天在这一块有点感触。我在学习了之后发现其实挺简单的,...
  • web前端学习方法

    2020-05-31 14:05:47
    我是通过学习一部视频,大概几百集,然后找到了工作,那部视频很好,有案例,有素材,源代码也有。希望大家好好学习,如果想要这部视频可以私我
  • 前端学习方法重点

    2019-02-28 01:46:00
    如何成为一名年薪30w的前端工程师? 1,夯实基础 css,js 基础知识一定要掌握得很熟练;上层技术变更很快,基础变动慢,投入时间学习好基础,性价比很高 用css实现斑马条纹背景 毛玻璃效果 图片实现滤镜效果 ...
  • 前端学习方法2

    2018-07-25 09:22:38
    学习大牛的使用方法,利用规则的方法;  4.自己学会创造。     作者:我的蓝猫被削了 链接:https://www.zhihu.com/question/26499097/answer/136861969 来源:知乎 著作权归作者所有。商业转载请联系作者...
  • 随着最近几年来互联网的迅猛发展和普及,HTML5前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。...做前端,学前端,似乎有永远学不完的新知识,以至于很多开发者都陷入了不断跟进学习新知...
  • Web前端学习方法

    2018-05-13 17:00:00
    类比学习Java时画内存图,画HTML的结构图,比如节点树、网页中各个区域都是哪些元素等。 网友:很多人开始都不知道怎样算是学好,觉得能顺着例子做出来就是会了。其实不然,学好的,你在做项目的时候脑中就会有想法...
  • 前端学习方法小结

    2016-11-21 10:20:00
    学习前端的过程中会遇到这样那样的问题,这里简单说几点比较常见的的 1:学习过程中遇到一个小错误卡住很长时间,很多人就会在网上不断的找资料,找案例这样效率是比较慢的,应该自己一步一步进行反推,其实有...
  • 结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。 互联网的快速发展和激烈竞争,用户...
  • 一篇文章搞懂前端学习方法与构建知识体系

    千次阅读 多人点赞 2020-08-07 14:55:14
    给大家讲讲怎么样才是一个优秀的前端工程师,怎么做自己的职业规划,如何学习和构建知识体系。
  • 科技公司互联网公司有很多岗位职位可以选择,有人选择...新人想要学WEB前端技术,最为关心的是成为WEB前端工程师要多久,学习web前端路线是怎样的。如果你真想知道学web前端技术的时间是多长,那么就得了解它究竟要...
  • 已经从事前端行业快3年了,不知不觉的仿佛陷入了瓶颈期,本人是非科班出现,之前在培训机构培训了UI设计当然也学了些基本的前端知识,干了一年多吧 ,对UI 不感冒,之后转了前端,直到现在,每次都是漫无目的的逛...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,889
精华内容 3,155
关键字:

前端学习方法