登录社区云，与社区用户共同成长
邀请您加入社区
对Nodejs连接redis 简单封装 - redis模块
Attempted import error: 'Switch' is not exported from 'react-router-dom'.原因是在 react-router-dom 6.0以后 Switch 就不用了 Switch 修改为 Routes无报错
df
笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。公众号：前端Sharing陆续更新前端文章。本文篇幅较长，将从编译阶段 ->路由阶段 ->渲染阶段 ->细节优化 ->状态管理 -&g
无list元素时，控制台报错NavBar组件没有单独的键值key给NavBar中的a标签加上单独的键值即可，如下所示：{this.props.isdetail?<NavBarmode="light"icon={<Icon type="left" />}onLeftClick=
import { useCallback, useEffect, MutableRefObject } from "react";type keyType = KeyboardEvent["keyCode"] | KeyboardEvent["key"];type keyFilter = keyType | Array<keyType>;type EventHandler = (eve
前端逐渐脱离了刚开始的纯粹,真的是变得越来越复杂了, 让很多初学者望而却步.以下是各种前端技术的关系前端开发根本只有三种语言,js,html和css随着业务的复杂,前端也需要进行模块化开发,可是js本身不具备模块化语法,无法进行模块化.为了解决这个问题,出现了CommonJS,AMD,CMD,UMD和ES6规范,这些规范都包含了js模块化方案.从而解决了JS全局污染和依赖管理混乱问题.这些...
环境搭建创建一个空文件夹, 进入当前文件夹下命令行窗口, git bush here也可以. 输入命令npm init, 通通按回车, 最后会输出一个package.json, 现在打开该文件, 接着刚刚生成那些东西, 下面写上这些devDependencies里的那些依赖.{"name": "reacthome","version": "1.0.0","description
复制链接的功能实现
掌握 async/await，可以让 JavaScript 的异步编程更加高效！
理解JavaScript回调函数不难,因为它就是普通函数,只不过是调用的位置与时机不同.它作为参数传递给另一个函数，并在某个特定的事件或条件发生时被调用执行.为了确保异步任务的按照特定的方式执行,就需要将后一个执行的任务嵌套到前一个任务里面.比较常见的业务场景就是你要调a接口获取到一个数值,这个数值,是调用b接口时候要用到的参数.为了确保一定在获取到a接口的数值后才调用b,这样就产生了回调函数的嵌
async await 的执行顺序问题
js浅拷贝和深拷贝文章目录前言一、什么是栈内存和堆内存二、什么是浅拷贝?浅拷贝解决了什么问题1.定义一个obj对象2.写一个浅拷贝案例三 什么是深拷贝,深拷贝相对于浅拷贝呢？总结前言提示：今天我们要讲解的内容是浅拷贝以及深拷贝,顺带会讲到栈内存和堆内存提示：以下是本篇文章正文内容，下面案例可供参考一、什么是栈内存和堆内存let a = 3;let b = a;b = 2;.
常用的js方法，JavaScript函数
一、学习Javascript或者说是前端、那么学习和理解事件是非常重要的。因为我们写的js代码和html网页要进行交互、而交互的方式就是事件。事件代表文档或浏览器窗口中某个有意义的时刻。可以使用仅在事件发生时执行的监听器（也叫处理程序）订阅事件。在传统软件工程领域，这个模型叫“观察者模式”，其能够做到页面行为（在 JavaScript 中定义）与页面展示（在 HTML 和 CSS 中定义）的分离。
《不一样的javascript》系列this指向问题手写三大显式绑定函数文章目录《不一样的javascript》系列前言一、call、apply、bind是什么，有何用，区别是什么？1. 语法2. 相同点3. 不同点4. 疑惑点5. 用途二、手写1. apply2. call3. bind4. 总结一下三、做道题前言上一篇讲this指向时候讲到四大绑定时说到：call…这三个可以函数显示绑定一个对
async function live(N, S, sT, eT) { // 点赞个数,页面滑动距离,时间区间sT-eT(10-15s)document.getElementsByClassName("play-icon")[0].click()/* 暂停视频 */let bN = N, // N变量sleep = (time) => new Promise((resolve) =>
刚学了super，趁热打铁，写一篇博客我们大家都知道，在class的继承中，子类如果想要继承父类且能生成子类实例，就必须要在constructor中调用super()，那么super在此处到底代表什么呢？除了这个用法，super还有别的用法吗？接下来我们就来捋一捋super的用法吧~首先，super既可以当函数使用，也可以当对象使用这是很重要的，我们需要记住，当你需要引用super时，你要想清楚在
Vue+Node.js+ES6+VScode一、VScode的使用1. 安装常用插件1.Chinese (Simplified) Language Pack for Visual Studio Code ——中文插件2.Auto Close Tag3.Auto Rename Tag4.ESLint5.HTML CSS Support6.HTML Snippets7.JavaScript (ES6)
1.导入二维码依赖npm install vue-qr --savehttps://www.npmjs.com/package/vue-qr2.导入复制依赖npm install clipboard --savehttps://clipboardjs.com/3.代码：<template><div class="shareDrawer"><drawer :displa
@electron-vue 链接mysql数据库var mysql = require('mysql');export default {data() {return {form: {name: '',region: '',date1: '',date2: '',delivery: false,type: [],
javascript中的class类构造函数一、函数存在变量提升，但是类不存在变量提升二、函数受函数作用域限制，但是类受块级作用域限制<script>{function sayHello(){console.log("hello");}class say{}}console.log(say);sayHello();</script>此时打印出say会报错，但是可以执行say
最近做项目需要对金额进行千分位处理的同时，保留多位小数。但是，小数部分不得为零。let num1 = 995092130000000 / 100000000000;let res1 = num1.toFixed(12);document.write(res1 + '</br>'); // 9950.921300000000函数封装/*** @name: handleCutZero* @
子曰，温故而知新。目前还没项目做，记在纸上，字写得太潦草，还是写在网上吧，可以随时看。第一个例子就不从写hello word版的地图开始了，4.16案例名叫layers-mapimagelayer-sublayers。大概就是地图子图层控制吧。先看效果图：效果呢，就是点击下面的按钮， 控制Map中的layer显示或者关闭。开始代码部分：二、我们先看整体代码骨架var renderer = {};v
一、javascript数据类型的分类1.基本数据类型 —— 存储在栈中Number111String'acb'Booleantrue/falseNullnullUndefinedundefinedFunctionfunction2.引用数据类型 —— 存储在堆中Object二、判断数据类型的方法1.typeof//适合用于判断基本数据类型typeof 111; --> Numbertype
之前做的项目需要保存用户头像，需要解决的问题有以下1.如果使用open-data里的数据如果头像更换后图片链接就会过期2.如果每次进入小程序使用wx.getUserInfo()获取头像后再更新数据，如果你的评论内容多了，评论里保存的头像链接每次都更新将会拖慢运行速度，而且操作起来非常麻烦3.评论里的用户头像需要不会过期可以一直显示，即使用户换了头像也仍然有效我的解决办法是在用户第一进入小程序的时候
懒人专属 , 没找到合适的, 就自己花时间写了一个, 性能待测试使用场景 : H5APP开发, 需要有版本更新, 此时需要对比版本显示下载状态备注 : 暂时不支持带有ab形式, 如: 1.8.2a, 1.8.3bconst olds = '1.8.1'const news = '1.8.3'let getVersion = {splitVersion : function (oldval, new
一、新增类型定义let、const、与var的区别let特性：1.不存在变量提升2.同一个作用域内，不能重复定义变量3.有着严格的作用域var特性：1.变量提升2.同一作用域也可以重复定义变量，只是后定义的会覆盖前定义的3.没有严格的作用域，在全局范围内，会添加全局window，在全局都可以使用，...
javascript中对象的assign()方法Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法：Object.assign(target,...sources)参数：target：新对象，用来接受的对象sources：源对象。返回值：目标对象，新对象。示例：1.用来把几个对象合并到一个对象...
1 Object.keys()ES5 引入了Object.keys方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。var obj = { foo: "bar", baz: 42 };Object.keys(obj)// ["foo", "baz"]目前， ES7 有一个提案，引入了跟
ES5 有一个Object.getOwnPropertyDescriptor方法，返回某个对象属性的描述对象（ descriptor ）。var obj = { p: 'a' };Object.getOwnPropertyDescriptor(obj, 'p')// Object { value: "a",// writable: true,// enumerable: tru
1 基本用法Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。var target = { a: 1 };var source1 = { b: 2 };var source2 = { c: 3 };Object.assign(target, source1, source2);target // {a:1, b...
第一题：动态tab栏目。第三题：迷惑的this。第五题：燃烧你的卡路里。第七题：不翼而飞的余额。第十题：自定义表单验证。
可以发现，Array只要稍加封装就能实现Set的特性。尴尬…但是ArrayUnique有一种致命的缺点，低效。为什么说他低效呢，我们可以看看add功能实现，由于要保证add进的元素必须唯一，所以每次add前都需要判断该元素是否在数组中已存在，
与使用模板语法插值不同，使用 v-html 插入的 HTML 不会响应式更新。这可能会影响性能，因为 Vue 无法优化这部分代码。： 使用 v-html 可能会导致跨站脚本攻击（XSS），因为它会将字符串解析为 HTML。因此，务必确保你信任的内容才能被渲染，或者对内容进行严格的过滤和转义，以防止恶意脚本注入。： 当你使用 v-html 渲染动态内容时，一定要确保内容来源可靠。总之，使用 v-ht
•支持动画，只有全透明和不透明两种模式，只有 256 种颜色,适用于简单动画、徽标和简单图形等应用场景。•常见格式,采用有损压缩算法，保持图像质量的同时减小文件大小 ,体积较小，不支持透明，不支持动画采用无损压缩算法，体积也相对较小，支持透明背景，不支持动画一般会保存颜色及形状相对简单的图片，可任意放大图形显示，边缘异常清晰画质最好，文件太大，不利于网络传输谷歌开发的一种图片格式,较小的文件大小,
安装后package.json。配置.babelrc.json。
解决Movable-view动态配置x,y坐标值不生效
①set是一系列无序（因为set没有下标(索引号)）、没有重复值的数据集合（数组有序）。不可以用字面量的形式创建，只能用实例化形式创建②方法和属性//1.方法//add()添加成员const s = new Set();s.add(1).add(2).add(3);console.log(s); // {1, 2, 3}//has()判断是否有某个成员console.log(s.has(1)
html代码<!-- #ifdef APP-PLUS --><view>// adpid 自己的广告id<ad :adpid="adpid" type="banner" @load="onloads" @error="onerror" @close="onclose"></ad></view><!-- #endif -->js
JS进行开发，正如一切的编程语言都立足于电元信号的正负极，即01码，可为什么软件都不采用二进制编码来进行开发呢？这里面牵扯到一个成本的问题，这正是影响项目领导者进行决策的关键因素。Vue项目与原生JS或jQuery等仿原生框架项目相比，开发成本要低一些。《Vue.js从入门到项目实战》从Vue框架的基础语法讲起，逐步深入Vue进阶实战，配合项目实战案例，Vue在项 目开发中的一些应用。在系统地讲解
这里写自定义目录标题步骤如下：最终效果图1、开通消息推送2、添加消息模板配置小程序服务器域名tips参考文档步骤如下：最终效果图1、开通消息推送开发—）开发设置—）消息推送找到消息推送并配置URL、Token等相关选项2、添加消息模板在公共模板库配置自己想用的模板配置小程序服务器域名配置好服务器域名后，在开发工具中把 不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书
发布订阅模式是什么它其实是一种对象间一对多的依赖关系，当一个对象的状态发送改变时，所有依赖于它的对象都将得到状态改变的通知。（如微信公众号一样有无数个订阅者，有一个发布者，当发布者发布文章的时候，订阅者都可以收到发布的文章。）平时使用前端在之前使用jq的时候就有使用到发布订阅模式例如有trigger和on方法，现在vue中也经常使用到如：事件总线进行组件间的传值、子父组件间的传值、vue实现双向绑
cesium实现向卫星添加传感器并跟随卫星移动import * as Cesium from 'cesium'import "./CesiumSensors.js";/* eslint-disable */// 添加矩形传感器export default function entityAddSensor(viewer, satellite) {// 场景，卫星实体viewer.scene.prim
一、设计模式：是一套经过反复使用、多人知晓的、经过分类的、代码设计经验的总结。优点：可以让代码更容易被他人理解、保证代码的可靠性和可重用性。W3shchol的设计模式分类：构造器模式、模块化模式、暴露模块模式、单例模式、中介者模式、原型模式、命令模式、外观模式、工厂模式、Mixin模式、装饰模式、亨元(Flyweight)模式、MVC模式、MVP模式、MVVM模式、组合模式、适配器模式、外观模式、
错误描述：目前，在运行Vue的时候，如果是第一次运行的话，会出现如下错误；TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received undefined错误分析：这种情况一般来说，是因为sass-loader版本过高问题解决：【以管理员身份运行命令提示符】1、卸载当前sass-load
目录uniapp的小程序无法支持v-showv-if会与canvas发生冲突最近接到了一个开发小游戏的项目，一共由四个小游戏组成，前三个因为开发难度不大所以很快就完成了，但最后一个游戏时，却遇到了不少的问题，本人从未遇到过，所以记录下来，帮助其他人。uniapp的小程序无法支持v-show我们都知道，在界面元素节点需要反复切换显示时，v-show的效率肯定是比v-if高的，本来我很多时候都打算用v
uniapp sqlite 数据库使用当我们开发聊天软件时就会进行大量的数据存储，如果直接用uniapp自带的缓存就不行了。最近我们开发的一个项目，我负责聊天通信这一块，所以把我的经验分享一下给大家，当然我这个仅供参考，因为我也第一次做，哈哈哈，不废话了，直接上代码。我把sqlite的使用方法封装在js文件里了，你们也可以根据直接的需求来封装plus.sqlite要在手机上才能运行，建议真机测试，
问题引入我们用小程序云开发功能，有时候查询列表想一次多返回一些数据，但是我们如果直接用数据库的get方法查询。每次只能最多返回20条数据，我们如果想图片20条的限制，可以通过云函数去数据库里拿数据，然后我们请求云函数获取到这些数据。就相当于云函数作为一个中转站。以下代码是我的项目实战过程1.云函数初始化env后的值就是你云开发控制台中的ID2.云函数的创建打开微信开发者...
es6
——es6
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
乐奇 Rokid 开放社区
