第2章--进阶篇 类型进阶 类型: Undefined Null Boolean String Number Object 原始类型(值类型):undefined, null, true, "...", 123 对象类型(引用类型):var obj = {};  var arr = [];  var date = new Date(); JS的三大对象类型: 原生对象: JS语言规范(ECMA规范)所定义的一系列对象. 可分为两部分: 构造函数:用开发者定义的内置构造函数来定义一系列对…
第1章--基础篇 JS介绍 html 网页的内容:css 网页的样式:javascript 网页的行为 i.e. hello world <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascrip…
期末考试客观题 期末考试主观题 https://www.15yan.com/story/aY0HWAQ7oNU/     1(8分) 函数myType用于根据输入参数返回相应的类型信息. 语法如下: var str = myType (param); 使用范例如下: myType (1); 返回值: "number" myType (false); 返回值: "boolean" myType ({}); 返回值: "object" myType…
第3章--HTML HTML简介 Hyper Text Markup Language:超文本标记语言--用于标记网页的内容 history: html(1991)雏形 -> html4.01(1999) -> w3c:xhtml1.0(2000)-xhtml2.0(2005) 但xhtml不被浏览器厂商看好 w3c也意识到xhtml的方向不对,于是跟厂商合作推出html5草案 -> html5(2014正式发布) HTML文档: HTML文档声明:首行.顶格 <!DOCTYPE&…
第1章--Photoshop切图 工具.面板.视图 什么是切图? 1. 从设计稿(.psd)中切出网络素材,如按钮.图标.logo.背景图等 2. 编写代码,在代码中使用图片,生成静态页面 --给网页提供图片素材(一些代码无法做到的效果) 如何切图? 使用PS工具 使用背景图 图片合并方案 浏览器兼容 使用PS工具: PS首选项设置:编辑->首选项->单位与标尺,将单位改为像素px 面板:窗口菜单下开启:工具.选项.信息.图层.历史记录 保存工作区面板:窗口->工作区->新建.保存…
第4章.CSS CSS简介 Cascading Style Sheet 层叠样式表:定义页面中的表现样式 history: CSS1(1996)--CSS2(1998)--着手CSS3草案(拆分成很多模块)(2001)--CSS2.1修订(2007)--全面推广on-going(部分属性已经实现) 如何引入CSS? 外部样式表:页面的样式多 <head> <link rel="stylesheet" href="base.css"> <…
Web前端开发工程师养成计划(入门篇) 最原始的忠告:这个世界上有想法的人很多,但是有想法又能实现它的人太少! 首先要感谢伟大的Web2.0概念.产品概念.用户体验概念.jQuery插件,是它们在中国日渐成熟才解放了一直以来姥姥不疼舅舅不爱的前端开发工程师们. 有没有发现从09年下半年到现在全中国的互联网公司都在招聘前端开发工程师?如果你注意到了,那么恭喜你,你已经拥有那么一点点预测互联网职场动向的能力. 可能令你感到遗憾的是你从没从事过前端开发工作,不过没关系,只要你肯努力,一切都是可以学会的…
一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师.现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解.技术非黑即白,只有对和错,而技巧则见仁见智.以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了.无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发.Web前端开发在产品开发环节中的作用变得越来越重要,而且需要专业…
案例一 公司名称:法国电信北京研发中心 工作地点:北京 联系方式:hao.luan@orange-ftgroup.com 栾先生 岗位名称:web 前端开发工程师 岗位要求: 1. 计算机或相关专业本科及以上学历,两年以上工作经验: 2. 必须掌握基本的Web 前端开发技术,其中包括:CSS. HTML.DOM.BOM.Ajax.JavaScript 等,在掌握这些技术的 同时,还要清楚地了解它们在不同浏览器上的兼容情况.渲染 原理和存在的Bug. 3. 基于需求,进行不同的开发,选择合适的框架…
Awesome Mac  这个仓库主要是收集非常好用的Mac应用程序.软件以及工具,主要面向开发者和设计师.有这个想法是因为我最近发了一篇较为火爆的涨粉儿微信公众号文章<工具武装的前端开发工程师>,于是建了这么一个仓库,持续更新作为补充,搜集更多好用的软件工具.请Star.Pull Request或者使劲搓它 issues 给我推荐优秀好用的Mac应用,很显然我是一个资深Mac用户,我需要它们帮助我快乐.高效的工作,同时也分享给你.格式参照awesome的清单. https://github…