艾小逗

vue-tinymce的使用，粘贴文件上传，自定义文件上传，改base64转换成上传到服务器返回urlvue中使用<vue-tinymce v-model="itemForm.content" :setting="setting"/><script>export default { data(){ return { itemForm: { content: '' }, setting: { menubar: f

vue打包区分环境，创建config文件，corss-env自定义全局环境配置，通过cdn引入js，css，不打包依赖模块elementui目录vue打包区分环境，创建config文件，corss-env自定义全局环境配置，通过cdn引入js，css，不打包依赖模块elementui1. 使用 `corss-env` 自定义环境变量，不使用vue自身的环境变量（1）安装依赖（2）配置`package.json`中命令（3）使用 `process.env._ENV` 接收启动时的环境变量2. 配置cdn引入

WARN Cannot stringify a function transformRequest 16:46:55WARN Cannot stringify a funct

v-real-img 指令全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片在网络慢的时候，加载图片多的时候，可以达到占位图的效果使用方法：<img src="默认图片.png" v-real-img="真实图片.png">Vue.directive('real-img', async function (el, binding) {//指令名称为：real-img let imgURL = binding.value;

nuxt服务端渲染 vue检测图片加载失败onerror时，自定义指令处理全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片。在网络慢的时候，加载图片多的时候，可以达到占位图的效果// plugins/directive.jsimport Vue from "vue";/** * 全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片 * 在网络慢的时候，加载图片多的时候，可

上传图片限制图片尺寸async beforeUploadPicture(file) { // 直播大图 const width = 347 const height = 115 const isSize = await new Promise(function(resolve, reject) { const _URL = window.URL || window.webkitURL const img = new Image()

nuxt.js配置反向代理跨域安装依赖yarn add @nuxtjs/axios @nuxtjs/proxy -D配置nuxt.config.jsexport default { axios: { proxy: true // Can be also an object with default options }, proxy: { '/api': { target: 'http://test1.xxx.cn',//代理转发的地址 chan

vue.config.js基本配置，包括配置不打包的模块vue,elementui，通过cdn引入，提取css到单独的css文件，css、js添加hash值，修改端口号，配置跨域代理配置文件vue.config.js// 配置通过CDN引入的js/cssconst cdn = { externals: { 'vue': 'Vue', 'element-ui': 'ELEMENT' }, js: [ 'https://cdn.bootcss.com/vue/2.5.2

apicloud中ios使用iap购买及恢复购买，修改 _courseId 为 appconnect中设置的内购商品idios内购审核不通过Thank you for your reply.Regarding to Guideline 3.1.1, to restore previously purchased in-app purchase products, it would be appropriate to provide a "Restore" button and initiate

canvas画圆形进度/** * 圆圈进度 * @param el dom元素 * @param num 进度 * @param color num>0时 字体颜色 * @param lineColor 有进度-线颜色 */function drawCircle1(el, num, color, lineColor) { var ctx = el.getContext("2d"); var w = ctx.canvas.width; var h = ctx.canvas..

单行超出显示点点点overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行超出显示点点点overflow: hidden;width: 200px;height: 36px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /*2行末尾显示点点点*/...

方案1：配置多个环境变量，通过切换环境变量的方式切换node版本 方案2 ： 使用nvm实现多版本node切换https://juejin.cn/post/6889811457140064263

转载自 阮一峰的网络日志 (ruanyifeng.com)React-router路由库： ReactTraining/react-router: Declarative routing for React (github.com)示例库： react-router-tutorial/lessons at master · reactjs/react-router-tutorial (github.com)文 档： React Router 使用教程 - 阮一峰的网络日志 (ruanyifen

webpack抽离css报错，extract-text-webpack-pluginERROR in ./src/css/index.scssModule build failed: Error: “extract-text-webpack-plugin” loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usag

fiddler拦截模拟器中app的请求设置方法fiddler设置Tools -> Options -> connections 设置端口号可以勾选Allow remote compututers connect 过滤pc中请求模拟器中设置设置中选择WLAN，长按连接的网络，手动设置代理主机名：电脑的IP地址【ipconfig查看】端口号：fiddler中设置的一样成功！请求查看...

一、选中use Filters二、可以根据自己需要进行选择选项一、no zone filter 【 无区域过滤器 】show only intranet hosts 【仅显示内网主机】show only internet hosts 【仅显示互联网主机】选项二、hide the following hosts 【隐藏以下主机】show only the following hosts 【仅显示以下主机】flag the following hosts 【标记以下主机】三、应用acti

复制下面代码，新建文档保存为 a.reg文件,然后双击运行。Windows Registry Editor Version 5.00; 下载文件夹[-HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\NameSpace\{088e3905-0323-4b02-9826-5d99428e115f}]; 图片文件夹[-HKEY_LOCAL_MACHINE\SOFTWARE\Micros.

function repairZero(num, len) { if(String(num).length > len) return num; return (Array(len).join(0) + num).slice(-len);}js随机生成n条手机号，用于测试// 位数不足补0 function repairZero(num, len = 4) { if (String(num).length > len) return num;

webpack打包区分开发和生产环境，设置不同的publicPath1、安装 cross-envnpm i -D corss-env2、package.json中添加环境参数cross-env NODE_ENV=production 和cross-env NODE_ENV=development`"scripts": { "watch": "webpack --watch", "build": "cross-env NODE_ENV=production webpack",

js将文件大小字节转换成B，KB，MB，GB，TB方法目录js将文件大小字节转换成B，KB，MB，GB，TB方法使用if-else语法使用三元表达式语法使用if-else语法/** * 文件大小 字节转换单位 * @param size * @returns {string|*} */export const filterSize = (size) => { if (!size) return ''; if (size < pow1024(1)) return size

scp上传下载命令,从windows中上传或下载文件到linux系统目录中将doc目录中的文件下载下到本地电脑中，打开Windows服务器中的cmd命令# 下载 -r 代表递归，不加-r只能下载单个文件，不能是目录$ scp -r root@服务器ip:/opt/nginx/html/doc/ ./nginx-a将本地电脑中的文件上传到服务器中doc目录# 上传$ scp ./webpack多页面应用的使用.pdf root@服务器ip:/opt/nginx/html/doc/# 会提示

js图片压缩后上传方法,图片超过1M先进行压缩，然后再上传图片上传目录js图片压缩后上传方法,图片超过1M先进行压缩，然后再上传html代码js代码html代码<input type="file" name="file" class="file" id="uploadImg" multiple accept="image/jpg, image/jpeg, image/png" onchange="uploadFileChang()">js代码function uploa

标题textarea字数限制输入字数，超字数时截取字符串显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计数限制-aixiaodou.cn</title> <style> .tips { height: 200px; overflow: auto; } </style>

MongoDB基本使用MongoDB是一种文档导向数据库管理系统，由C++撰写而成。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。MongoDBMongoDB基本使用1.安装2.基本使用2.1数据库创建和删除2.2 集合的创建和删除2.3条件查询2.4 Limit()方法和Skip() 方法2.5 sort() 方法2.6 文档的插入更新删除1.安装开源版下载地址 https://www.mongodb.com/try/downlo

vue打包多页面应用使用 vue 2.6.11和vue-cli 4项目目录中的 vue-router没有使用，项目目录中的vuex没有配置，在各个页面js中配置即可git地址：https://github.com/zshuai34/vue-pages演示样式：项目目录打包后的目录项目地址：https://github.com/zshuai34/vue-pagesvue.config.js代码let path = require('path')let glob = require

vue-i18n国际化使用，vue-elementui中使用vue-i18n国际化多语言工具目录vue-i18n国际化使用，vue-elementui中使用vue-i18n国际化多语言工具1.安装2.main.js3.新建lang文件夹index.jszh.jsen.js使用方法一方法二1.安装npm i vue-i18n -S2.main.jsimport i18n from './lang' // internationalization// 修改vue引入elementuiVue.us

webpack笔记-安装依赖整理安装依赖整理#第一步的安装npm init -y npm i webpack webpack-cli -D#-D 开发依赖，上线不需要npx webpack #这个指令直接就默认生成dist的main.js，默认是生产环境#支持模块化 可以用commonJS语法#安装 挂载到内存的插件npm i webpack-dev-server html-webpack-plugin -D#安装 css-loader style-loader 解析css文

nginx开启gzip压缩打开 nginx-1.18.0\conf
ginx.conf 文件，在 http{}中添加gzip on; //开启gzip压缩gzip_disable "msie6"; //IE6以下对Gzip不怎么友好，不给压缩了gzip_min_length 1k; //最小的长度，1K，文件如果太小，小于1K，就不会压缩,因为没准压缩之后还要变大gzip_buffers 4 16k; //设置缓存的单位，压缩的时候要分配的缓冲区，缓冲区以16K为单位，往缓冲区写入内容的

npm包安装/升级，npm i --save和–save-dev区别，dependencies和devDependencies区别，package.json文件中版本号含义目录npm包安装/升级，npm i --save和--save-dev区别，dependencies和devDependencies区别，package.json文件中版本号含义npm包安装/升级package.json中安装依赖分类npm i --save和 npm i --save-dev区别package.json 文件中版本号含

安卓浏览器中video组件会显示大的播放按钮*::-webkit-media-controls-start-playback-button{ display: none; -webkit-appearance: none;}*::-webkit-media-controls-panel{ display: none; -webkit-appearance: none;}*::-webkit-media-controls-play-button{ display: none;

sassScss目录sass混合（Mixins）嵌套父选择器 &子选择器 >属性嵌套注释SassScript变量 $全局变量局部变量数据类型运算：数字运算除法运算颜色值运算字符串运算 +插值语句 `#{}`@-Rules与指令@import@media@extend控制指令@if@for@each@while混合指令（Mixin）定义混合指令 @mixin引用混合样式 @include参数参数默认值：关键词参数：参数变量向混合样式中导入内容函数指令SCSS输出格式1 `：nested`2 `

自定义滚动由右向左滚动js// 右 -> 左function markun(obj, delay, long, speed) { var ddd = obj.length; setTimeout(function () { setInterval(function () { for (var i = 0; i < obj.length; i++) { if ($(obj[i]).position().left <= (-500)) {

webstorm配置scss/sass自动转换成css代码打开webstorm file => settings => File Watchers 添加 scss在 Arguments 中配置 ：默认配置：$FileName$:$FileNameWithoutExtension$.css如果想自定义一些配置：--sourcemap=none --no-cache -t compact $FileName$:$FileNameWithoutExtension$.css--sou

webpack基本使用目录webpack基本使用打包基本使用打包js打包htmlpackage.json 中依赖包问题：html中img src引入图片不打包使用scss安装scsswebpack.config.js配置使用extract-text-webpack-plugin使用 autoprefixer安装autoprefixer根目录新建`postcss.config.js` 文件webpack.config.js配置package.json配置安装jquerynpm安装jqueryCND引入jqu

commonJS规范笔记目录commonJS规范笔记1.概述2.module.exports和exports3.require命令3.1基本用法3.2 加载规则3.3 目录的加载规则3.4 模块的缓存3.4 require.main4.导入导出模块es5中es6中export defaultexport1.概述2.module.exports和exportsmodule.exports属性表示当前模块对外输出的接口，其他文件加载该模块，实际上就是读取module.exports变量。为了方

cookie/sessionStorage/localStorage封装使用cookie/*设置cookie*/function setCookie(name, value, expires) { var exp = new Date(); exp.setTime(exp.getTime() + expires * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTStri

Windows下nginx命令进入nginx目录 e:/nginx-1.18.01.启动：start nginx#启动完之后命令窗口可以关闭，和双击nginx.exe效果相同# 或者./nginx.exe./nginx# 执行完之后，命令窗口会一直处于执行中，不能进行其他命令2.停止./nginx -s stop# 或者./nginx -s quit# stop是快速停止nginx，可能并不保存相关信息；quit是完整有序的停止nginx，并保存相关信息。3.重新载入ngi

防抖当持续触发事件的时候，函数是完全不执行的，等最后一次触发结束的一段时间之后，再去执行。使用场景【输入实时查询、多次点击按钮】持续触发不执行不触发的一段时间之后再执行节流节流的意思是让函数有节制地执行，而不是毫无节制的触发一次就执行一次。什么叫有节制呢？就是在一段时间内，只执行一次。使用场景【监听鼠标滚动，下拉加载数据】持续触发并不会执行多次到一定时间再去执行防抖演示：（频繁调用，只执行最后一次）节流演示：（频繁调用，每隔一段时间执行一次）代码演示<!DO

js全屏模式下无法监听esc按键，解决办法：onresize 监听窗口改变window.onresize = function() { if (!checkFull()) { // 要执行的动作 }}function checkFull() { var isFull = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenEl

自定义弹出框title: 弹出框标题fullScreenIcon: { // 是否显示全屏按钮btnShow: { // 是否显示操作按钮closeBtn: { // 关闭按钮-文字submitBtn: { // 确定按钮-文字popWidth: { // 弹出层宽度使用方法<popContent v-if="dialogVisibleScore" :pop-width="1000" :full-screen-icon="true" :btn-show="fals

css布局双飞翼布局圣杯布局flex，float目录双飞翼布局 （三列布局，高度铺满，两边定宽，中间自适应）三栏等高布局 (高度不定，但是等高)圣杯布局flex圣杯布局float双飞翼布局 （三列布局，高度铺满，两边定宽，中间自适应）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi

一、生成ssh密钥这里我们要做的事情就是分别对githubn和gitlab生成对应的密钥（默认情况下本地生成的秘钥位于/Users/用户名/.ssh/），并且配置git访问不同host时访问不同的密钥，流程如下：1、 在gitbash中使用ssh-keygen -t rsa -C "公司邮箱地址"生成对应的gitlab密钥：id_rsa和id_rsa.pub2、 将gitlab公钥即id_rsa.pub中的内容配置到公司的gitlab上3、 在gitbash中使用ssh-keygen -t rsa

nodejs在测试时有的接口会超时无响应在log信息中查看到总是固定这个接口会超时，造成无法响应，搜了搜是因为连接池在使用结束后一定要释放， pool.getConnection(function (err, connection) { if (err) { req.send({success: false, msg: err.message, retcode: 400...

目录时间、空间复杂度比较1 冒泡排序代码2 选择排序代码3 插入排序代码4 快速排序代码5 堆排序代码6 归并排序代码7 希尔排序代码8 计数排序代码9 桶排序代码10 基数排序代码时间、空间复杂度比较排序算法平均时间复杂度最差时间复杂度空间复杂度数据对象稳定性冒泡排序O(n2)O(n2)O(1)稳定选择排序O(n2)O(n2)O(1)数组不稳定、链表稳定插入排序O(n2)O(n2)O(1)稳定快速排序O(n*log2n)O(n2)

elementUI table自定义表头弹框搜索，排序，显示tag标签允许一种排序，多种搜索条件包括三种类别，添加了solt插槽，也可以自定义：输入框[input]多选[checkbox]范围值[from-to]目录先上效果图标签tags使用方法标签tags代码===== 分割线 =====搜索弹出框使用方法搜索弹出框 selectCont 代码store中 creditManage 代码utils/tags 代码先上效果图标签tags使用方法绑定普通标签数据，排序数据，关闭排序标签

snv设置http访问安装httpdyum install -y httpd subversion mod_dav_svn修改允许http访问svn的路径cd /etc/httpd/confvim /etc/httpd/conf/svn.conf 添加下面代码，注意svn的路径 SVNPath、 AuthUserFile、 AuthzSVNAccessFile<Location /svnrepo3691> DAV svn #SVNParentPath /opt/

标题百度地图api添加覆盖点实现，搜索添加，鼠标点击添加，鼠标测距AIXIAODOUCN博客script引入百度Api的时候，需要自己申请key用到了layer弹出层，可在layui官网下载 https://layer.layui.com/具体代码实现：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&

身份证号： /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/手机号： /^1[3456789]\d{9}$/数字： /^[0-9]*$/n位数字： /^\d{n}$/至少n位数字：/^\d{n,}$/m-n位数字：/^\d{m,n}$/正数（包括小数）：/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/正整数(不包括小数): /^[+]{0,1}(\d+)$/Email地址：/^\w+([-+.]\w+)*@\w+([-.]\w+

重装系统时提示：windows无法安装到这个磁盘。选中的磁盘具有MBR分区表。在EFI系统上，Windows只能安装带GPT磁盘解决方法：使用U盘启动，进入安装界面 => 选择界面，按shift+F10，打开cmd命令窗口输入命令diskpart # 进入diskpartlist disk # 磁盘列表select disk 0 #(0是要操作的磁盘序号)clean # 删除磁盘分区&格式化convert gpt #将当前磁盘分区设置为gpt形式create partiti

目录支付流程具体实现一、前端调用登录获取code二、服务端接收code，服务端调用微信api获取openId三、前端点击去支付时四、服务端请求微信统一下单接口五、前端获取到prePay_id 调起支付六、注意支付流程点击去结算时，，前端判断是否登录【未登录跳转到登录页】,登录发送code到服务端，服务端使用code发送请求去获取openId；并返回userId/openId存储在storage；点击去支付时，前端发送请求【订单详细，openId】，服务器用openId去统一下单，下单成功后，获

wepy vue 小程序购物车实现方案目录wepy vue 小程序购物车实现方案需求：购物车功能实现结果如下图实现：两种方法简单介绍第1种：减1和加1代码一样简单介绍第2种：减1和加1代码一样商品页和购物车页面搜索页面需求：购物车功能超市添加购物车，可在购物车、搜索页和商品页中添加删除实现结果如下图实现：两种方法简单介绍第1种：减1和加1代码一样每次添加删除都会遍历一遍购物车的数据（提交数据时方便，添加删除麻烦，不知道有什么好的方法），这种方法购物车数据和商品数据结构一致。let good

新建 utils.wxsvar filters = { toFix: function (value) { return value.toFixed(2) }}module.exports = { toFix: filters.toFix}<wxs module="filters" src="../utils/utils.wxs"></wxs>页面中使用<view>￥{{filters.toFix(goodsPrice)}}<.

store中需要引入很多modules/*.js , 可以使用require.context目录require.context()原：store/index.js改：可以使用`require.context`require.context()require.context() MDNrequire.context(directory, useSubdirectories, regExp)// 例子require.context('./test', false, /\.test\.js$/);

通过css实现简单的轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播...

vue和elementUI中下拉选选中时触发方法，改变列表中选中数据，通过锚点定位进行滚动展示实现：主要是运用了js锚点的方法，进行页面滚动到选中的列表显示出来；select的change事件触发锚点方法location.href= '#ID'效果图：方便观察，将select放在了列表下面完整代码：<template> <div class="abou...

vue-router中query和params传参区别目录$router 和 $routequery传参params传参$router 和 $route$router: router-实例属性 和 router-实例方法， 路由跳转的处理。$route: 路由对象属性， 当前路由的属性/参数。打印 $route 有一以下属性：{ fullPath: "/foo" ...

vue-router为history模式时,vue-cli构建项目打包出现404当 /config/index.js 中配置如下时：assetsSubDirectory: 'static',assetsPublicPath: '/',vue-cli构建项目打包出现404解决办法：/build/util.js 中添加 publicPath: '../../'if (options.e...

问题：vue项目打包后，vendor.js 达到800多KB太大， 服务器慢需要加载十几秒解决：通过使用CDN引用加速，不让webpack打包vue/vuex/vue-router/elementui/axios，vendor.js 变成 20几KB，加载速度提升很大方法index.html 引入CDN<script src="https://cdn.bootcss.com/...

JS实现深拷贝和浅拷贝及区别深拷贝和浅拷贝对比浅拷贝优：与深拷贝相比不占用内存，不影响性能缺：因使用的同一个地址，B值改变，A值也会随着改变深拷贝优：有自己独立属性、地址，不可被更改缺：与浅拷贝相比占用内存，并非常影响性能问题，不建议大范围的使用简单数组实现深拷贝方法通过for循环遍历赋值arr.splice(),截取数组元素(start, end) 默认...

vue动画笔记学习地址 https://cn.vuejs.org/v2/guide/transitions.html简介vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果，包括以下工具：在css过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScri...

拓展jquery转载地址1.给jquery绑定方法<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> // 方法 1 // jQuery.方法名 = function (参数) { // // 执行...

stylus笔记笔记：学习记录 https://www.zhangxinxu.com/jq/stylus/interpolation.php 1. 变量(Variables)$font-size = 14pxbody font $font-size "宋体"属性查找可以定义变量h 和前置@width来访问该属性名对应的值.logo width 100px ...

个人笔记：学习记录一、数组：1. 求数组最大数：// ES5写法Math.math.apply(null, [14, 3, 77]);// ES6写法Math.max(...[14, 3, 77]);// 等同于Math.max(14, 3, 77);2. 将一个数组添加到另一个数组的尾部// ES5写法var arr1 = [0, 1, 2];var arr2 = [3...

.eslintrc.js 中 rules配置选项总是提示添加句尾分号；关闭=代替的告警关闭switch没有default的告警关闭数组函数没有return的告警关闭a标签href无url的告警关闭jsx a标签无效的告警关闭jsx a标签无内容的告警rules:{ 'semi': ["error", "always"], // 总是提示添加句尾分号 'eqeqeq': '...

git 常用操作创建tag和分支，合并分支到master#查看全部 Taggit tag#创建Taggit tag ${tag}#删除 Taggit tag -d ${tag}git push origin :refs/tags/${tag} 　#本地tag删除了，再执行该句，删除线上tag#提交到Taggit push -u origin ${tag}#查看全部 Bran...

typescript目录基础语法TypeScript基础类型变量声明变量作用域运算符循环for...infor...offorEacheverysomedo...while 循环break语句continue 语句函数Lambda函数函数重载Numberprototype实例Number对象方法String 字符串Array 数组数组解构数组迭代多维数组元祖元祖运算解构元祖联合类型接口实例：接口...

实现js拖动div实现步骤：鼠标按下时，标记元素为可拖动状态，并记下鼠标当前位置的偏移；鼠标开始移动，判断元素状态是否可以拖动，如果是则更新元素位置到当前鼠标的位置；放开鼠标后，元素变为不可拖动状态。图示解释：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...

解决vue多个路由共用一个页面，路由传参不同，页面显示数据不同，重新加载数据配置 unitType判断路由路由配置 router/index.js：children: [ { path: 'pilotUnit', name: 'pilotUnit', component: _import('pilotUnit/index'), ...

题目：实现函数接受任意二叉树，求二叉树所有根到叶子路径组成的数字之和。解决办法：使用递归方法层层遍历相加// 1// 2 3// 4 5 6 7//结果：(1+2)+(1+3)+(2+4)+(2+5)+(3+6)+(3+7) // 39// 实现函数接受任意二叉树，求二叉树所有根到叶子路径组成的数字之和。class TreeNode { value: nu...

从返回的list中提取id var alist ={"retcode":"0","retdesc":"操作成功","serverIp":"10.8.0.1","treeList":[{"children":[{"children":[{"name":"添加","id":4,"privilegeType":2,"status":1},{"name":"修改","id":5,"privilegeTy...

1、使用递归方法let arr = []function addNum(num){ if (num < 10) { arr.push(num) addNum(++num) } else { console.log(arr) }}addNum(0)2、Array.apply()let arr = Array.apply(null, {length: 10}...

map()、forEach()、filter() 、find()、findIndex()、slice()、splice()、split()map() 方法map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。map() 不会对空数组进行检测map() 不会改变原始数组nums.map(x => x + ...

关于小数点失精问题，解决办法：Math.round(0.07*100)> 0.14*100< 14.000000000000002> 0.07*100< 7.000000000000001> Math.round(0.07*100)< 7

React笔记本人在菜鸟教程网站学习React的记录、记录、记录，看到文章的你可以忽略或者转到https://www.runoob.com/react/react-tutorial.html文章目录React笔记一、JSX二、组件注意：怎样选择组件组件中props和state/data之间的区别三、State状态四、React Props默认PropsProps验证五、React事件处理JS...

获取ID方法// 获取UUIDfunction getUUID (n = 32) { var str = "abcdefghijklmnopqrstuvwxyz0123456789"; // 可以作为常量放到random外面 var result = ""; for(var i = 0; i < n; i++) { result += str[parseInt(M...

redis安装下载地址 https://github.com/MSOpenTech/redis/releases解压—添加环境变量计算机-右键属性-高级系统设置-高级-环境变量-path添加redis地址 C:\soft\Redis-x64-3.0.504打开cmd窗口，进入redis目录下,redis-server.exe redis.windows.conf如果添加了环境变量，...

八大数据结构 —— 数组 栈 队列 链表 树 散列表 堆 图1. 数组优点：按照索引查询速度快、遍历数组方便缺点：数组大小固定后无法扩容数组只能存储一种类型的数据添加删除慢（需要移动其它元素）使用场景：频繁查询，对存储空间要求不大；增加删除少的情况一维数组：a[0] a[1] a[2] a[3]2. 栈栈是一种特殊的线性表，仅能在线性表的一端操作，栈顶允许操作，栈底...

1. 安装nodejs环境https://nodejs.org/zh-cn/2. 下载编译脚本链接: https://pan.baidu.com/s/1xskmRTV4Ou80c8ZTCNowiQ 提取码: 5fse3. 下载安卓模拟器（夜神/其他）下载后安装 re管理器和微信https://www.yeshen.com/4. 找源码在微信中运行一遍要小程序，然后打开re管理器/...

vue-nodejs-elementUI-mysql-express-demo 入门项目，包含登录注册，列表查询分页在学习过程中，自己编写的入门项目，有什么好的建议欢迎评论，互相学习。github地址 https://github.com/zshuai34/vue-nodejs-elementUI-mysql-express-demo本项目为入门项目，采用前（vue）后（nodejs）端分...

nodejs在linux中持久运行使用 forever安装 npm install -g forever启动 forever start ./bin/www如果启动报错：查看forever安装路径,使用绝对路径启动/opt/node-v10.9.0-linux-x64/lib/node_modules/forever/bin/forever为我linux中forever的安装路径/...

nginx部署vue项目刷新404,正常访问没问题，只有在刷新的时候出现问题vue-cli官网给出的解决方案：https://cli.vuejs.org/zh/guide/deployment.html#docker-nginxtry_files $uri $uri/ /index.html;server { listen 80; server_name lo...

nodejs 使用express框架创建入门项目需要安装nodejs安装express#安装expressnpm i express -g#安装命令行工具npm i express-generator -g#检测express是否安装成功express --version创建express项目执行express express-demo，新建express项目，文件目录说...

nodejs 获取请求头方法router.post('/user_list', function (req, res, next) { // 获取前端请求头发送过来的sessiontoken var token=req.headers.sessiontoken // 如果想要查看一下请求头都包含哪些信息，可以log一下header console.log(req.headers...

js时间戳格式化方法function formatTime(value) { if(value) { let date = new Date(value * 1000) // 时间戳为秒：10位数 //let date = new Date(value) // 时间戳为毫秒：13位数 let year = date.getFullYear() let month = date....

nodejs连接mysql数据库，获取用户列表…/model/connDb.js// 实现与mysql交互var mysql = require('mysql');// mysql配置var config = { host: '119.23.191.165', user: 'root', password: 'root1234', database: 'demo2', port...

nodejs express中设置请求头允许跨域设置请求头允许跨域请求app.js 文件中添加 代码var app = express();app.all('*', function (req, res, next) { // 设置请求头为允许跨域 res.header('Access-Control-Allow-Origin', '*'); // 设置服务器支持的所有头信息...

nodejs 中使用 jsonwebtoken安装jsonwebtokennpm install jsonwebtoken -s签名方法:jwt.sign(payload, secretOrPrivateKey, [options, callback])解析验证方法:jwt.verify(token, secretOrPublicKey, [options, callback])...

配置vue-router，控制页面登录后可见，未登录跳转到登录login页面官网文档地址https://router.vuejs.org/zh/api/#router-beforeeachrouter/index.js_import为自定义js，就不放出来，直接import组件即可import Vue from 'vue'import Router from 'vue-router'...

string 转换 json、array// string 转换 json 使用 JSON.parse() 方法将数据转换为 JavaScript 对象let str = '{"a": "1", "b": "2"}'console.log(JSON.parse(str)) // {a: "1", b: "2"}// json 转换 string 使用 JSON.stringify() ...

在hexo博客md文件中使用codepen代码样式预览 See the Pen WNNzeZZ by zshuai34 (@zshuai34) on CodePen.从codepen上复制的html代码<p class="codepen" data-height="265" data-theme-id="0" data-default-tab="css,result...

使用elementui 中table实现多选树表格，可多选，可全选，本文将原来的进行了更改，适配自己的需求，查看原demo请查看https://blog.csdn.net/qq_32442967/article/details/103068920注：element-ui@2.5.4版本完美支持，在新版本elementUI中，默认不全展开时，会出现问题，在默认全部展开时不影响效果。样式：...

样式：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">...

微信小程序接入微信支付的详细文档及介绍，请查看博客中的另一篇文章，微信小程序支付开发流程教程注意事项及解释 ，本文只含演示代码，不做过多解释。https://blog.csdn.net/qq_32442967/article/details/102726098 wxpay: function () { var that = this //登陆获取code wx.logi...

本文为自己整理使用，刚开始接触微信小程序中接入微信支付，所以看了一些微信支付的文档，整理了一下。最近看了看微信支付的文档，感觉越看越乱，然后就一边看文档一边整理，整理了一下微信小程序接入微信支付的方法，以及一些规则和注意事项。一、接口规则1.协议规则:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=4_1采用HTTPS...

在小程序中需要显示以前写好的html代码，所以想办法对html进行解析，解析成微信小程序能够识别的代码，展示html。分析html代码格式2. **拆分 html代码**，拆分出 css、 js、 body中的内容；3. **转换html代码**，转换为微信小程序能够识别解析的代码；【转换div标签为label标签、转换行内样式为css样式、做兼容处理】4. **处理css样式**，本需求中的样式都是引用的同一个css文件，所以将

ios微信小程序虚拟支付整理介绍微信小程序虚拟支付仅涉及到ios端，安卓端不受影响。小程序支付规范https://developers.weixin.qq.com/miniprogram/product/#_14-%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%94%AF%E4%BB%98%E8%A7%84%E8%8C%83在苹果（Apple）iOS 系统下，微信小程序不可提...

Document.visibilityStatedocument.visibilityState 的几个状态值：‘visible’ : 此时页面内容至少是部分可见. 即此页面在前景标签页中，并且窗口没有最小化.‘hidden’ : 此时页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态，或者操作系统正处于 ‘锁屏状态’ .‘prerender’ : 页面此时正在渲染中, 因此...

Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。更多详细的用法，参考 Vue I18n官网文档个人认为 Vue I18n 很有用，所以用博客记录一下，方便以后查找使用HTML<script src="https://unpkg.com/vue/dist/vue.js"></script><...