- 博客(11)
- 资源 (4)
- 收藏
- 关注

原创 纯js实现俄罗斯方块详解与源码
对于小白来说用js实现俄罗斯方块还是有难度的,网上找了很多代码看,有的很长难懂,有的短小精悍,但不只用到了js还用到了框架,对于还未接触框架的小白宝宝,也只能无奈自己是小白了,自己写不出来那就找一篇纯js代码,弄懂也是一种收获吧。so 接下来就是我的理解咯,有不对的地方请多多包涵个人觉得思路还是很重要的,那我就先以我理解之后,来说说其思路首先整个编程过程用到了六个数组吧,第一个是全局数组s
2017-08-23 17:54:45
19692
3
原创 实现动态输入关键字时关键字高亮
项目中要求实现一个功能,在输入框中输入特定的搜索语句,当输入为关键字时,关键字高亮,且输入满一行进行换行操作首先分析如果想实现一部分关键字高亮,输入框本身肯定是做不到的,因为实现高亮需要通过动态的给关键字添加span标签,再给span标签中的内容设置颜色如果使用div,那必须给div添加contenteditable = "true"属性,使其div可输入,其次监听按键是否抬起,对div中...
2018-12-09 13:37:16
1892
原创 闭包详解
一、回顾作用域:局部变量不能在全局访问作用域链:函数执行时会动态创建该调用函数的作用域链(自内向外)函数被调用时,将其函数的变量对象存入执行环境栈中,当该函数执行完成后,将其从栈中弹出(垃圾回收机制)函数调用时会动态创建执行环境和作用域链,并开始初始化活动对象二、闭包(1)为什么要使用闭包?突破作用域的限制,有权访问另一个函数作用域中的变量的函数。(2)实现的原理...
2018-09-02 16:45:13
287
原创 js作用域 作用域链 闭包
作用域 变量 var声明的变量,其作用域是函数体的全部,没有块作用域let声明的变量拥有块级作用域。1) 局部变量:函数内声明的变量为局部变量,为局部作用域,只能在函数内访问;function studentnum(){ var nums = 10; console.log(nums);}studentnum();console...
2018-08-23 13:32:42
3879
原创 纯js 别踩白块游戏解析与源码
(一)别踩白块1、考虑游戏中有哪些对象,属性和方法? 别踩白块游戏仔细想想如果非要对象的话,游戏显示界面可以算是一个对象,下滑的区域算一个对象(每个小方格算对象的属性对象吧)2、这里主要要思考怎样在每一行产生一个随机位置的小黑块,并能标识它,以备游戏当中被正确点到或者未被点到时做记录,还要思考怎样做才能让滑动块不间断? 滑动块的不间断首先想到的肯定是定位,给游戏显示界面一个
2017-08-23 18:33:43
4702
1
原创 纯js 贪吃蛇游戏解析与源码
(一)贪吃蛇1、 首先思考贪吃蛇游戏中的对象都有哪些,其属性和方法又是什么?2、 通过什么媒介来实现蛇,显示界面,以及食物之间的对应关系?3、 具体对象的具体属性、方法说明:(1) 游戏界面(show)属性:宽高背景颜色相对定位容纳自己div的对象方法:显示游戏界面(创造div根据游戏界面属性设置界面样式)(2) 蛇本身(snake)属性:每节蛇身的宽
2017-08-23 18:30:31
1151
原创 JavaScript基础知识(一)
1.JavaScript是什么?HTML定义了网页的内容,CSS描述了网页的样式,JavaScript实现网页的行为JavaScript是一种具有面向对象能力的,解释型的脚本语言。JavaScript是基于对象和事件驱动,相对安全的客户端脚本语言。运行在浏览器下,提供更好的用户体验。定义变量时不必具有明确的数据类型(弱类型),具有跨平台的特性。JavaScript由三部分组成:
2017-08-06 08:39:15
430
原创 CSS3基础知识
CSS3相对于CSS2增加了很多动态的样式,最主要的是transform(变形) transition(过渡) animation(动画)1、transform(变形)transform:rotate(度数); //旋转的度数 单位degtransform:translate(位移); //包括translateX translateY translateZ 移动的位移 单位px
2017-07-30 12:07:15
376
原创 CSS基础汇总
CSS基础知识汇总:1、注释/*注释内容*/(Hbuilder快捷键 Ctrl+/)注释的作用是方便程序员自己或者他人阅读代码2、语法选择器{属性1:值;属性2:值;.....}(属性包括:width height background font-size 等)3、引入方法及优先级行内样式:标签内部添加style方法属性 内部样式:在内添加style方法属性(学习常
2017-07-26 08:19:28
313
原创 HTML基础汇总
1.HTML(Hyper Text Markup Language)超文本标记语言。也是最简单的一门语言,没有过多的语法,也没有太多的逻辑性,只要熟悉它的一些标签就可以上手编写简单的网页。Html标签语法不多,主要由如下:(1)由内容,也有自闭包标签如.。(3)标签和标签之间可以互相嵌套,但顺序必须保持一致。(4)标签不区分大小写,但推荐用小写。2.HTML的基本结构解析: //告诉计
2017-07-25 08:12:13
228
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人