- 博客(33)
- 收藏
- 关注
RSS订阅原创 你的代码不堪一击！
因为 getUrl 是异步函数，执行完才给 urlList 添加一个值，而 data.forEach 循环是同步执行的，当 data.forEach 执行完成后，getUrl 可能还没执行完成，从而会导致 console.log(urlList) 打印出来的 urlList 不是最终结果。那么问题来了，当 data 为 123 , data || [] 的结果是 123，123 作为一个 number 是没有 map 方法的，就会报错。等到小王离职后，我去看了一下他的代码，的确够烂的，不堪一击！
2023-11-01 22:33:15
117
原创 微信的事件监听
微信原生小程序放在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
453
原创 ES6的异步转换同步
ES6的异步转换同步关于async/await 范例子 如何将异步代码看起来像同步代码一样第一种方式const delayer = t => new Promise(resolve => setTimeout(resolve, t))async function timestast() {console.log(1)await delayer(1000)console.log(2)await delayer(1000)console.log(3)}console.log(t
2021-04-10 11:13:14
1825
转载 uni-app获取设备的唯一标识
uni-app根据不同手机平台获取设备的唯一标识，由于获取的方式是异步的，当前页面执行不一定能拿到。建议存缓存，其他页面可以用调用缓存的方式获取，不存在的话在执行一下方法获取，确保保证一定能获取的到。//获取客户端ID getClientId() { //获取客户端ID和版本号 var clientid = ''; // #ifdef APP-PLUS // 苹果系统 plus.device.getInfo({ success: function(e) { client
2020-09-02 17:40:50
13094
2
原创 面向对象跟面向过程的思维
一.面向对象的于面向对象的区别面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了，面向对象是把构成问题实物分解成各个对象,建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为.拿现实生活中的五子棋做例子:面向过程的设计思路就是首先分析问题的步骤:1、开始游戏，2、黑子先走，3、绘制画面，4、判断输赢，5、轮到白子，6、绘制画面，7、判断输赢，8、返回步骤2，9、输出最后结果。把上面每个步骤用不同的方法来实现。如
2020-07-19 16:24:43
507
原创 Mysql数据的基础知识以及基础用法
数据库的概念：什么是数据库:用户存放数据,访问数据,操作数据的仓库，用户的各种数据都被有组织的存在在数据库中。可以随时被有权限的用户查询,统计,添加，删除，修改关系型数据库的概念：关系型数据库采用表组织数据(表称为:关系),一个数据库由许多个表组成,多个表数据之间存在着关系,在这些表上的数据操作依赖关系,关系用来描述多个表之间的数据依存,包括了一对一，一对多,多对多的关系。下载地址Sql基础和表约束SQL语句的书写规范:在数据库系统中,SQL语句不区分大小写（建议大写）但字符串常用量区
2020-06-23 21:22:51
148
原创 node.js用法
node.js的基础语法node中没有全局对象window,只有global全局对象当前文件所在的文件夹路径cnosole.log(__dirname)当前文件的路径console.log(__filename)node.JS模块化- node遵循模块化的开发导出：exports 直接导出这个对象module.exports 直接导出后面等于号的内容exports和module.exports 都是导出模块本质上就是一个对象，使用的方法：公司里面是有严格规定
2020-05-28 22:40:36
253
原创 前端通信的桥梁Ajax理解
AJAX简介是一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。JavaScript是核心语言为什么使用ajax它可以在不刷新整个页面的情况下与服务器通信保持原有页面状态，说的简单易懂一点。举个例子：在我们浏览网页的时候会有两种情况点击链接，页面白屏，等待跳转到另一个页面。页面不刷新，局部出现新内容获得更好的用户体验。工作原理核心XHR（浏览器内置对象”XM
2020-05-27 19:14:19
266
原创 理解CommonJS规范
简要理解CommonJS规范写在前面：一个文件就是一个模块。 另外本文中的示例代码需要在node.js环境中方可正常运行，否则将出现错误。事实上ES6已经出现了模块规范，如果使用ES6的模块规范是无需node.js环境的。因此，需要将commonJS规范和ES6的模块规范区分开来一、为什么制定CommonJS规范？在后端，JavaScript的规范远远落后并且有很多缺陷，这使得难以使用JavaScript开发大型应用。比如：没有模块系统标准库较少没有标准接口缺乏包管理系统列表内容
2020-05-27 16:55:22
145
原创 网络编程CS/BS
1.网络编程:网络编程: 在 一定的协议下 , 实现两台计算机的通信的程序.网络通信协议: 计算机必须遵守的规则,通信双方必须遵守.最终完成数据交换. 网络编程三要素:1.协议: 规则 .2.IP地址: 互联网协议地址.(唯一标识网络中的设备)3.端口号: 两个字节表示的整数，它的取值范围是0~65535(唯一标识设备中的进程)2.软件架构CS/BS:C/S架构: Client...
2020-04-17 10:43:26
1126
原创 ES6 Promise的理解
Promise 的概念Promise是对JavaScript异步编程的一种解决方案，由于传统异步编程的一大特点是不断的回调嵌套，使得代码难以维护。于是Promise使用一种链式调用去解决这个问题。Promise的状态和特点它具有三种状态：pending 未完成 resolved 已完成（成功） rejected 已失败一个Promise对象代表一个异步操作，可把Promise当作一个...
2020-03-23 12:57:55
156
原创 ES6知识体系整理
@目录1.ES6介绍@ECMAScript第六个版本 ECMAScript 是一个语言的标准 if switch var可以在JavaScript JavaScript ECMAscript + WEBapi（DOM、BOM） = JavaScriptActionScript + WEBapi（DOM、BOM）= flash ES是定义标准的，js是实现者，es的历史...
2020-03-19 12:19:19
237
原创 主流浏览器（理解）
浏览器为两大组成部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。JS 引擎则是解析 Javascript 语言，执行 j...
2020-03-15 11:33:27
171
原创 Javascript如何进行异步加载
异步加载JSjavascript异步加载的三种方案：1.defer异步加载，但要等到dom文档全部解析完才会被执行。只有ie能用，也可以将代码写到内部。 <script src="" defer="defer"> script标签变成异步 </script>2.async 异步加载，加载完成就执行，async只能加载外部脚步，不能把js写...
2020-03-09 23:18:07
224
原创 SEO：搜索引擎优化
SEO:搜索引擎优化,Search,Engine Optimization搜索引擎工作原理：网络蜘蛛爬虫 ，不断的去收集关键字-白帽seo和黑帽seo1.白帽seo:改良和规范网站的设计，对搜索引擎更友好- 精心设计网站的标题，关键字，描述- 网站内容优化- 设置robot.txt- 增加网站地图- 增加外链引用2.黑帽seo：利用搜索引擎的缺陷，获取更大的访问量，欺...
2020-02-04 16:52:21
524
原创 Javascript和Jquery的关系（从原型链，this，构造函数角度去钻研）
首先我们要搞清楚什么是对象万物皆对象字面量 – 字面上显示的东西叫做字面量包装类 – 没有new的函数声明就是包装类什么是对象1.只要是对象就可以有自己的私有属性。2. 只要是new 出来的都是对象。3. 不同对象肯定不会相等的。4. 对象都会有引用机制 。如果不想引用就重新赋值生命周期：面向对象 - 最有用的就是私有属性面向对象的三大特点：1、封装 2、...
2020-01-07 18:46:33
144
原创 浅谈响应式布局和自适应布局的区别或理解
什么是响应式布局响应式布局就是在不同屏幕不同分辨上实现不同的展示方式。响应式布局能使网站在手机和平板电脑上有更好的浏览体验，也就就是说一个网站能后兼容多个终端，而不是为了每一个终端做一个特定的版本。响应式布局概念Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。响应式设计的步骤设置 M...
2020-01-06 23:28:10
797
原创 飞机大战小游戏
<!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
332
原创 JS里面步长思想的理解
所谓步长就是去做一件事情规定时间内分特定的步数走完。做一个小demo让红色的方块移动到黑色线里面去，给红色小方块一个终点，定时器每次启动的时候（50毫秒）移动一次,如过我们想让他移动慢点就可以做一个判断让速度变慢 这个变慢就是步长的核心思想 把他总长度分多少段走完。下面是代码和移动后的效果在这里插入代码片```<!DOCTYPE html><html>&l...
2019-12-27 10:31:32
949
原创 浅谈【CSS】渐变背景（background-image）以及基础用法
线性渐变background-image: linear-gradient( 角度 , 颜色);线性渐变是最基本的渐变类型。这种渐变在一条直线上从一个颜色过渡到另一个颜色。####background-image: linear-gradient( #E94E65, #1574A8);这条直线的方向由角度指定，或者在关键字 to 后面加上 top、bottom、right、left 中的...
2019-12-26 17:33:18
6115
原创 关于原型链 __proto__继承
关于原型链和作用域链的理解 __proto__继承欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用...
2019-12-26 17:04:04
140
原创 如何用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
3383
3
原创 BOM对象里面的常用方法
BOM一.简称浏览器对象模型,主要处理浏览器窗口和框架描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如回退历史记录，获取urlwindow（浏览器窗口）**浏览器窗口对象，主要属性有：name：指浏览器窗口的名字或框架的名字。这个名字是给a标记的target属性来用的。设置窗口的名字：window.name =“newWin” 获取窗口的名字：document...
2019-12-14 10:31:34
458
原创 canvas基础用法和方法的总结
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-14 10:31:10
500
原创 常用的DOM事件和属性
常用的DOM事件和属性序号 属性 描述 类型1 onclick 鼠标点击对象时触发 鼠标事件2 oncontextmenu 鼠标点击右键时触发3 ondblclick 鼠标双击某个对象时触发4 onmousedown 鼠标按钮被按下5 onmouseenter 鼠标指针移动到元素上时触发6 onmouseleave 鼠标指针移出元素时触发7 onmousemove 鼠标移动时触发...
2019-12-07 11:37:17
247
原创 当你花费三天写完增删改查动态表格的感受
当我看到老师发给我这个效果图的我一脸懵，压根不知道怎么做到让一个表格实现动态的增删改查，虽然心里面是这么想的，但是身体还是蛮老实的自己开始动了起来 其实先完成HTML+CSS部分这个不难，但是虽说不难但是我花了点时间而且犯了一个根本性的错误那就是表格里面的数据都是要动态生成的而不是自己写上去了，然后心里面一整乱吼，重写！！。在这里插入代码片var data =[ {"name":"...
2019-12-03 09:25:01
552
原创 DOM树的回流过程
DOM 模型1、DOM 标准DOM (Document Object Model) 的全称是文档对象模型，它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。比如，Web开发中，用 JavaScript 语言来访问、创建、删除或者修改 HTML 的文档结构。目前 W3C 已经定义了一系列 DOM 接口（三个版本的 DOM 接口，每一个版本都加入了一些新功能，有兴趣的同学请自行查...
2019-12-03 08:54:19
631
原创 谈谈2048小游戏怎么用HTML+CSS+JS实现它
我们在做2048游戏之前先搞清楚游戏的思路在去完成建议先玩玩游戏在去想怎么做HTML+CSS部分没啥好说的 直接上图；<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>2048</title> ...
2019-11-25 08:47:26
474
原创 谈谈对定时器函数的理解
1.如何定时？ setTimeout(fn,ms) 在指定的毫秒数后调用函数或计算表达式，函数返回一个定时器的timeId。 fn: 自定义函数 ms: 函数的间隔调用周期，单位：毫秒 setInterval(fn,ms) 按照指定的周期（以毫秒计）来调用函数或计算表达式，函数返回一个定时器的timeId。 setTimeout调用一次 setInter...
2019-11-25 08:46:07
916
原创 谈谈JS闭包和立即执行函数的理解
什么是闭包（Closure） 内部的函数被保存到外部形成闭包，说的有点太理论话 不多BB直接上代码。产生一个闭包创建闭包最常见方式，就是在一个函数内部创建另一个函数。下面例子中的 closure 就是一个闭包：function fun(){ var a = 1,b = 2; function closure(){ return a+b; } r...
2019-11-13 08:33:58
578
5
原创 JS中函数的作用域及作用域链以及预解释
全局变量：在函数以外用var声明的变量在全局都可以数用，就是全局变量(如果页面不关闭，那么就不会释放，就会占内存，消耗内存)局部变量：在函数内部定义的变量是局部变量，只能在函数内部使用，外部不能使用（*当函数调用完毕，局部变量就释放了）；全局作用域：全局变量使用的范围作用域链: var num = 10; function f1(num){ var num = 20; ...
2019-11-11 20:36:35
176
原创 数组常用方法原理
//数组常用方法原理（涵pop(),shift(),push()，unshift(),reverse()等原型方法）//数组常用方法原理var arr=[1,2,3,4,6];//arr是对象 所以要用隐式原型 在此之前 需要明白 在这个原型中 this指向当前对象 即arr//先把这5个完全理解 理解了自己关上代码 重新自己敲一遍 然后搞定了 再尝试写后面的 写之前 要...
2019-11-09 15:28:56
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人