本次课为系列课程的第二课,由舒克带来的“HTML/CSS/JavaScript”基础知识,课程中着重介绍了HTML的语义化,因为语义化是前端工程师最容易理解又最难掌握的,比如何时使用什么样的标签,这取决于前端工程师对标签和页面内容的理解。要注意频道首页和详情页是不同的,频道首页中的信息比较琐碎,详情页中的内容更像“文章”,因此内容的语义是有差别的。这一点需要注意。
http://www.slideshare.net/lijing00333/htmlcssjs
在HTML章节的最后着重讲解了页面的可用性和易用性,前端工程师很多时候将精力大都放在页面样式的实现上,忽略了很多易用性的细节。比如在设定input的类型的时候,就有很多细节要考虑,特别是在移动终端里,当input获得焦点时,要控制弹出的键盘类型。此外,CSS的部分详细介绍了响应式实现的最佳代码,包括CSS3的一些定制化的特效,都是可以作为最佳实践的。
http://www.slideshare.net/lijing00333/ecmascript
JavaScript部分着重面向新人介绍ECMAScript,其中的内容都是最常用的关键知识点,比如null和undefined有什么区别,NaN是不是数字,什么是真值和假值,浮点数的计算误差等问题在ppt中都有提到,关于JavaScript和页面渲染之间的关系、引擎的性能、阻塞、工作模式等内容将会在第三课和第四课中更详细的讲解。
分享到:
相关推荐
, initial-scale=1,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> </head> <h1 class="project-name">Picker</h1> <h2 class="project-tagline">h5 picker inspired by ios UIPickerView</h2> ...
Sortable is a <s>minimalist</s> JavaScript library for reorderable drag-and-drop lists. Demo: http://rubaxa.github.io/Sortable/ ## Features * Supports touch devices and [modern]...
<LI class=step_2>2.付款到财付通 </LI> <LI class=step_3>3.确认收货 </LI> <LI class=step_4>4.评价卖家 </LI> <LI class=step_5>5.评价卖家 </LI> </OL> </DIV> (-1)" /> (1)" /> <!-- e --> </div> step=1...
native-css, 将纯CSS转换为反应样式或者javascript文字对象 本地 css将纯CSS转换为javascript文字对象或者反应风格。 在任何东西之前,这个工具相信CSS的语义: HTML语义和前端体系结构'由于这里原因,所有ids和继承...
前端需要dataTables插件:传送门下载地址 HTML代码 第一步引入插件 <!-- DataTables CSS --> <link rel="stylesheet" type="text/css" href=...
在前端开发中,继 HTML、CSS、Javascript、jQuery、Bootstrap 之后,后端使用 Django 和 Python。 该网站是完全动态的,可通过数据库进行定制,无限(产品/博客/程序)页面可以添加并适合具有全新 UI 的每个屏幕...
基础语法是:$(selector).action() • 美元符号定义 jQuery • 选择符(selector)“查询”和“查找” HTML 元素 • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - ...
前言:今天给大家带来的是前端数据的分页功能,供大家参考,具体内容如下 先上一波效果图展示: ...link rel=stylesheet href=css/limitFace.css rel=external nofollow > </head> <body> <tabl
本文介绍了django实现前后台交互实例,...link href="/WebApi/scripts/bootstrap/dist/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet" type="text/css" /> <script type="text/javascript" s
:see-no-evil_monkey: 圭利奥(ↁ_ↁ) 观察文件的变化并将它们复制到其他地方安装待定命令行使用$ cd my/project/dir$ gwylio --src my/src --dest ~ /gwylio-test --files my.md, ** / * .css, ** / * .js选项Source...
App Controle Financeiro 马拉托纳高尔夫球场发现火箭队-安达门托。Tecnologias utilizadas no projeto 前端HTML5 CSS3 JavaScript
PC 端 UI 框架:H5 端 UI 框架:CSS 预编译: / / LessHTTP 工具:AxiosGit Hook 工具:husky + lint-staged代码规范:EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide提交规范:Commitizen + ...
CSS, and JavaScript, then moves on to a reference section that lists every element of HTML, CSS, and JavaScript. Each listing includes the latest syntax and functionality, compatibility with other ...
带有Gulp的前端入门套件 该项目是基于 , , , , 和针对前端Web开发的可靠构建自动化。 产品特点 用编译 带有整洁HTML文件 用gulp 合并Javascript文件 用Sass编译 Es6 gulp 具有自动刷新浏览 缩小(和 ) 自动...
task-template--gulp弄个共用的gulpfile.js以便未来能快速建立测试页面也顺便试试一些前端工具的操作结构: source档都摆在app/里头deploy时会掺一起送到_publish/下并会自动在github repo开个branch gh-pages可以...
网站HTML5 e CSS3 Primeiro仓库版本信息primiro网站Tecnologias utilizadas no projeto 前端HTML5 CSS3
包含什么├── dist| ├── css| | └── default.min.css| ├── icons| | ├── css| | | ├── animation.min.css| | | ├── drzzle-codes.min.css| | | ├── drzzle-embedded.min.css| | | ├── ...
2 images文件夹中带有3套样式图片,只需要在css文件中对引用的图片名进行替换就可以更新样式。 3 menu整体宽度也可修改,但是不建议,因为计算的参数很多,需要看懂后再更改。 4 目前只适用于IE浏览器,但是与w3c...
它基于Mirabeau前端样板,但现在基于React(使用NextJS)并具有新功能。 我(蒂姆)添加了什么 赫斯基进行预提交,检查CSS / JS TypeScript(这很自以为是,但我认为是最佳选择) CSS模块 很少添加棉绒规则 添加...
, Soy un Web Desingned que cada vez amamáslo que hace y sabe que el aprender no tiene limites Puedes ver mis trabajos en mi portafolio o copiando este链接: ://estefanoc.github.io/EstefanoC/#/ Má...