JavaScript优化提升系列
子禛
小小的梦想,让理想变为现实。
展开
-
算法题:找出一个数组中出现三次的数字
题:一个数组[1,3,2,5,3,4,2,5,3,4,50],取出出现了三次的数字。 var countNUMBER = function (arr,number) { var returnArr = []; var obj = {}; for (let i = 0; i < nums.length; i++) { obj[nums[i]] = obj[nums[i]] + 1 || 1 }原创 2021-03-18 09:35:50 · 702 阅读 · 0 评论 -
vue.config,js配置简述
通过vue-cli 3.0 工具生成的项目,默认隐藏了所有webpack的配置项,目的是为了屏蔽项目配置过程,让程序员把工作重心,放在具体的功能和业务逻辑上。我们可以通过vue.config.js文件修改webpack的默认配置。官方配置//vue.config.js配置const path = require('path')const debug = process.env.NODE_ENV !== 'production'//导出一个对象module.exports = { //配原创 2021-03-11 22:14:51 · 196 阅读 · 0 评论 -
节流与防抖
防抖用户在规定时间间隔内持续完成一件事,不会触发函数执行。立即防抖//func 执行的函数// wait 延迟时间function debounce(func, wait) { var timeout = null; var context = this; var args = arguments; return function () { if (timeout) clearTimeout(timeout); var callNow原创 2021-03-11 22:06:25 · 91 阅读 · 0 评论 -
微信小程序获取用户信息以及openid
获取用户信息在小程序新的文档中定义了,如果想要获取用户信息那么需要与open-type一起使用,否则是无法获取用户信息的。<button open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo"> 获取用户信息</button>//open-type 开放能力,这里我们开放的市用户userInfo//bindgetuserinfo 点击获取用户信息,与wx.getUserInfo返回结果一致,(open-type=g原创 2021-03-11 22:02:09 · 868 阅读 · 0 评论 -
nodejs学习笔记
node.js是什么?node.js一个让javascript运行在服务端的开发平台node.js不是一门语言node.js不是库,不是框架node.js是一个JavaScript运行时环境node.js是可以解析和执行js代码,以前只有浏览器可以解析JavaScript也就是说有了node,JavaScript可以完全脱离浏览器运行。构建与chrome的v8引擎上代码只是具有特定格式的字符串引擎可以识别他们,引擎会帮你去解析和执行chrome的v8引擎,是目前公认执行js最快的引擎n原创 2021-03-09 20:54:57 · 121 阅读 · 0 评论 -
Ajax
1、AJAX原理ajax说白了就是一套api,从而实现通过代码控制请求与响应2、AJAX三部曲var xhr = new XMLHttpRequest()xhr.open('请求方式','地址')xhr.send()3、onreadystatechange方法var xhr = new XMLHttpRequest()xhr.open('请求方式','地址')xhr.send()xhr.onreadystatechange = function(){}xhr.addEventList原创 2021-03-09 20:23:38 · 181 阅读 · 0 评论 -
websocket介绍
websocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器的全双工通讯-允许服务器主动发起信息个客户端,websocket’是一种持久协议,http是非持久协议。使用场景:现在很多网站都有实时推送的需求,比如聊天,客服咨询等。早期没有websocket的时候,是通过ajax轮询,由于http请求,服务器无法给浏览器主动发送数据,因此需要浏览器定时给服务器发送请求(比如1s一次),服务器把最新的数据响应给浏览器。这种模式的缺点就是浪费性能和资源。websocket使用H5中使用.原创 2021-03-09 20:10:55 · 1540 阅读 · 0 评论 -
虚拟dom
1、什么是虚拟domVirtual DOM其实就是一颗以JavaScript对象作为基础的树,用对象属性来描述节点,实际就是真实dom的抽象。最终通过一系列操作使这课树映射到真实环境上。它描述了应该如何船舰一个真实的DOM节点。2、vue为什么使用虚拟dom创建真实DOM的代价高真实的DOM节点(node)实现的属性很多,而虚拟节点(vnode)仅仅实现一些必要的属性,相比至下,创建一个vnode的成本低。不会覆盖,重绘,节点。他会找到真正有变化的节点对其进行修改。例如:一个ul标签下面有很多li标原创 2021-03-09 20:04:53 · 97 阅读 · 0 评论 -
nginx双机热备与负载均衡
1、nginx反向代理首先在本地启动一个端口号为80的node服务,这个服务会被代理到192.168.0.0.1的ip地址上。也就说你可以通过访问192.168.0.0.1这个地址访问到你本地80端口的服务。server{ listen 80; server_name localhost; location /{ proxy_pass http://192.168.0.0.1 }}2、nginx负载均衡在本地开启两个服务相原创 2021-03-09 20:01:40 · 1895 阅读 · 0 评论 -
js解析引擎垃圾回收机制
JS垃圾回收机制js中,垃圾回收机制,是一种自动管理内存的机制。找到不在需要的变量,并释放他的内存。1、为什么会有垃圾回收机制。因为每次创建一个变量/函数都会占用内存,如果不清理内存都会导致内存泄漏。内存泄露程序去申请内存,无法释放已申请的空间,一块内存没办法使用,也没办法释放。常见的内存泄露全局变量全局变量会导致内存无法回收,会造成内存泄露。平时开发的时候建议少使用全局变量,来控制内存。定时器定时器不清除也会导致内存无法回收,造成内存泄露内存溢出大量的内存泄露会导致原创 2021-03-08 21:04:14 · 160 阅读 · 0 评论 -
vue-cli@4.5 配置 element-UI踩坑
问题描述最近进行vue的一个项目开发。电脑新的什么也没配置。安装vue是4.5版本的,也没管版本。最后出现了一个问题,就是在vue 4.5版本上安装的element-ui没有生效。于是去官网上逛了一下,发现element版本是2.15.0。并且element-ui给出的只有vue 3.0版本的相关文档。解决方法卸载vue-cli@4.5、安装vue-cli@3.0即可。...原创 2021-01-30 14:21:06 · 1573 阅读 · 0 评论 -
deno基础入门
DenoRyan Dahl开发基于Google V8引擎高新能、开发方便使用Rust语言开发安全性、新能高Deno是什么?其实就是Node的升级版(替代版),是node同一个作者开发的。作者为什么要开发Deno,这个因为作者认为node的发展已经偏离了自己最开始的初衷。Deno特性原始支持TypeScript 和 JavaScript默认安全(node默认是开放的)去中心化包管理不再有向npm这样的中心化官方包管理网站。也就是每一个人把自己的包放在自己的服务器上原创 2021-01-10 20:54:21 · 551 阅读 · 0 评论 -
Javascript提升系列:算法复杂度分析
前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考添加链接描述一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.p原创 2020-12-16 11:53:53 · 241 阅读 · 0 评论 -
JavaScript提升系列——设计模式(一):单例模式
前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、什么是单例模式单例模式的特性1、类只有一个实例。(唯一)2、全局可以访问该实例。(可全局访问),满足上述两点条件就是一个单例模式。那么有人问,全局对象是不是一个单例模式?(全局变量:全局可以访问,只有一个)。他不是一个正规单例,不可争议他确实满足单例模式的特点二、如原创 2020-12-14 14:57:40 · 87 阅读 · 0 评论 -
前端监控与前端埋点(初探)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2020-12-11 10:28:50 · 760 阅读 · 0 评论