0

点赞

0

回复

480

浏览

CSS布局的基本原理:盒模型、display、postion和float

继续之前,你现在需要了解最基本的CSS知识,比如: CSS用以描述HTML文档的样式,让页面更加美观 如何引入CSS代码 CSS的基本语法 如何使用CSS的选择器 这里我们更深入地来理解CSS的基本原理。先想象一下如果自己来开发一个CSS的渲染引擎,我们会怎么来做?得到了HTML元素构成的一个树状结构,首先要做的事情是不是就要在一个页面上把各个HTML元素按照一定的顺序排列出来?所以我们就先从如何排列HTML元素开始了解吧。 盒模型 如果不写任何CSS代码,HTML文档中的元素是按照出现顺序显示的,从上到下,从左到右。这是很自然的处理方式,我们在纸上或者在电脑上写文章也都是按照这种顺序。 具体到一个特定HTML元素的显示,它会被呈现为一个矩形,CSS标准中称之为 Box 。一个HTML元素占据空间的大小由盒模型决定。在盒模型中,一个盒子由内容、内边距、边框和外边距共同构成,其尺寸也是这四部分的尺寸之和。 看下面的代码: ...

css

0

点赞

1

回复

1105

浏览

使用HTML5打造一个漂亮的个人简介页面

本文来创建一个现代感的个人简介HTML5页面。整个实验通过 前端预览工具 http://preview.tianmaying.com/ 完成,请访问 http://preview.tianmaying.com http://preview.tianmaying.com/ 前端预览工具的截图如图所示: 预览工具一共分为四个部分: 左上角为HTML代码输入区域 右上角为CSS代码输入区域 左下角为JavaScript代码输入区域 右下角的效果预览区域,输入代码后可以实时看到效果变化 渐变背景 首先来一段基本HMTL骨架: ...

htmlcss

13

点赞

8

回复

6629

浏览

使用天码营前端预览工具:Web前端开发(HTML/CSS/JavaScript)实验

本实验将创建一个简单的HTML页面,展现北京大学创新工程实践课程的老师的信息。 更酷的是,我们可以通过向微信公众号发送消息,来为这个HTML页面发送弹幕。 大家做完实验,向这个公众号发送弹幕,即可在页面上看到自己发送的信息以弹幕的形式在HTML页面上飞出来。 同学们将在这个实验中学习HTML、CSS和JavaScript的基本使用,对于Web前端开发有一个初步了解。 最终的效果图如下: 实验要求 1. 团队页面: 请同学们参考接下来的实验步骤,实现一个展示团队成员信息的HTML页面。通过点击分享生成链接,将链接发送给老师。分享时请输入学校和团队名称。实验步骤是展示创新工程实践的老师信息,你们需要替换成自己团队成员的信息。当然你们可以添加更多酷炫的效果,比如这是吉林大学的同学们的一个很酷的 作品 https://www.tianmaying.com/snippet/318/external preview 。 2. 个人页面: 请每一个团队成员实现一个展示个人信息的HTML页面,个人页面如何制作请参考另外一篇文章, 使用HTML5打造一个漂亮的个人简介页面 https://www.tianmaying.com/tutorial/morden profile 。在团队页面中,每个人的名字请增加链接,链接到个人介绍页面。个人介绍页面的链接地址可以通过分享按钮生成。 实验概览 实验分为三个步骤: 1. 编写HTML代码,展示我们希望显示的内容 2. 编写CSS代码,为内容增加样式,让展示更加美观 3. 编写JavaScript代码,让页面出现动态的弹幕效果 整个实验通过 前端预览工具 http://preview.tianmaying.com/ 完成,请访问 https://preview.tianmaying.com https://preview.tianmaying.com/ 前端预览工具的截图如图所示: 预览工具一共分为四个部分: 左上角为HTML代码输入区域 右上角为CSS代码输入区域 左下角为JavaScript代码输入区域 右下角的效果预览区域,输入代码后可以实时看到效果变化 可以点击右上角的 分享 ,生成这个页面的URL链接,在微信和微博中分享。 1 编写HTML代码 1.1 创建HTML页面框架 首先创建一个HTML页面的框架,HTML页面由 和 两部分构成。 与 之间可以编写基本的元信息,比如字符编码 与 之间是HTML的正文部分 注意大部分标签都是成对出现的,后面出现的标签会有一个 / 符号。 打开前端预览工具,已经默认给大家创建好了一个HTML页面框架: ...

javascriptcsshtml

0

点赞

0

回复

1604

浏览

最受欢迎的前端框架Bootstrap 入门

Bootstrap http://getbootstrap.com/ 来自 Twitter,是目前最受欢迎的前端框架之一。Bootstrap 提供了一套HTML基础样式、一套观感一致的组件、以及一系列的javascript插件。通过引入Bootstrap的样式文件,可以更快捷地开发web页面。 本文介绍了Bootstrap的一些基本样式和组件,包括容器、页头、媒体组件、图片、列表组。重新实现了上节课的 hello.html 。我们并未写CSS文件,仅使用Bootstrap就达到了这样的效果,所以讲Bootstrap是一个强大的前端框架! Bootstrap已经有了较为完整的中文文档。在学习中,你可以参考 Bootstrap中文文档 http://v3.bootcss.com/ ,也可以参考一些使用Bootstrap搭建的 网站示例 http://expo.bootcss.com/ 。 引入 BOOTSTRAP Bootstrap通过CSS文件来提供样式,同样在 中加以引入: ...

bootstraphtmlcss

0

点赞

0

回复

536

浏览

快速学习Web前端:CSS入门

在Web早期样式和内容是不区分的,比如可以通过 标签来显示加粗字体。随着页面内容的丰富,浏览器性能的提高,内容和样式的耦合使得HTML文件难以理解和维护。CSS的出现正是为了将样式分离到独立的文件中。 层叠样式表 http://en.wikipedia.org/wiki/Cascading_Style_Sheets (Cascading Style Sheets,CSS),又称串样式列表、层次结构式样式表文件,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。 CSS 的历史 最初主流浏览器为了显示更丰富的web文档,不断地将新的标签和属性添加到HTML标签中。这最终使得文档内容与文档样式偶合在一起,难以创建内容清晰的文档。为了解决这个问题,万维网联盟在 HTML 4.0 之外提出层叠样式表(CSS),使用CSS完成样式与内容的分离。 样式与内容分离是计算机软件开发中的一条重要原则。不仅可以更清晰地分别表达样式或者内容,更重要的是这一分离使得二者不再耦合,样式变得可复用、组件化。 引入 CSS 我们知道HTML文件中根节点是 标签,它包含 和 。我们在 中可以引入外部的样式文件,文件中的样式将被应用到当前HTML。例如在上一章中的 hello.html 中引入我们写好的 hello.css : ...

css

0

点赞

0

回复

695

浏览

CSS利用浮动和清除浮动进行布局

CSS有三种基本定位方式:正常流(static),浮动(float),绝对定位(absolute、fixed)。 HTML元素默认采取正常流的方式进行布局,而浮动是HTML布局中最常用的定位方式。 下面先探讨浮动定位的行为,然后介绍一个需要清除浮动的场景,以及几种替代方案。 浮动 浮动元素会向左/右偏移,直至外边界碰到容器或另一个元素的边缘。 浮动会使得元素脱离文档流,后面元素进行布局时,前面的浮动元素就像不存在一样。 如果右侧没有足够空间,浮动元素就会下坠,直到有足够的空间(折行)。 如果浮动元素有着不同的高度,那么可能在下坠过程中卡在某个位置。 清除浮动 虽然浮动也会使元素脱离文档流,但与绝对定位不同,后续元素仍然会为浮动元素腾出空间。 这可以导致文字环绕的效果,这也是浮动的初衷之一。 如果希望某一行停止环绕,可以为该行设置清除浮动( clear )。它有四种值: left , right , both , none ,表示哪个方向不应当与浮动元素相邻。 CSS渲染器通过添加 margin top 来达到这个效果。例如: 浮动容器 如果你写前端已经有一段时间了,那么一定会发现浮动元素不占据父容器的空间。 这使得父容器大小为零,当然父容器的边框和背景就会失效: 但是有没有发现我们为任何一个元素清除浮动都打不到效果。这时我们需要一个额外的空元素, 并设置 clear:both : 通过额外的元素我们达到了效果,为此 Bootstrap http://www.bootcss.com/ 可以提供了 clearfix 类。 Bootstrap中这个空元素可以这样写: ...

css

0

点赞

0

回复

873

浏览

CSS 外边距合并

外边距合并是CSS中一个特殊的概念。当两个外边距相邻时,它们会合并为较大的那一个。 无论是相邻元素的上下边距,还是父子元素的上边距,甚至是同一元素的上下边距。 相邻元素 当两个元素上下相邻时,上面的下外边距会与下面元素的上外边距会合并。 如果元素左右相邻呢?一个典型的场景是几个 inline block 元素并排显示。 但 inline block 元素的外边距是不合并的,它们会保持自己的间隔。 inline block 的上下外边距仍然是不起作用的,因为它们是行内元素呀! 父子元素 父子元素如果都有上边距,会合并为其中较大的那一个。 当然,只有两个外边距直接相邻时才会合并。如果父元素有内边距( padding )或边框( border ),那么它们不会被合并。 单个元素 如果一个元素没有内容,也没有内边距和边框,那么它的上下外边距也会合并。 很奇怪对吧,还有更奇怪的:连续相邻的外边距都是可以合并的。 空元素的上下边距合并时,如果紧接着另一个元素的外边距,它们都会合并到一起。 这就是为什么连续的 其实占位很小。它们的上下边距会合并, 空元素的上下边距也会合并。这一布局行为在这个场景下是非常有用的。 同时发表在: http://harttle.com/2016/01/24/margin collapsing.html http://harttle.com/2016/01/24/margin collapsing.html ...

css

0

点赞

0

回复

849

浏览

打造前端开发的Vim环境

前不久harttle着手搭建了 类似IDE的Vim环境 http://tianmaying.com/tutorial/vim ide ,然而对于前端开发者这还远远不够。 本文便记录一下如何实现前端开发者关心的那些特性:不同文件类型的缩进、HTML标签匹配注释移除、HTML/CSS/Javascript自动补全、代码风格检查等等。让我们来打造一个适合前端开发的 Vim http://tianmaying.com/tutorials/tag/vim ! 文件类型设置 前端文件有不同的类型,而每个人对于缩进又有不同都要求。Vim中我们可以为每种文件设置不同的缩进和Tab行为。 查看当前文件类型 使用 :set filetype 命令可以查看当前文件的类型。例如: filetype=html.handlebars...

bashjavascripthtmlcssvim

0

点赞

0

回复

786

浏览

CSS Display属性与盒模型

因为HTML流式文档的特性,页面布局往往是新手最为头疼的问题之一。 每个HTML元素都会渲染为一个Box,可分为inline Box和block Box。 根据 display 属性的不同,Box的呈现方式又有所不同。 本文首先引入CSS盒模型,然后通过不同的 display 属性分别介绍Box常见的呈现方式。 BOX SIZING:元素大小的计算方式 在HTML中,任何HTML元素都会被呈现为一个矩形。该矩形由内容、内边距、边框、外边距构成。举个例子: ...

盒模型css

0

点赞

0

回复

885

浏览

CSS Line Box:溢出与折行

CSS 将 DOM 树转换为由矩形 Box 构成的树,并通过设置这些 Box 的属性来改变其位置和大小,描述每个元素或文本的布局。这些 Box 分为三个级别: block level Box: display 属性为 block 的Box,比如段落标签 ; inline level Box: display 属性为 inline block 的Box,它们就像一行中的单词一样布局。它里面可以包含其他 inline level 的Box,也可以包含 block level 的Box; line Box:一行单词就构成一个 line Box,这种Box是自动生成的,可以看做是 inline level Box的容器。 溢出、折行、断词是 line Box中常见的问题,设置这些行为的 CSS http://tianmaying.com/tag/css/tutorials 属性包括 white space 、 line spacing 、 text overflow 、 word wrap 、 word break 等。 下面几小节中详细介绍这些属性的取值与对应的行为、以及常见的使用方法。 更多信息请参考: W3C 标准:CSS3 Box http://www.w3.org/TR/css3 box/ LINE BOX 下面的小节中介绍的CSS属性只适用于 line Box,那么什么是 line Box呢?请看下面的HTML片段: ...

盒模型csshtml

0

点赞

0

回复

593

浏览

inline元素的对齐问题

元素对齐是 CSS http://tianmaying.com/tag/css/tutorials 中最常见的问题之一,控制元素对齐的属性包括 text align , verticle align , margin , line height 等。 本文便来探讨inline元素的对齐行为,以及 text align 和 verticle align 的使用方法,并给出实例。 TEXT ALIGN text align https://developer.mozilla.org/zh CN/docs/CSS/text align 指定了行内内容(例如文字)如何相对它的块父元素对齐。作用于当前元素的子元素,且子元素需是 inline 的。例如: 常用的取值有: left , right , center 。 ...

盒模型csshtml

0

点赞

0

回复

735

浏览

搜狐快站快巴士开发快速入门

如何成为快站插件开发者 开发者要求: 具有前端开发经验的个人或者团队,要求有成功的产品开发经验,能够开发出具有移动端特点的快站插件。 插件开发技术要求: 前端:Javascript , CSS , HTML5 后端:需要部署在可被快站服务器抓取的自有服务器中,开发语言不限。 如何成为开发者: 首先请加入快站开发者服务群:348577565 通过验证后,向管理人员申请成为开发者,需要提供开发者资料,以及插件的详细规划。 审批通过后,可在插件开发者管理后台提交代码。 快巴士系统简介 快巴士为开发者提供两大功能 前端代码部署, 开发者不再需要自己购买服务器,也不需要自己管理服务器,本系统提供一键部署功能,并提供了开发和生产环境供大家使用; 数据存取服务, 在本系统中申请的每一个app都拥有一个独立的数据空间,通过sdk中的接口,无需编写服务器端代码,即可将数据存储到云端,并可随时查询,更新。 第一步 创建APP 点击添加app按钮, 输入app名字即可创建,安全域名可不填。 第二步 下载项目模版 创建完app后,会跳转至快速开始页面,在快速开始页面中点击下载项目模版即可。 第三步 将项目托管至GIT仓库 首先在 coding.net https://coding.net/ 中,创建一个项目,将上步中下载的项目push到coding.net中,具体git如下 //在项目框架的根目录下...

html快站cssjavascript

0

点赞

0

回复

1100

浏览

如何减少HTML页面回流与重绘(Reflow & Repaint)

如果你的HTML变得很大很复杂,那么影响你JavaScript性能的可能并不是JavaScript代码的复杂度,而是页面的回流和重绘。 回流(Reflow)是指布局引擎为frame计算图形的过程。 frame是一个矩形,拥有宽高和相对父容器的偏移。frame用来显示盒模型(content model), 但一个content model可能会显示为多个frame,比如换行的文本每行都会显示为一个frame。 关于CSS盒模型的介绍请参考: CSS 盒模型及其呈现方式 http://www.tianmaying.com/tutorial/css display 重绘(Repaint)发生在元素的可见性发生变化时,比如背景色、前景色等。 因此回流必然会引起重绘。 HTML 布局 HTML使用流式布局模型(flow based layout), 这意味着多数情况下一次扫描就可以计算所有的图形显示。 处于流后面的元素一般不会影响前面元素的图形, 所以布局过程可以从左到右、从上到下来进行。 所有的HTML回流都是从根frame开始(HTML标签)的,递归地处理部分或全部子frame。 回流过程中也可能创建新的frame,比如文本发生了换行。 一个frame的回流会导致它的所有父节点以及所有后续元素的回流。 有些HTML回流是立即执行的(immediate to user or script)并且会影响整个frame树, 比如窗口大小变化、更改文档的默认字体;有些HTML回流则是异步的、渐进的(incremental), 比如更多的文档流从网络中到达,这些渐进的回流可以入队列进行批量处理。 回流的原因 浏览器在实现回流时,会递归地处理frame。 每个frame的回流都有一个原因, 这个原因会随着frame逐级向下传递(传递过程中可能会改变)。 回流的原因决定了当前frame的回流行为,有这样5种原因: 1. 初始化(Initial)。DOM载入后的第一次回流,将会遍历所有frame。 2. 渐进(Incremental)。当一个frame发生渐进回流时,意味着它前面的元素都没有变, 而是它里面的元素变了。这会引起自底向上的作用。 3. 改变大小(Resize)。元素的容器边界发生变化时,此时元素内部状态没变。 在计算自顶向下的布局约束的同时,可以复用内部状态。 4. 样式改变(StyleChange)。整个frame树都应得到遍历。 5. Dirty。当一个容器已经缓存了多个子元素的Incremental回流时,该容器出于Dirty的状态。 前面四种原因的回流都是在Presentation Shell中立即调用的, 而最后一种回流只有Incremental回流已经到达目标frame时才进行。 (因为这时自底向上的影响才被计算出来,才能决定容器的图形显示) 如果你是Web开发者,可能更关注的是哪些具体原因会引起浏览器的回流,下面罗列一下: 1. 调整窗口大小 2. 改变字体大小 3. 样式表变动 4. 元素内容变化,尤其是输入控件 5. CSS伪类激活 6. DOM操作 7. offsetWidth , width , clientWidth , scrollTop/scrollHeight 的计算, 会使浏览器将渐进回流队列Flush,立即执行回流。 既然提到了 offsetHeight ,来总结一下这几个容易混淆的HTML元素属性吧: clientHeight : 内部可视区域大小。 returns the inner height of an element in pixels, including padding but not the horizontal scrollbar height, border, or margin offsetHeight :整个可视区域大小,包括border和scrollbar在内。 is a measurement which includes the element borders, the element vertical padding, the element horizontal scrollbar (if present, if rendered) and the element CSS height. scrollHeight :元素内容的高度,包括溢出部分。 is a measurement of the height of an element's content including content not visible on the screen due to overflow scrollTop :元素内容向上滚动了多少像素。 the number of pixels that the content of an element is scrolled upward. 最佳实践 对我们Web开发者最有用的还是如何去做,才能减少页面回流。先来个例子: var s = document.body.style; ...

javascriptcsshtml

0

点赞

0

回复

614

浏览

CSS选择符总结

我们知道CSS是由选择符和属性/值列表构成的,选择符的重要性自然不言而喻。 作为前端开发者选择符想必不是问题,然而前几天面试还真问到了 ~ 和 + 是干吗用的! 长时间不用的选择符自然就会忘了,来总结一下吧! 万维网联盟在 HTML 4.0 之外提出层叠样式表(CSS),使用CSS完成样式与内容的分离。层叠样式表(Cascading Style Sheets,CSS), 又称串样式列表、层次结构式样式表文件,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。 CSS共有5种基本选择器: 1. 类型选择器( h1 , p 等):用于选择指定类型的HTML标签; 2. 类选择器( .classname ):用于选择指定class的HTML标签; 3. ID选择器( idname ):用于选择指定id的HTML标签; 4. 通配符选择器( ):用于选择所有类型的HTML标签; 5. 属性选择器( foo='bar' ):用于选择某属性为指定值的HTML标签; 和2种伪选择器: 1. 伪类选择器:用于选择特定状态的元素。 2. 伪元素选择器 http://www.w3school.com.cn/css/css_pseudo_elements.asp :如 :before , :first letter ,用于向某些选择器设置特殊效果,以实现复杂的样式。 还有各种组合选择符(例如, + , , ~ ),用来选择拥有特定层级的元素。至于CSS选择器发生冲突时它们的优先级,参见另一篇文章: CSS规则的优先级匹配 http://harttle.com/2015/07/16/css priority.html 类型/类/ID 类型选择器、类选择器和ID选择器是最常用的,不解释了: body{...

cssdom选择符

3

点赞

1

回复

4755

浏览

如何拿BAT前端的Special Offer

十月中旬我的面试基本结束了,之前两个月都在整理知识,记录在 我的博客 http://harttle.com 里,这个月就整理一下思路吧。我面的公司不多但大多到了终面,加起来也有二三十场面试了。也有不少感悟,把它们写一篇面经出来,对新人或能有些帮助,那就攒RP了。 至今已到手百度前端Special、腾讯前端Special、网易游戏研发、阿里前端(网传白菜价)、还有一些小公司,如知乎等等。 有些笔试是要求保密的,在此不便多说。主要写面试经历。在经历这二十多轮的面试后,我更加深信了面试成功与否不仅在于实力,还有运气、缘分、还有气场。暂且按照面试过程的相似度来分小节记述吧! 阿里、腾讯 我在腾讯和阿里的面试都偏重项目,没有深入地探讨技术细节。和面试官讨论的问题也多有重合。所以把他们一起来记录。 很早阿里就开始面试了,这是BAT中我面试最早的一家。一共3面,首面技术,二面工程,三面是总监。一个多月后拿到传言中的10k Offer,已被我拒绝。腾讯的工作环境相当赞,是我在面试中见过最好的。一共5面,首面技术,二、三、四、五什么都问。。。Special Offer。 一面上来基本是做几个JS,CSS题目,然后开始各种问CSS。想必这是前端工程师标准的一面流程。涉及的问题就更加普遍了: 写一个两栏的布局,左边自适应。 老老实实写就好了, float 、 absolute 、 table 都可以实现,可以问问面试官有什么要求。再谈一谈利弊即可。 什么是JS闭包?然后来一道题,基本都是网上能查到的。 还有就是稍微问一点偏门的,比如阿里一面让我用CSS写一个转圈的球。正好带了我的Macbook,分分钟写了一个出来,面试官表示非常满意。 二面一直在谈项目,碰到很多经典的问题:你做过的最有挑战的项目讲一讲?最有成就感的事情呢?你有什么缺点?为什么想来我们这里?隐约能感受到文化相符度(culture fit)的考察。 问到项目我就谈 Onboard https://onboard.cn 和 天码营 http://tianmaying.com 。比如天码营前后台分离的架构,Node服务器和HTTP/Websocket代理,Onboard单页App,CSS、JS的模块化(JS loader,AMD&CMD,LESS/SASS)实践……有一个Git的问题被问到很多次: git pull 和 git fetch 有什么区别?这个问题你可以请教 Ricky http://tianmaying.com/user/luoruici ,是他告诉我的。 知乎、百度 我感觉知乎、百度等面试过程更注重编码能力和技术细节的考察,在这里统一记述。知乎5轮面试,很早就给正式Offer了。百度3轮面试,Special Offer。 CSS 问题: box sizing 是什么东西?CSS盒模型有两种: border box 和 content box ,计算宽度的方式不同。 float 和 absolute 布局有啥区别?两者都会脱离文档流,但前者仍会占据位置,后者会覆盖文档流中的其他元素。 Node.js是怎么实现并发的?可以去参考一下libuv、cpio…… Cookie和Session有什么区别? 大页面优化、回流和重绘(通常会和 table 一起问,它默认并非流式布局) 我简历里有AngularJS,所以有一些AngularJS的问题。 知乎也是重度AngularJS用户。 AngularJS的依赖注入是什么?双向绑定是什么? Service和Factory有什么区别?这是框架细节了,这两个的本质都是Provider的shortcut。 知乎问我AngularJS有让你不爽的地方吗?看来AngularJS让知乎很不爽,此前我们做的 Onboard https://onboard.cn 已经实现了完整的Angular单页App。其实只要合理地控制复杂度、加上优雅的设计、以及代码风格控制,完全可以很爽。 华为、网易游戏 除了前端,我还面试了很多C++工程师,包括华为、网易游戏、还有一些小的游戏公司。小公司当然都给Offer了,然后我不好意思地拒绝他们(PS:确实刚开始面试不知自己几斤几两骗了好多小Offer)。 网易游戏是最赞的,面试半天时间,两天后直接签发正式Offer。技术终面的面试官直接签发offer,HR只负责组织流程和维护秩序。 这些公司考察的都是C++和后台相关的题目了,在网上都可以查到大把的答案: 1. STL熟悉吗?C11呢?用C11写一个算法,找出所有1,000,000以内的质数。 2. 虚函数是怎么实现动态联编的?多继承时虚函数表是怎样的? 3. TCP的三次握手和四次握手,为什么要四次? 4. IPC有哪些方式?匿名管道为什么只能让父子进程共享? 5. 求解最邻近点对问题、单源最短路径问题(书上有,分治策略) 6. 还有一些小算法题记不清了,这些通常不会太难。 一点感悟 感觉面试不同于笔试,正确与否真的不重要。首先一点要保持放松,不要慌。不过当你已经被要求做过几十次自我介绍之后,想必你也不会再慌了(我都想吐了)。其次要保持主动,不要因为不会做就卡在那里,说说你想到了什么或者你做过什么类似的,这样能够引导面试官来问你擅长的东西。 比如我被问到如何实现视差滚动时,也懒得写CSS了,直接拿 装B游戏 http://tianmaying.com/app/collect b/ 的背景山脉来说事。然后就开始扯这个小游戏了…… 另外前端工程师个人博客/网站是很重要的。虽然并不是必须的要求,但你在整个面试过程中让面试官无聊的时候看看你的作品还是蛮好的。 实习重要么?重要!实习至少可以保底一家公司,如果你不需要保底的话当然可以不实习。身边很多同学已经印证了这一点。其实我没有实习过,是因为我有 更重要的事 http://tianmaying.com 要做。 ...

javascriptcss前端html

新建主题 记录代码

学员动态

  • A**i向课程作业中提交了代码
  • 三年添加了笔记:关于MyBatis本...
  • w**3回复了L**z在课程中的问题:你如果要用java1...
  • 天码君回复了A**i在课程中的问题:欢迎来到天码营学习,...
  • D**n向课程作业中提交了代码
  • w**3回复了z**x在课程中的问题:重新安装对应版本的e...
  • w**3评论了z**x在课程中的作业:这是一个类的主体部分...
  • A**i向课程作业中提交了代码
  • 三年向课程作业中提交了代码
  • z**x在课程中提出了问题:老师,为什么它那个中...
  • 三年在课程作业中回复了老师:老师,我的代码中报这...
  • R.D完成了课程的作业
  • c**u向课程作业中提交了代码
  • J**y向课程作业中提交了代码
  • 天码君回复了A**i在课程中的问题:欢迎来到天码营学习,...
  • 三年添加了笔记:需要修改MyBati...
  • 三年在课程中提出了问题:请老师解答下这课作业...
  • 天码君回复了L**z在课程中的问题:欢迎来到天码营学习,...
  • 天码君回复了z**x在课程中的问题:欢迎来到天码营学习,...
  • z**x添加了笔记:将希望输出信息放到S...
  • J**y向课程作业中提交了代码
  • A**i向课程作业中提交了代码
  • z**x在课程中提出了问题:哇,我换成课程里的压...
  • L**z向课程作业中提交了代码
  • L**z在课程中提出了问题:老师,刚才我换了一个...
  • 天码君回复了h**2在课程中的问题:欢迎来到天码营学习,...
  • 天码君回复了D**G在课程中的问题:欢迎来到天码营学习,...
  • J**y向课程作业中提交了代码
  • A**i向课程作业中提交了代码
  • X**E向课程作业中提交了代码
  • w**3评论了z**x在课程中的作业:对的,一般是在包下的...
  • z**x在课程中提出了问题:对应版本?我的JDK...
  • 三年添加了笔记:先来定义Mapper...
  • c**6向课程作业中提交了代码
  • A**i向课程作业中提交了代码
  • z**x在课程作业中回复了老师:所以说包的作用就像是...
  • 天码君回复了c**h在课程中的问题:欢迎来到天码营学习,...
  • A**i向课程作业中提交了代码
  • w**3回复了L**z在课程中的问题:嗯,毕竟几乎公司和学...
  • c**u向课程作业中提交了代码
  • 天码君评论了三年在课程中的作业:你的代码应该是可以跑...
  • z**x在课程中提出了问题:请问下老师,安装的时...
  • 三年向课程作业中提交了代码
  • L**z在课程中提出了问题:好的那我还是装回我的...
  • L**z向课程作业中提交了代码
  • z**x评论了:安装的时候出现这个界...
  • D**n向课程作业中提交了代码
  • c**u评论了:13课实战弄不明...
  • L**z在课程中提出了问题
  • z**x在课程作业中回复了老师:想请问下老师这行代码...
  • 天码君回复了s**n在课程中的问题:欢迎来到天码营学习,...
  • X**E向课程作业中提交了代码
  • 天码君回复了X**E在课程中的问题:欢迎来到天码营学习,...
  • z**x在课程中提出了问题:好的老师,那版本11...
  • w**3回复了z**x在课程中的问题:安装java8 不要...
  • w**3评论了z**x在课程中的作业:...
  • w**3回复了z**x在课程中的问题:百度找一下如何彻底删...
  • 三年添加了笔记:分析我们的业务场景,...
  • z**x在课程作业中回复了老师:所以说,是要先创建包...
  • w**3评论了z**x在课程中的作业:这个是根据你的jav...
  • z**x在课程中提出了问题:老师我的电脑是64位...
  • 工**武在课程中提出了问题:请问为什么课程的视频...
  • 三年向课程作业中提交了代码
  • z**x添加了笔记:public sta...
  • 天码君回复了R.D在课程中的问题:欢迎来到天码营学习,...
  • c**6向课程作业中提交了代码
  • z**x在课程作业中回复了老师:入门到精通这本我今天...
  • D**n在课程作业中回复了老师:这道题是什么意思? ...
  • 天码君回复了工**武在课程中的问题:欢迎来到天码营学习,...
  • L**z向课程作业中提交了代码
  • 三年添加了笔记:接下来引入MyBat...
  • 天码君回复了D**n在课程中的问题:欢迎来到天码营学习,...
  • J**y向课程作业中提交了代码
  • w**4向课程作业中提交了代码
  • c**6向课程作业中提交了代码
  • w**3评论了D**n在课程中的作业:看清楚要求,参数表要...
  • w**3回复了z**x在课程中的问题:软件安装问题每个人碰...
  • w**3回复了z**x在课程中的问题:可以设置字体 htt...
  • L**z向课程作业中提交了代码
  • 三年添加了笔记:这里你注意两点即可:...
  • L**z向课程作业中提交了代码
  • A**i完成了课程的作业
  • J**y向课程作业中提交了代码
  • z**x在课程中提出了问题:老师我把Java换成...
  • L**z向课程作业中提交了代码
反馈意见