学习心路历程 发表于 2018-09-22 | 更新于: 2018-09-25 | 分类于 个人 | 作为一个 IT 业学者,快要从事软件技术开发类的大二学生我内心很慌,不知道自己到底准备好了没有,感觉自己准备好了但是自己的技术好像并没有那么好,有时候还是很迷茫的,不知道自己到底要做什么该做什么,做什么才是对的一直都很迷糊该走前端路线还是后台开发呢,还是做全栈什么都要学本来我以为前端只是很简单的页面 ... 阅读全文 »
nodejs day1 发表于 2018-09-22 | 更新于: 2018-09-25 | 分类于 Nodejs | day1十部曲1.课程安排2.授课思路3.浏览器工作原理4.web开发的本质5.nodejs的介绍6.基于nodejs编写程序7.nodejs学习8.nvm9.buffer10.总结 一、课程安排课程总天数:7天第 01 天: 浏览器工作原理 浏览器访问网站全过程 node.js 介绍 通过 nod ... 阅读全文 »
闭包/沙箱/递归/深浅拷贝 发表于 2018-09-19 | 更新于: 2018-09-25 | 分类于 JavaScript | 重点闭包闭包的概念:函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者是数据,此时形成了闭包(这句话暂时不严谨)闭包的模式:函数模式的闭包,对象模式的闭包闭包的作用:缓存数据,延长作用域链闭包的优点和缺点:缓存数据闭包的应用//总结:如果想要缓存数据,就把这个数据放在外层的函数和里层的函 ... 阅读全文 »
面向对象案例表格排序--函数做返回值 发表于 2018-09-12 | 更新于: 2018-09-25 | 分类于 JavaScript | 重点1.数组的创建,添加,调用,输出2.构造函数,原型方法添加,函数的调用3.函数做返回值做数组的排序4.元素的创建,添加,调用,获取,清除5.innerHtml的使用 效果 素材 案例代码Css (外部引入) style.css12345678910111213141516171819202122 ... 阅读全文 »
apply/call/bind/函数 发表于 2018-09-12 | 更新于: 2018-09-25 | 分类于 JavaScript | 重点:apply/call 都可以改变 this 的指向apply 和 call 的使用方法apply 和 call 方法中如果没有传入参数,或者是传入的是 null,那么调用该方法的函数对象中的 this 就是默认的 window apply 的使用语法 函数名字.apply(对象,[参数 1, ... 阅读全文 »
原型与继承,数组调用函数 发表于 2018-09-11 | 更新于: 2018-09-25 | 分类于 JavaScript | 数组的函数调用12345678910111213141516171819202122232425//数组可以存储任何类型的数据 var arr=[ function () { console.log("十一假期快乐"); }, ... 阅读全文 »
原生贪吃蛇升级版 发表于 2018-09-10 | 更新于: 2018-09-25 | 分类于 JavaScript | 贪吃蛇升级版重点:1.添加了开始,停止,结束按钮,改变了启动和结束的方式,修复了游戏结束后不可以再次玩游戏2.改变了蛇的身体颜色,变成随机颜色3.修改了蛇头方向都变化不可以返回4.添加了蛇头碰到身体结束游戏5.初始化游戏6.添加了wasd键盘控制事件,添加了鼠标拖拽改变方向 效果 案例代码Css 外 ... 阅读全文 »
贪吃蛇案例 发表于 2018-09-10 | 更新于: 2018-09-25 | 分类于 JavaScript | 案例分析重点模拟贪吃蛇游戏,做的项目地图: 宽,高,背景颜色,因为小蛇和食物都是相对于地图显示的,这里小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流–css需要设置:宽,高,背景颜色,脱标 食物—div元素elements—>存储div的数组(将来删除的食物div ... 阅读全文 »
自定义滚动条 两版本 发表于 2018-09-07 | 更新于: 2018-09-25 | 分类于 JavaScript | 重点版本一1.鼠标事件 (鼠标按下->鼠标移动->鼠标抬起)2.滚动条的高度计算3.滚动条的上下移动范围设置4.滚动条的移动设置5.阻止默认事件6.计算和设置文字的移动距离 版本二1.增加了滚动等功能2.事件的兼容问题解决 项目代码版本一Css1234567891011121314151 ... 阅读全文 »
初始化css和阻止链接跳转 发表于 2018-09-05 | 更新于: 2018-09-25 | 分类于 JavaScript | 重点1.初始化解决h5和兼容问题 阻止跳转12345678let a = document.querySelector("a");a.onclick = (e) => { // 方法一 // return false; // 方法二 // 不支持ie8 ... 阅读全文 »