随笔分类 -  Front End

前端开发工程师 - 06.Mini项目实战 - 项目简介

摘要：第6章--Mini项目实战 项目简介 Mini项目简介-Ego社区开发 回顾： 页面制作 页面架构 JavaScript程序设计 DOM编程艺术 产品前端架构 实践课Mini项目--Ego： 主题：漫画阅读、二次元文化、漫画创作者 产品背景：爱画漫画的用户基数大、展示作品可以获得认可关注从而提高画技 阅读全文

posted @ 2017-10-20 14:20 FudgeBear 阅读(640) 评论(0) 推荐(0)

前端开发工程师 - 05.产品前端架构 - 协作流程 & 接口设计 & 版本管理 & 技术选型 &开发实践

摘要：05.产品前端架构 第1章--协作流程 WEB系统 角色定义 协作流程 职责说明 第2章--接口设计 概述 接口规范 规范应用 本地开发 第3章--版本管理 见 Java开发工程师(Web方向) - 01.Java Web开发入门 - 第5章.Git 课堂交流区： 分布式版本控制(DVCS) 对比集 阅读全文

posted @ 2017-09-11 23:04 FudgeBear 阅读(243) 评论(0) 推荐(0)

前端开发工程师 - 04.页面架构 - CSS Reset & 布局解决方案 & 响应式 & 页面优化 &规范与模块化

摘要：04.页面架构 第1章--CSS Reset 第2章--布局解决方案 居中布局 课堂交流区 水平列表的底部对齐 水平列表的底部对齐 如图所示，一个水平排列的列表，每项高度都未知，但要求底部对齐，有哪些方法可以解决呢？ <!DOCTYPE html> <html lang="en"> <head> < 阅读全文

posted @ 2017-09-11 19:21 FudgeBear 阅读(630) 评论(0) 推荐(0)

前端开发工程师 - 03.DOM编程艺术 - 期末考试

摘要：期末考试客观题 返回  倒计时： 01:24 1 单选(2分) 以下选项中不是节点类型的是 A. COMMENT_NODE B. DOCUMENT_NODE C. BODY_NODE D. ELEMENT_NODE 2 单选(2分) 如果html元素 <div>欢迎<a href="/profi 阅读全文

posted @ 2017-09-03 23:00 FudgeBear 阅读(942) 评论(0) 推荐(0)

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)

摘要：第1章.基础篇(下) Abstract: 数据通信、数据存储、动画、音频与视频、canvas、BOM、表单操作、列表操作 数据通信（HTTP协议） HTTP事务： 客户端向服务器端发送HTTP请求报文；服务器端接收到HTTP请求报文后，经过处理，向浏览器返回一个包含事务结果的HTTP响应报文 请求报 阅读全文

posted @ 2017-09-03 15:38 FudgeBear 阅读(377) 评论(0) 推荐(0)

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(上)

摘要：第1章.基础篇(上) Abstract：文档树、节点操作、属性操作、样式操作、事件 DOM (Document Object Model) - 文档对象模型 以对象的方式来表示对应的html，它有一系列的规范 i.e. 在浏览器中，DOM是通过JS实现的。 DOM: DOM Core：核心结构、AP 阅读全文

posted @ 2017-09-01 19:47 FudgeBear 阅读(297) 评论(0) 推荐(0)

前端开发工程师 - 02.JavaScript程序设计 - 期末考试

摘要：期末考试客观题 期末考试主观题 https://www.15yan.com/story/aY0HWAQ7oNU/ 1（8分） 函数myType用于根据输入参数返回相应的类型信息。 语法如下： var str = myType (param); 使用范例如下： myType (1); 返回值： "nu 阅读全文

posted @ 2017-08-18 14:50 FudgeBear 阅读(469) 评论(0) 推荐(0)

前端开发工程师 - 02.JavaScript程序设计 - 第2章.进阶篇

摘要：第2章--进阶篇 类型进阶 类型： Undefined Null Boolean String Number Object 原始类型（值类型）：undefined, null, true, "...", 123 对象类型（引用类型）：var obj = {}; var arr = []; var d 阅读全文

posted @ 2017-08-16 11:38 FudgeBear 阅读(294) 评论(0) 推荐(0)

前端开发工程师 - 02.JavaScript程序设计 - 第1章.基础篇

摘要：第1章--基础篇 JS介绍 html 网页的内容；css 网页的样式；javascript 网页的行为 i.e. hello world 使用JS的两种方法： 1. <script>...</script>：见上例 2. <script src="url/.js"></script> JS特性： 运 阅读全文

posted @ 2017-08-12 12:53 FudgeBear 阅读(379) 评论(0) 推荐(0)

前端开发工程师 - 01.页面制作 - 期末考试

摘要：期末作业: http://www.jianshu.com/p/d1f4a8f45316 阅读全文

posted @ 2017-08-03 08:45 FudgeBear 阅读(226) 评论(0) 推荐(0)

前端开发工程师 - 01.页面制作 - 第4章.CSS

摘要：第4章.CSS CSS简介 Cascading Style Sheet 层叠样式表：定义页面中的表现样式 history： CSS1(1996)--CSS2(1998)--着手CSS3草案(拆分成很多模块)(2001)--CSS2.1修订(2007)--全面推广on-going（部分属性已经实现） 阅读全文

posted @ 2017-07-29 20:48 FudgeBear 阅读(357) 评论(0) 推荐(0)

前端开发工程师 - 01.页面制作 - 第3章.HTML

摘要：第3章--HTML HTML简介 Hyper Text Markup Language：超文本标记语言--用于标记网页的内容 history： html(1991)雏形 -> html4.01(1999) -> w3c:xhtml1.0(2000)-xhtml2.0(2005) 但xhtml不被浏览 阅读全文

posted @ 2017-07-29 14:38 FudgeBear 阅读(208) 评论(0) 推荐(0)

前端开发工程师 - 01.页面制作 - 第2章.开发、调试工具

摘要：第2章--开发、调试工具 开发、调试工具 开发工具： 文本编辑器（轻量级）：Sublime Text; Notepad++; EditPlus... IDE（功能强大）：WebStorm; intelliJ IDEA; Eclipse... Sublime Text: 特点：跨平台，启动快；多行选择 阅读全文

posted @ 2017-07-28 21:31 FudgeBear 阅读(247) 评论(0) 推荐(0)

前端开发工程师 - 01.页面制作 - 第1章.Photoshop切图

摘要：第1章--Photoshop切图 工具、面板、视图 什么是切图？ 1. 从设计稿(.psd)中切出网络素材，如按钮、图标、logo、背景图等 2. 编写代码，在代码中使用图片，生成静态页面 --给网页提供图片素材（一些代码无法做到的效果） 如何切图？ 使用PS工具 使用背景图 图片合并方案 浏览器兼 阅读全文

posted @ 2017-07-28 15:06 FudgeBear 阅读(565) 评论(0) 推荐(1)