百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • 首先,为什么要说是认真学习的第一天呢?因为我在前端学院报名已经过了有十几天了,期间也看过这里面的内容,但都不是很认真,只是简单的了解一下。还有就是,我是一名即将进入大四的学生,前端时间也是一直有课,还有学校安排的实训,时间不是很充足,现在放假了,也就开始认真学习了。 对于前端,我有过一个学期的关于前端的课,但都是简单的html+css,再加一点jquery,学的不是很深入,学完这门课后,我就喜欢上它了,然后就开始自学,看书、看视频、浏览博客等等,可能也是一时热度,看身边的同学,每天都是无所事事,睡觉或是打游戏,我也就三天打鱼、两天晒网了,现在做的最好的就是切图了,动态的用jqu…

    0次浏览00评论
  • 今天开始看了传说中的《编程珠玑》,感觉有点意思,但是也有点难度。 第一章的开篇主要说了一个给定需求的排序问题,主要运用了位向量的数据结构巧妙简单地解决了这个问题。排序之后又多了解了一种算法,位向量来排序,简单有效。 思考题比较有趣,现在整理一部分内容。 下面的C程序使用标准库函数qsort()来排序一个整数文件 int intcomp(int x,int y){ return x-y;} int a[1000000];int main(void){ int i,n=0; while(scanf("%d",&a[n])!=EOF) n++; qsort(a,n,s…

    1次浏览00评论
  • 今天是学习的第二天: 在一个HTML页面中一个静态页面肯定会有菜单,而我们一般情况下的菜单都是由菜单列表构成;菜单列表分为有序列表<ol>标签 无序列表<ul>标签 还有自定义列表 <dl>标签,但在实际开发中我们常用的一般都是无序列表标签 有序列表使用较少 而自定义的标签主要是用于一些特殊的情况下;大家可以自行选择使用。对于列表标签来说,它只是一个容器,只有配合列表项<li>使用才能够显示出列表的效果 li列表项主要是显示每个列表的具体项及内容;但只能用在无序列表和有序列表中,对于自定义列表需要使用<dt>和<dd>来…

    2次浏览00评论
  • 我的前端学习之路2018-07-17 23:15

    转眼间就到大三的暑假了,对于自己以后要从事什么方向还是比较迷茫;因为感觉自己在学校的沉淀不够,前端这一块只是了解过一点框架方面以及后台方面的知识;但对于系统的HTML+CSS+JS自己也只是照着书勉强看了一遍而已 JS因为写的较多的原因还算入门了;但对于HTML+CSS一直都处在一个比较模糊的状态 知道百度前端学院是去年的事情,但是一直因为自己的行动力等等原因而耽搁了学习;现在刚好大三暑假有一个实习,主要是对我们的现有技能进行一个培训。于是萌生了跟着百度前端学院加上实习两步走的想法,所有的伟大都源于一个勇敢的开始 言归正传,目前实习的方向是前端+微信小程序 ;前期主要是…

    3次浏览00评论
  • 2018/7/17 目标:制作一份简单的个人简历 用时:3.5小时 遇到的问题一、position定位理解不清晰已解决,并笔记通俗的说有时侯我会觉得absolute绝对定位是根据浏览器窗口定位,实则不是。absolute定位是相对于父元素的绝对定位,且父元素必须有position:absolute或者position:relative,若其父元素没有,则逐层网上寻找,直至浏览器窗口;relative相对定位是相对于当前位置定位,即相对于自己定位。同时对html各标签理解的更加清楚了。 二、一些自己不清晰的概念问题1、文档类型的概念:在头部提前使用DOCTYPE申明文档类型是W3C规范要求的,能…

    3次浏览00评论
  • 第一天参加~2018-07-17 22:10

    因为马上就要进行职业的选择了,所以想各个方面都涉足尝试一下,准备先从前端入手。 上学期间也做过部分项目,这次参加前端技术学院的主要目的是想系统的学一下前端的知识,之前一直是匆忙上手,然后现在就是会用而已,没有认真的学过。任何知识明白了解了基础,可以扎实的使用,做项目的时候出问题也可以快速定位到出问题的地方。毕竟扎实的了解根本的技术使人有一种踏实的感觉。在这个浮躁的世界中还是要有技术的沉淀,各种技术万变不离其宗,基础知识扎实才能发展的更好。 对前端的热爱还处在初步的阶段,毕竟自己有一种干一行爱一行的能力,与其纠结不如深入的学习一下看看是不是自己的真爱。 …

    3次浏览00评论
  • js数据类型转换2018-07-17 19:54

    #1.声明变量JavaScript有五种简单数据类型:Undefined、Null、Boolean、Number、和String,还有一种复杂数据类型--Object一条语句,多个变量可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可: var name="Gates", age=56, job="CEO"; 声明也可横跨多行: var name="Gates", age=56, job="CEO"; #2.显式数据类型转换 ##2.1转数字有三个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat()。Number可以用于任何数据…

    5次浏览00评论
  • 盒框模型与浮动2018-07-17 18:26

    一个盒子的总宽度是它的width, padding-right,padding-left,border-right和border-left属性之和。盒模型中如果出现溢流overflow情况,有三种属性:auto,hidden,visible。CSS框显示display类型也有三种:块框block box,行内框inline box,行内块状框inline-block box。浮动用float,但是浮动会导致宽度可能难以计算。清除浮动用<div class="clearfix"></div>.clearfix { clear: both;} …

    4次浏览00评论
  • 1.工厂模式 工厂模式是一种创建型模式,目的是为了创建对象。通常用在类或静态方法中。1.当创建对象时执行重复操作2.在编译不知道具体类型时,为工厂客户提供一种创建对象的接口通过工厂模式创建的对象在设计继承了相同的父对象的思想,他们都是实现专门功能的特定子类 var Staff = { addWaiter:function(id,name,salary){ return new Waiter(id,name,salary); } addCooker:function(id,name,salary){ return new Cooker(id…

    3次浏览00评论
  • 3、文档类型是什么概念,起什么作用? 答:在互联网上有许多不同的文档,只有了解文档的类型,浏览器才能正确的显示文档。提前声明文档类型可以帮助浏览器正确的显示网页。 4、meta标签都用来做什么的? 答:通常所说的META标签,是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。 5、Web语义化是什么,是为了解决什么问题 答:HTML的每个标签都有其特定含义(语义),Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。 6、链接是什么概念,对应什么标…

    4次浏览00评论
  • 前端学习第一天2018-07-17 15:15

    回顾要点: 1、日期,今天的学习总用时,今天学习的目标是什么,是否达成 2、哪些东西今天了解得比较透彻,说说自己的理解 3、哪些东西今天了解到了一些,还有哪些点需要后续继续深入阅读 4、哪些东西今天学了之后还有很多疑问没有被解答,把问题记录下来,以待后续解决 1、第一堂课的学习不止用了一天,用了很多天,学习的目标就是: 了解html、css、javascript是什么; 以及一个web页面怎么写成的; 还有为什么我们输入一个网址就看到一个网页。 2、了解比较透彻的就是浏览器访问的过程。大致为: 浏览器发送HTTP请求到服务器,服务…

    5次浏览00评论
  • 在IFE的第一天,通过资料对前端的知识有了一些初步的了解。知道了HTML是一种标记语言,可以通过它来显示出列表、图片、超链接、输入框、按钮等等。通过HTML显示的是浏览器默认的样式,而CSS可以让样式变得更加丰富。JavaScript则是能够实现页面的动态效果。 …

    6次浏览00评论
  • 格式:选择器+大括号+属性:属性值+;h1 {color: blue;/文本设置为蓝色/background-color: yellow;/背景是黄色/border: 1px solid black;/边框,宽度1px 实线 黑色/} p, li {text-decoration: underline;/文本修饰,下划线(underline、overline、line-through、blink)/} h1 {color: red;/文本为红色/text-shadow: 1px 1px 1px black;/h-shadow(水平阴影) v-shadow(垂直阴影) blur(模糊的距离)…

    5次浏览00评论
  • 7/17/2018心态:很不敢相信自己开始认真的写一篇学习笔记竟然是在自己大三结束的暑假,很可悲,但能克服羞耻心写下这篇笔记应该也算是在此刻种下了一棵树吧。flag:9.1日前修改本篇笔记这是我开始学习端的第17天,暑假的第1天,之前的时间阅读了知乎上前端相关回答,一刷了《Head First HTML and CSS》和《JavaScript DOM编程艺术》等知乎推荐的豆瓣高分入门书籍,完成了freecodecamp 上的第一个实例前的基础教程,简单入了门,用v2ray搭建了自用工(ti)具(zi),注册并学习了github和Codepen的使用,安装完善了Sublime Text 3编辑…

    4次浏览00评论
  • IEF|零基础学院|16天:javascript【1】 @(IEF笔记)[javascript, IEF] 第十六天,开始感受JS的乐趣 1. 课程目标 从今天开始,我们要开始学习在Web开发中使用 JavaScript/ECMAScript 来实现各种各样的交互逻辑及数据处理,今天的目标是初步了解 JavaScript/ECMAScript 是什么,开始学习基本的语法,并通过几个小例子的练习,来初步感受语言的魅力。 2. 学习总结 学习资料:JavaScript基础 - 学习 Web 开发 | MDNJavaScript 第一步 - 学习 Web 开发 | MDN 概念: javas…

    2次浏览00评论
  • 盒子模型 1.一般的盒子模型 框的总宽度是width, padding-right, padding-left, border-right, 以及 border-left 属性之和width,height指盒子的内容的宽高 2.变换的盒子模型 box-sizing: border-box //元素的width,height指的是border的宽高 3.设置宽高的约束 min-width、max-width、min-height 和 max-height//可以让元素的尺寸动态改变,随父级变化 例: width: 70%; max-width: 1280px; min-width: 480px;…

    7次浏览00评论
  • Some Tips2018-07-16 21:03

    SVG 可缩放矢量图形,即SVG,是W3C XML的分支语言之一,用于标记可缩放的矢量图形。 创建一个SVG元素 var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); mouseleave和mouseout mouseleave在位于元素上方的鼠标光标移动到元素范围之外时触发,不冒泡,而且光标移动到后代元素上不会触发。mouseout在鼠标光标位于一个元素上方,用户将其移入另一个元素时触发。又移入的另一个元素可能位于前一个元素的外部,也可能是这个元素的子元素,会冒泡。 IFE2018-Base: …

    3次浏览00评论
  • 第二天,2018-07-16 16:44

    HTML是什么,HTML5是什么 超文本标记语言 不是编绘语言,是标记语言(markup language) 标记语言就是一套标记标签 HTML用标记标签来描述网页 HTML元素标签、属性都是什么概念?*HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定。 文档类型是什么概念,起什么作用? meta标签都用来做什么的? 元素可提供有关页面的元信息(meta-inform…

    3次浏览00评论
  • 2018/7/16 目标:熟悉一遍前端主要内容,熟悉万维网的访问过程,学会在github上展示自己的项目和使用python配置本地服务器。 一、Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么? HTML(超文本标记语言):是用来构建网页内容并将其语义化的代码,简单来说就是用来显示数据的。举例: 我的内容是一些段落还是带点的列表?我的网页上有插入图片吗?有数据表格吗? HTML5:是一种新标准的HTML,新加了许多方便的标签 XHTML:是XML与HTML的结合体,对语法要求严格,在语法上与HT…

    6次浏览10评论
  • 好的2018-07-16 15:16

    用电脑 …

    4次浏览00评论