摘要: global - 全局变量 全局对象(global object),不要和 全局的对象( global objects )或称标准内置对象混淆。这里说的全局的对象是说在全局作用域里的内的对象。全局作用域包含了全局对象的属性,还有它继承来的属性。 注意浏览器下的全局对象跟 nodejs 中的全局对象不 阅读全文
posted @ 2018-04-04 09:46 FlyDragon 阅读(1014) 评论(0) 推荐(0) 编辑
摘要: 第一个 Nodejs 程序 本教程仅适合您已经有一定的JS编程的基础或者是后端语言开发的基础。如果您是零基础,建议您先学一下老马的前端免费视频教程 第一步:创建项目文件夹 首先创建 demos 文件夹。然后在此文件夹下创建01_hello.js文件 第二步:编写 nodejs 的第一个程序文件 然后 阅读全文
posted @ 2018-04-04 09:45 FlyDragon 阅读(309) 评论(0) 推荐(0) 编辑
摘要: Node 安装 官网下载地址: https://nodejs.org/en/download/ 安装方式 windows 下安装 建议直接选择:Windows Installer (.msi)下载进行傻瓜化安装,由于网络环境及 Windows 的特点,其他方式都不够稳定,建议直接下载最新版本的安装包 阅读全文
posted @ 2018-04-04 09:44 FlyDragon 阅读(271) 评论(0) 推荐(0) 编辑
摘要: Node 概述 什么是 Node Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that ma 阅读全文
posted @ 2018-04-04 09:40 FlyDragon 阅读(505) 评论(0) 推荐(0) 编辑
摘要: aicoder.com 全栈实习之简明 Node 入门文档 aicoder.com 线下实习: 不 8000 就业,不还实习费。 如果需要转载本文档,请联系老马,Q: 515154084 JS基础教程 如果您没有js的基础,建议您先学一下老马的前端免费视频教程 table list 第一章:Node 阅读全文
posted @ 2018-04-04 09:39 FlyDragon 阅读(820) 评论(0) 推荐(0) 编辑
摘要: 最近很多前端的朋友去面试被问到let和var的区别,其实阮一峰老师的ES6中已经很详细介绍了let的用法和var的区别。我简单总结一下,以便各位以后面试中使用。 ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约 阅读全文
posted @ 2018-03-29 12:21 FlyDragon 阅读(246403) 评论(16) 推荐(34) 编辑
摘要: 大家好: 我是马伦,也就是多年耕耘在IT培训一线的老马。老马一直怀揣普惠教育梦想初心,一直为莘莘学子能获得高质量的IT教育服务而奋斗。 之前老马在IT培训机构任职讲师多年,也有丰富的教学管理经验。接触了大量的IT毕业生、IT初学者、机构培训学员,亲眼目睹大量的IT专业毕业生、IT在线教育学员以及IT 阅读全文
posted @ 2018-03-28 14:26 FlyDragon 阅读(1254) 评论(0) 推荐(0) 编辑
摘要: Zepto.js是一个轻量级的针对现代浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 1. Why Zepto.js? 2. Zepto.js下载 代码下载:zeptojs中文站 、 github 2.1 自定义Zepto.js 阅读全文
posted @ 2018-03-28 14:24 FlyDragon 阅读(3723) 评论(0) 推荐(0) 编辑
摘要: 在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Saf 阅读全文
posted @ 2018-03-28 14:23 FlyDragon 阅读(2381) 评论(1) 推荐(1) 编辑
摘要: Mac对于IT开发者来说是最好的开发工具,没有之一。 但是对于大部分人来说,第一个接触的PC操作系统都是Windows系统,此文将带大家优雅的快速学习和使用Mac的OSX系统。 1. 从键盘说起 Mac的键盘跟普通的Windows的键盘有点区别。但是常用的键位都是对应的,只是功能键和控制键稍微有点区 阅读全文
posted @ 2018-03-28 14:22 FlyDragon 阅读(731) 评论(0) 推荐(0) 编辑
摘要: 1. 引言 CSS3之前的CSS都大都是枚举属性样式,而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用,让CSS的编程黯淡无光,Sass就是一种增强CSS编程的扩展语言(CSS4也可以期待),有了像Sass这种预处理语言后,CSS的编程不再局限在枚举属性了,可以有更广阔的舞台。 阅读全文
posted @ 2018-02-07 22:36 FlyDragon 阅读(674) 评论(0) 推荐(0) 编辑
摘要: 老马初始学习视口的概念的时候,看了很多的文章,看来很多的资料,鲜有人能把这个东西讲的非常透彻的。老马接下来就从初学者能看懂的角度去讲解视口和适配的方案。 1. 关于屏幕 1.1 屏幕尺寸 设备屏幕尺寸是指屏幕的对角线长度。比如:iphone6/7是4.7寸,iphone6/7p是5.5寸。 1英寸 阅读全文
posted @ 2018-02-07 22:34 FlyDragon 阅读(873) 评论(0) 推荐(0) 编辑
摘要: 由于移动端的特殊性,屏幕的尺寸碎片化严重,要想很好的适配不同的尺寸的设备,需要我们前端开发相比PC端要做一些基层的适配方案。 1. 常见的适配方案 百分比+固定高度布局方案 固定屏幕为理想视口宽度 少许的媒体查询设置字体 水平百分比布局 水平方向部分也可以使用弹性布局 Rem解决方案 Rem的大小取 阅读全文
posted @ 2018-02-07 22:34 FlyDragon 阅读(1196) 评论(0) 推荐(0) 编辑
摘要: CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面,手指或者鼠标滑动一下就是一整屏切换,而且还有各种效果。比如:全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。 阅读全文
posted @ 2018-02-07 22:33 FlyDragon 阅读(557) 评论(0) 推荐(0) 编辑
摘要: CSS3的标准并没有全部定稿,目前CSS3的标准分成了不同的模块,具体的标准由各个模块推动标准和定稿,标准制定的过程中,浏览器也在不断的发新的版本来兼容新的标准。浏览器有时会给一些在试验阶段或非标准阶段的css属性添加前缀, 这样开发者就可以使用 浏览器行为的改变不会破坏标准. 开发人员应等待包含无 阅读全文
posted @ 2018-02-07 22:32 FlyDragon 阅读(1666) 评论(0) 推荐(0) 编辑
摘要: 在IE4开始微软就已经开始支持在线字体,不过没有流行起来,直到CSS3新增加了font-face模块,正式纳入了web开发的标准。也渐渐流行起来而且发掘了很多其他应用。 1. 为什么要用在线字体 问题 在线字体带来的革命: 2. 在线字体 @font-face是CSS3中的一个模块,他主要是把自己定 阅读全文
posted @ 2017-12-29 01:02 FlyDragon 阅读(421) 评论(0) 推荐(0) 编辑
摘要: 各位老铁大家好,最近经历了太多太多,精力一直不能集中做自己愿意做的事情。 移动Web课程一开始设置收费10块,其实本意是让大家感觉有支出,就会相对珍惜好好学习,但是发现收费把大部分人挡在门外,现在恢复免费。 祝大家学习愉快,学习不能扬汤止沸,贵在坚持,死也死在冲锋的路上! 已经交费过的童鞋,可以联系 阅读全文
posted @ 2017-12-29 01:01 FlyDragon 阅读(252) 评论(0) 推荐(1) 编辑
摘要: 1. CSS3动画 1.1 过渡的缺点 transition的优点在于简单易用,但是它有几个很大的局限。 CSS Animation就是为了解决这些问题而提出的。 1.2 动画animate 通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript 阅读全文
posted @ 2017-12-29 01:01 FlyDragon 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 1. 新的背景 背景在CSS3中也得到很大程度的增强,比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。 1.1 background-size设置背景图片的尺寸 cover会自动调整缩放比例,保证图片始终填充满背景区域,如有溢出部分则会被隐藏。 contain会自动调整缩放比例,保证图片 阅读全文
posted @ 2017-12-29 01:00 FlyDragon 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 1. 移动端开发课程概述 移动互联网的兴起,让移动端的开发迅速蹿红。对于前端开发者来说,移动端的开发已经占据了他们大部分工作时间。接下来老马带大家一起学习移动端开发的相关前端开发技术。 这边课程内容包括: CSS3新特性 新选择器 边框、背景升级、圆角、阴影 新的盒模型 渐变、动画、2D3D转换 伸 阅读全文
posted @ 2017-12-10 14:13 FlyDragon 阅读(409) 评论(0) 推荐(0) 编辑