![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
前端起步
这个作者很懒,什么都没留下…
展开
-
微信的事件监听
微信原生小程序放在APP.js里面on: function(key, func) {if (!bus[key]) {bus[key] = [func];} else {bus[key].push(func)}},emit: function(key, params) {if (!bus[key]) return;for (let v of bus[key]) {v(params)}}原创 2022-03-01 09:32:18 · 459 阅读 · 0 评论 -
面向对象跟面向过程的思维
一.面向对象的于面向对象的区别面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了,面向对象是把构成问题实物分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为.拿现实生活中的五子棋做例子:面向过程的设计思路就是首先分析问题的步骤:1、开始游戏,2、黑子先走,3、绘制画面,4、判断输赢,5、轮到白子,6、绘制画面,7、判断输赢,8、返回步骤2,9、输出最后结果。把上面每个步骤用不同的方法来实现。如原创 2020-07-19 16:24:43 · 521 阅读 · 0 评论 -
Javascript如何进行异步加载
异步加载JSjavascript异步加载的三种方案:1.defer异步加载,但要等到dom文档全部解析完才会被执行。只有ie能用,也可以将代码写到内部。 <script src="" defer="defer"> script标签变成异步 </script>2.async 异步加载,加载完成就执行,async只能加载外部脚步,不能把js写...原创 2020-03-09 23:18:07 · 229 阅读 · 0 评论 -
Javascript和Jquery的关系(从原型链,this,构造函数角度去钻研)
首先我们要搞清楚什么是对象万物皆对象字面量 – 字面上显示的东西叫做字面量包装类 – 没有new的函数声明就是包装类什么是对象1.只要是对象就可以有自己的私有属性。2. 只要是new 出来的都是对象。3. 不同对象肯定不会相等的。4. 对象都会有引用机制 。如果不想引用就重新赋值生命周期:面向对象 - 最有用的就是私有属性面向对象的三大特点:1、封装 2、...原创 2020-01-07 18:46:33 · 145 阅读 · 0 评论 -
浅谈响应式布局和自适应布局的区别或理解
什么是响应式布局响应式布局就是在不同屏幕不同分辨上实现不同的展示方式。响应式布局能使网站在手机和平板电脑上有更好的浏览体验,也就就是说一个网站能后兼容多个终端,而不是为了每一个终端做一个特定的版本。响应式布局概念Responsive design,意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。响应式设计的步骤设置 M...原创 2020-01-06 23:28:10 · 801 阅读 · 0 评论 -
飞机大战小游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-27 12:40:59 · 349 阅读 · 0 评论 -
JS里面步长思想的理解
所谓步长就是去做一件事情规定时间内分特定的步数走完。做一个小demo让红色的方块移动到黑色线里面去,给红色小方块一个终点,定时器每次启动的时候(50毫秒)移动一次,如过我们想让他移动慢点就可以做一个判断让速度变慢 这个变慢就是步长的核心思想 把他总长度分多少段走完。下面是代码和移动后的效果在这里插入代码片```<!DOCTYPE html><html>&l...原创 2019-12-27 10:31:32 · 969 阅读 · 0 评论 -
浅谈【CSS】渐变背景(background-image)以及基础用法
线性渐变background-image: linear-gradient( 角度 , 颜色);线性渐变是最基本的渐变类型。这种渐变在一条直线上从一个颜色过渡到另一个颜色。####background-image: linear-gradient( #E94E65, #1574A8);这条直线的方向由角度指定,或者在关键字 to 后面加上 top、bottom、right、left 中的...原创 2019-12-26 17:33:18 · 6185 阅读 · 0 评论 -
关于原型链 __proto__继承
关于原型链和作用域链的理解 __proto__继承欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用...原创 2019-12-26 17:04:04 · 142 阅读 · 0 评论 -
如何用Canvas实现将图片切分九分格
首先页面展示直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-12-25 20:56:27 · 3453 阅读 · 3 评论 -
BOM对象里面的常用方法
BOM一.简称浏览器对象模型,主要处理浏览器窗口和框架描述了与浏览器进行交互的方法和接口,可以对浏览器窗口进行访问和操作,譬如回退历史记录,获取urlwindow(浏览器窗口)**浏览器窗口对象,主要属性有:name:指浏览器窗口的名字或框架的名字。这个名字是给a标记的target属性来用的。设置窗口的名字:window.name =“newWin” 获取窗口的名字:document...原创 2019-12-14 10:31:34 · 461 阅读 · 0 评论 -
canvas基础用法和方法的总结
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-12-14 10:31:10 · 502 阅读 · 0 评论 -
常用的DOM事件和属性
常用的DOM事件和属性序号 属性 描述 类型1 onclick 鼠标点击对象时触发 鼠标事件2 oncontextmenu 鼠标点击右键时触发3 ondblclick 鼠标双击某个对象时触发4 onmousedown 鼠标按钮被按下5 onmouseenter 鼠标指针移动到元素上时触发6 onmouseleave 鼠标指针移出元素时触发7 onmousemove 鼠标移动时触发...原创 2019-12-07 11:37:17 · 255 阅读 · 0 评论 -
当你花费三天写完增删改查动态表格的感受
当我看到老师发给我这个效果图的我一脸懵,压根不知道怎么做到让一个表格实现动态的增删改查,虽然心里面是这么想的,但是身体还是蛮老实的自己开始动了起来 其实先完成HTML+CSS部分这个不难,但是虽说不难但是我花了点时间而且犯了一个根本性的错误那就是表格里面的数据都是要动态生成的而不是自己写上去了,然后心里面一整乱吼,重写!!。在这里插入代码片var data =[ {"name":"...原创 2019-12-03 09:25:01 · 565 阅读 · 0 评论 -
DOM树的回流过程
DOM 模型1、DOM 标准DOM (Document Object Model) 的全称是文档对象模型,它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。比如,Web开发中,用 JavaScript 语言来访问、创建、删除或者修改 HTML 的文档结构。目前 W3C 已经定义了一系列 DOM 接口(三个版本的 DOM 接口,每一个版本都加入了一些新功能,有兴趣的同学请自行查...原创 2019-12-03 08:54:19 · 634 阅读 · 0 评论 -
谈谈2048小游戏怎么用HTML+CSS+JS实现它
我们在做2048游戏之前先搞清楚游戏的思路在去完成建议先玩玩游戏在去想怎么做HTML+CSS部分没啥好说的 直接上图;<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>2048</title> ...原创 2019-11-25 08:47:26 · 480 阅读 · 0 评论 -
谈谈对定时器函数的理解
1.如何定时? setTimeout(fn,ms) 在指定的毫秒数后调用函数或计算表达式,函数返回一个定时器的timeId。 fn: 自定义函数 ms: 函数的间隔调用周期,单位:毫秒 setInterval(fn,ms) 按照指定的周期(以毫秒计)来调用函数或计算表达式,函数返回一个定时器的timeId。 setTimeout调用一次 setInter...原创 2019-11-25 08:46:07 · 925 阅读 · 0 评论