瑶瑶Limy-CSDN博客

原创微信小程序开发步骤

本文简述微信小程序开发步骤,详细信息请参考微信开发文档目录1、准备工作2、框架介绍3、程序开发4、设计规范1、准备工作1：注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1用没有注册过微信公众平台的邮箱注册一个微信公众号，申请帐号 , 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。注册完成之后开始登录。2：登录 https://mp.weixin.qq.com我们可以在菜单 “设置”-“开发设置” 看到小程序的

2022-01-23 17:56:57 1409

转载 nodejs中生成uuid

nodejs中生成uuidnodejs中有一个uuid的生成库uuid：https://www.npmjs.com/package/uuid,使用起来非常简单。快速开始要创建随机UUID，可以使用npm或者yarn安装uuid库使用npm或者yarn安装uuidnpm install uuid --save或者yarn add uuid创建一个UUID（ES6模块语法）import { v4 as uuidv4 } from 'uuid';uuidv4(); // ⇨ '9b

2021-12-01 11:02:24 1657

转载 koa2操作MongoDB数据库的封装

解决原生NodeJS 操作MongoDB 数据库的性能问题，封装成更小、更灵活的操作MongoDB库：Config.js 将所要连接的数据的配置信息封装成一个模块：const Config = { dbUrl:'mongodb://admin:123@localhost:27017/', dbName:'hello'}module.exports=Config;封装数据库时，引入数据库配置模块就好，首先通过 promise 封装：const MongoClient = requ

2021-11-26 08:45:51 325

原创去掉字符串开头和结尾的空字符-js

js原生trim() 方法用于删除字符串的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。// 去除字符串的头尾空格:var str = " Limy ";alert(str.trim());//输出结果:Limy使用正则表达式（replace方法） str.replace(/^\s+|\s+$/gm,'

2021-11-10 11:20:47 2346

转载 JS之向上取整、向下取整、四舍五入等

只保留整数部分（丢弃小数部分）parseInt(5.1234); // 5向下取整（<= 该数值的最大整数，和parseInt()一样)Math.floor(5.1234); // 5 向上取整（有小数，整数部分就+1）Math.ceil(5.1234); // 6四舍五入（小数部分）Math.round(5.1234); // 5Math.round(5.6789); // 6取绝对值Math.abs(.

2021-11-08 14:06:09 22265

转载 js获取数组中最大值

1.es6拓展运算符…Math.max(...arr)2.es5 apply(与方法1原理相同)Math.max.apply(null,arr)3.for循环let max = arr[0];for (let i = 0; i < arr.length - 1; i++) { max = max < arr[i+1] ? arr[i+1] : max}4.数组sort()arr.sort((num1, num2) => { return num1 -

2021-11-08 13:50:19 291

转载 JS数组基本操作——数组遍历到底有多少种方式？

JS数组基本操作一、数组基本遍历1.for…in2.for…of3.取数组长度进行遍历4.forEach遍历二、利用高阶函数遍历数组1. map2.filter3. find/findIndex4.every/some5.reduce/reduceRight 累加器一、数组基本遍历本部分介绍４种最常用的遍历方式。1.for…infor…in其实是对象的遍历方式，并不是数组专有，使用for…in将循环遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性，其遍历顺序与Object.keys

2021-11-02 13:52:21 383

转载 js数组的基本结构和树状结构互转

1. 数组转树const arr = [ {id:1, parentId: null, name: 'a'}, {id:2, parentId: null, name: 'b'}, {id:3, parentId: 1, name: 'c'}, {id:4, parentId: 2, name: 'd'}, {id:5, parentId: 1, name: 'e'}, {id:6, parentId: 3, name: 'f'}, {id:7, p

2021-11-02 10:11:07 219

原创雪碧图的简单介绍与作用

雪碧图用于网页切图相关。解决图片闪烁问题可以将多个小图片统一保存到一个大图片中，然后通过调整background-position 来显示，这样图片会同时加载到网页中，就可以有效地避免出现闪烁问题。这个技术在网页中应用十分广泛，被称为CSS-Sprite，这种图我们称为雪碧图。个人理解：就是将本页面所有所需图标整合在一张图片内的图。雪碧图使用步骤：先确定要使用的图标测量图标大小根据测量结果创建一个元素将雪碧图设置为元素的背景图片设置一个偏移量以显示正确的图片...

2021-10-13 10:52:40 299

原创 webpack npm node之间关系？

webpack的核心作用模块化开发中，我们会编写大量模块，如果不打包就上线，那么页面加载或交互时，将会发起大量请求。为了性能优化，需要使用webpack这样的打包器对模块进行打包整合，以减少请求数。就像简单的vue项目，所有组件最终都将被打包到一个app.js中。相较于无差别打包依赖模块的传统打包器，webpack的核心优势在于它从入口文件出发，递归构建依赖关系图。通过这样的依赖梳理，webpack打包出的bundle不会包含重复或未使用的模块，实现了按需打包，极大的减少了冗余。

2021-09-29 16:02:19 121

原创 BOM——浏览器对象模型

1、window对象——BOM的核心：BOM的核心对象是window。window对象有双重角色，是通过js访问浏览器窗口的一个接口，也是ES规定的Global对象。1.1、窗口： window对象——全局作用域1.1.1窗口关系及框架<html> <head> <title>Frameset Example</title> </head> <frameset rows="160,*"> <frame

2021-07-09 14:49:30 115

原创 react/vue中的key有什么作用？——#基础知识#面试题 2021-04-06

问题描述：1）react/vue中的key有什么作用？（key的内部原理是什么？）2）为什么遍历列表时，key最好不要用index？分析与回答：1. 虚拟DOM中key的作用： 1）简单的说：key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用。 2）详细的说：当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】，随后React进行【新虚拟DOM】与【旧虚拟DOM】的diffing进行比较，比较规则如下： ...

2021-04-06 11:03:50 337

转载 npm 安装淘宝镜像、查看镜像设置以及设置返回原镜像——2020/11/4

npm 安装淘宝镜像、查看镜像设置以及设置返回原镜像原文链接： npm安装淘宝镜像和查看镜像设置1.通过cnpm使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org2.将npm设置为淘宝镜像：npm config set registry https://registry.npm.taobao.org3.查看npm镜像设置：npm config get registry 4.查看cnpm镜像设置：c

2020-11-04 14:31:57 1688

weixin_44914404的博客