前端入门 | 易学教程

腾讯前端一面总结

阅读更多关于腾讯前端一面总结

看到一片特别好的文章原文作者：广工小成 https://segmentfault.com/a/1190000013654696 前言腾讯一面，相比阿里一面来说，腾讯一面先给打电话预定时间，这也给了我们这些面试者去准备的时间。但是也正是因为这种确定性，也有在等待电话的时候的心情的忐忑。背景我是一名大三学生，大一在学校acm集训队，后来转向学习java，又去开发Android，在期间，学会怎么去解决一些编程遇到的问题以及灵活运用github。在大二寒假的时候，开始接触学习前端，如今已经一年了，一开始是做百度前端技术学院( http://ife.baidu.com/2016/task/all)的任务，学习了html和css，以及参考别人优秀的代码。 js是通过红宝石，js高级教程第三版开始入门学习的，这本书里面的基础知识很精髓，那时候我也很有耐心的去看完了，虽然说可能实践还是跟不上理论，因为后面做的项目基本都是用框架去做项目，而导致对于基础知识的实践比较少。接下来，我们进入正题吧。腾讯一面首先，接到电话的时候，由于之前心情的忐忑，情绪还是有点兴奋的，以期待的口气向面试官问好，面试官也问问好之后就开始进入面试题了。【你先简短的介绍一下自己】在这里，我就简短的介绍了自己的学校专业，应聘的岗位，以及是怎么走向学习前端的道路，也就和我写的背景差不多。【你是怎么学习前端的？】

学习前端Vue——by盐焗西蓝花inb站

阅读更多关于学习前端Vue——by盐焗西蓝花inb站

经过断断续续近一个月的学习，总算跟着b站黑马程序员的视频入门了Vue，对前端框架有了一个新的认识接下来总结一下：课程主要分为四个板块，Vue基础，本地应用，网络应用，综合应用 Vue基础：导入Vue，准备html结构，把Vue挂载上去，再在里面准备data和methods 本地应用：实现计数器，图片切换，记事本的制作网络应用：结合axios，和准备好的接口综合开发；制作天知道-天气查询页面，综合应用：实现一个音乐播放页面，可以在搜索音乐的基础上，对应播放，并且显示歌曲专辑的封面，以及热门评论；在播放暂停的时候会有不同的动画效果，最后在有mv的歌曲中可以在线观看当前歌曲的mv Vue基础学习Vue之前需要有一些铺垫知识：HTML，CSS，JavaScript，AJAX基础知识~~（然而我都不怎么会）~~ 在学习中选用vscode作为课程中的开发工具（其实其他的也可以，之前用过hbuilder）。 Vue 呢，JavaScript的框架，出现的目的呢是为了简化dom操作（然鹅我并不知道什么是dom操作）百度如下：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。回看课程发现， dom操作呢简单来说就是获取元素，再操纵元素来实现不一样的网页效果。 Vue呢还可以做到响应式数据驱动，简单来说因为页面是由数据来生成的

【慕课网】前端零基础入门---步骤二：页面化妆师CSS---04-CSS背景和列表

阅读更多关于【慕课网】前端零基础入门---步骤二：页面化妆师CSS---04-CSS背景和列表

04-CSS背景和列表第1章 css背景 1-1 background-color 1-2 background-image <!DOCTYPE html> <html> <head> <title>3</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <style type="text/css"> *{margin: 0;padding: 0;} div{ background-image: url(http://climg.mukewang.com/58dc9d360001d65806500650.jpg); background-repeat: no-repeat; text-align: center; width: 450px; height: 450px; background-size: 100%; padding-top: 200px; } </style> </head> <body> <div> 《长歌行》 <br> <br>青青园中葵，朝露待日晞。 <br>阳春布德泽，万物生光辉。 <br>常恐秋节至，焜黄华叶衰。 <br>百川东到海，何时复西归。 <br>少壮不努力，老大徒伤悲。 <br> </div> </body> </html> 1-3

前端需要掌握的知识

阅读更多关于前端需要掌握的知识

一.基础知识 HTML --- 定义了网页的内容。 W3school CSS --- 描述了网页的布局。参考手册 HTML5 ---是下一代的 HTML。 W3school CSS3 ---是最新的 CSS 标准。参考手册 JavaScript --- 设计了网页的行为。菜鸟教程 jQuery --- 是由JavaScript语法写成的一个插件库。 API Bootstrap --- 来自 Twitter，是目前最受欢迎的前端框架，响应式 CSS 能够自适应于台式机、平板电脑和手机。 Bootstrap4 二.进阶学习 node.js（npm）--- 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。菜鸟教程 Sass --- css预处理器语言，支持变量、mixin，继承等功能，是基于Ruby的。 Scss中文网， Sass本站教程 Vue.js --- 不是一个框架，只是聚焦图层，是一个构建数据驱动的web界面的库。通过简单的API提供高效的数据绑定和灵活的组建系统。菜鸟教程 sea.js --- js模块加载器。三.工程自动化（前端构建工具） gulp --- 是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译替代手工实现自动化工作。 gulp中文网， gulp入门 webpack --- 是文件打包工具

自学前端开发，现在手握大厂offer，我的故事还在继续

阅读更多关于自学前端开发，现在手握大厂offer，我的故事还在继续

简要背景我是一个非科班出身的程序员，而且是连续跨专业者，用一句话总结就是： 16 届本科学完物流，保送研究生转交通，自学前端开发的休学创业者。 17 年休学创业，正式开始学习前端，离开创业公司后，我又回炉深造，期间一直没有放弃前端开发的自主学习，在 19 年秋招（20 年毕业）大战中也收获了一些 offer。列举一部分 SP（Special Offer）：美团（专注吃喝玩乐的 O2O 互联网公司）小米（2019 年世界 500 强中最年轻的公司）顺丰（物流行业中高端市场扛把子）云从（人工智能行业四大明星独角兽之一）一加（中高端手机市场新贵）具体的薪资水平，都是在传统的物流和交通行业之上的，可以上一些平台比较。找到满意得工作后，我现在想通过自己的努力，帮助到有志于从事前端开发工作的各位朋友，收获适合自己的 offer。大学教育赋予了我们的自学能力，只要感兴趣，肯用心，转行吃碗热饭是可以的。下面我将仔细讲述亲身经历得故事，不堆砌词藻，但求真实，也许会给你带来一些启发。经历不可复制，经验却可以流传。在校求学本科专业是物流工程，研究生专业是交通工程。本科期间我只学过 VB（Visual Basic）和 R 语言。研究生没有上过任何计算机课程，全靠自学。当然，也在本科期间参与过大大小小的科技竞赛，数学建模比赛，对物流专业的管理学知识渐渐兴趣不大。于是

三个原因告诉你，为什么选择HTML5大前端？

阅读更多关于三个原因告诉你，为什么选择HTML5大前端？

随着当下IT技术的蓬勃发展，越来越多的人想入行或转行至“程按序员”梯队。那么对于零基础、学历较低的小伙伴来说，千我凭借丰富的经验，综合各方面原因考量，首推大家选择HTML5大前端。下面，为大家分析原因，希望能对处于迷茫期的你有所帮助。 1、门槛低、便于入门首先前端是由HTML和CSS组成，当然还有JavaScript。像Java、Python等，刚开始学习都是基于控制台的，各种语法，学起来相对枯燥无味，对没有耐心的人来说坚持不易，所以那些想转行的人如果自身文化水平不高的话，当然会选择一个相对来说简单的去学，前端就是一个很不错的选择，能起到立竿见影的效果。 2、涵盖技术广、就业前景好近几年前端发展非常快，各种框架层次不穷，从浏览器的脚本发展到了服务器端的脚本，用NodeJS就能写服务器，同时触角也深入到了移动端，比如用React Native就能写APP，小程序，H5的小游戏等等。现在前端能接触到的范围也是非常的广，所以选择学习前端是一个很不错的选择，深入学习后可以自己基于Node写一套网站，同样也能写后端，而且前端的发展是非常快的，纵观历史的长河，前端的兴起才短短的几年，就已经发展到了如今的地步。同时，前端非常适合女生，在IT这个行业中，前端的女生能占行业的百分之四十左右。 3、综合原因想转行学习前端，第一个是因为他效果显著，就算你是刚开始写Hell World

前端学习总结（三）

阅读更多关于前端学习总结（三）

本章的问题都是学习过程中一些基础问题。前几天学习了js、html、css的相关知识。昨天安装nodejs和npm又出了一些问题，今天中午解决了这些问题，也安装了vue。并跟着一个vue入门课程完成了基础语法的学习。接下来对今天的学习进行一个总结。啊万事开头难，发现有很多东西我都无法给出真正的解释。 1. 如何描述html、css、js之间的关系。 2.为什么不通过一个语言来完成前端这件事情，反而在不停的出现新的东西。例如，js是对页面中的事件进行响应的。为什么是js，而不是其他？如果说是因为js是一门脚本语言的话，那么其他脚本语言可以吗？ 3.这就引出了另一个问题。有哪些脚本语言，脚本语言的好处，以及应用场景分别是什么 4.在查阅的过程中，根据大家对于脚本语言和编程语言的定义，另一个问题，编译和解释这个两个过程又该如何解释？以上是一些基础或者称之为愚蠢的问题。 1.事件在打开的页面上，浏览器本身或者用户可能对html元素进行一些操作。进行操作之后就要进行响应。因此，监听到这些事件之后通过js定义函数来进行操作。下面这个链接汇总了大部分事件： https://www.cnblogs.com/daijing/p/10388008.html 2.Dom到底是什么意思？这个问题，我现在只是朦朦胧胧有点理解。html的文件结构会形成一个dom树。 html中的标签元素是节点

前端自动构建工具Gulp入门

阅读更多关于前端自动构建工具Gulp入门

基于nodeJs；通过不同插件能自动完成一系列动作，比如压缩js/css/img、解析模版标签、解析less等；一、安装gulp 安装nodeJs 打开Node.js command prompt 输入 npm install gulp -g 全局安装gulp 在C盘根目录创建gulpTest文件夹在命令行使用 cd c:/gulpTest 进入该文件夹在该文件夹内创建文件package.json(后面会提及该文件作用)，并输入 {"name":"projectName"} ，保存文件下面开始输入命令局部安装gulp，并写入package.json： npm install gulp --save-dev 安装完毕后，可以看到package.json中已经添加了依赖经过以上步骤，已经在项目中安装了gulp 二、使用gulp插件压缩css 输入 npm install gulp-minify --save-dev 在项目根目录（c:/gulpTest/）创建gulpfile.js，输入以下代码并保存 var gulp = require('gulp'), minifycss = require('gulp-minify-css'); gulp.task('minifycss', function() { return gulp.src('src/css/*.css') /

前端入门解疑（1）-- 序言

阅读更多关于前端入门解疑（1）-- 序言

随着技术的进步、开发理念的逐步完善和客户化的需求日渐增多，前后端分离是业界的趋势，很多公司都采用了这种技术架构，前端技术也发展得非常迅猛。不过这样也导致了新手入门的时候，会产生各种各样的疑惑，甚至有人还产生不了疑惑，只知道照葫芦画瓢。初入公司实习，公司或许会安排又经验的员工进行协助。由于有经验的员工本身任务也比较重，大多数是给新人直接安排简单的任务进行练手，但都是基于公司现有的前端框架进行开发。如果新手在校的时候，在前端方面没有深入接触前端框架，或者是前端的三大技术（HTML，CSS，JS）与背景不太熟悉，会经常摸不着头脑。这时候，如果有经验的员工没给新人做适当的入门培训，很容易导致新人怀疑自己是否适合做前端。目前本人针对这些方向性的问题作出简单的介绍，里面包含了个人对前端技术的理解，主要包括前端的三大技术（HTML，CSS，JS），浏览器，前端框架等。前端三大技术是前端最重要的技能，因为你无法识别你未来的公司或者你公司未来会使用什么技术框架，但只要你掌握好这三大技术，无论怎么变也能快速上手。浏览器是前端展示的工具，适当了解浏览器的来历与特性，能协助你更好的进行开发与排查问题。前端框架是前端技术发展的重要成果，能提高前端开发的效率，同时能增加程序的稳定性。其他方面后续想到再做适当的补充，下面进入简单的技术。来源： CSDN 作者：小明哥哥的哥哥链接： https

WEB前端资源项目整合

阅读更多关于 WEB前端资源项目整合

vue.js高仿饿了么（1-13章全）链接：https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw 提取码：25z9 Vue.js 2.5 + cube-ui 重构饿了么 App 链接：https://pan.baidu.com/s/1UZyLkzYMvhUhhX3GH5ITvA 提取码：bx53 Vue2.0 + Node.js + MongoDB全栈打造商城系统链接：https://pan.baidu.com/s/10Jm22uzp4p2NMMRlNac7Rg 提取码：uns3 Vue 2.0 高级实战-开发移动端音乐 WebApp 链接：https://pan.baidu.com/s/1RvF1KziTgq4HEaIVnCvz1w 提取码：v0vb vue去哪儿无密APP 链接：https://pan.baidu.com/s/1vQMWuSNJJ8OrxoGVcZTgtw 提取码：u3yz Vue全家桶+SSR+Koa2全栈开发美团网链接：https://pan.baidu.com/s/1KTzsYSB5-Ua47r-jArSgJw 提取码：qwen 7天搞定Node.js微信公众号开发链接：https://pan.baidu.com/s/1Aw6be7tp8ysDs0N1H7Kf_Q 提取码：gf6q Vue + Node +

订阅前端入门