辰九九-CSDN博客

🍉 模块化特点解决命名污染，全局污染，变量冲突等内聚私有，变量不能被外部访问更好的分离，按需加载引入其他模块可能存在循环引用问题代码抽象，封装，复用和管理避免通过script标签从上至下加载资源大型项目资源难以维护，特别是多人合作的情况CommonJS服务端解决方案。加载速度快(因为模块文件一般存在本地硬盘)**每个文件是一个模块，**有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。运行时加载，只能在运行时才能确定一些东西同步加载，

2022-05-19 12:39:30 256 1

原创【JS】每日一题：异步解决方案

🌰 异步解决方案同步操作：顺序执行，同一时间只能做一件事情。缺点是会阻塞后面代码的执行。异步：指的是当前代码的执行作为任务放进任务队列。当程序执行到异步的代码时，会将该异步的代码作为任务放进任务队列，而不是推入主线程的调用栈。等主线程执行完之后，再去任务队列里执行对应的任务。优点是：不会阻塞后续代码的运行。异步场景?定时任务：setTimeout、setInterval网络请求：ajax请求、动态创建img标签的加载事件监听器：addEventListener回调回调函数就是我们请求成功

2022-05-18 12:27:59 228

原创 PicGo+Typora+Gitee个人图床搭建教程

以前自己写笔记，都是把图片存在一个文件夹然后再上传到gitee仓库，昨天发现了一个好东西——picgo。当图片变多时，不仅下载困难，而且查看时可能会影响画质，所以我们使用picgo图床对图片进行存储。picgo是一个图床，我们可以选择将图片上传到gitee或是云服务器中，这样无论是写博客还是其他，都能直接通过链接访问到图片，很是方便快捷。工具下载picgopicgo 2.3.1-beta.3 GitHub 地址ps：如果下载速度慢的话，可以考虑使用以下镜像地址picgo v2.3.0/ Typ

2022-05-02 08:11:49 459 1

原创 proxy_pass和proxy_set_header浅析

目录背景proxy_passproxy_set_header参考文档背景部署项目,编辑Nginx配置文件时,用到了proxy_pass和proxy_set_header,由于之前用的比较少,所以顺便去了解一波proxy_pass#结尾不加/location /abc/ {proxy_pass http://10.1.12.123:8080;}#结尾添加/location /abc/ {proxy_pass htt.........

2022-04-17 21:48:40 17753

原创 LeetCode-1049. 最后一块石头的重量 II-JS版本

1.题目原题地址https://leetcode-cn.com/problems/last-stone-weight-ii/有一堆石头，用整数数组stones 表示。其中stones[i] 表示第 i 块石头的重量。每一回合，从中选出任意两块石头，然后将它们一起粉碎。假设石头的重量分别为x 和y，且x <= y。那么粉碎的可能结果如下：如果x == y，那么两块石头都会被完全粉碎；如果x != y，那么重量为x的石头将会完全粉碎，而重量为y的石头新重量为y-x...

2022-04-17 16:28:56 101

原创 leetcode-416. 分割等和子集JS版本

1.题目题目原地址https://leetcode-cn.com/problems/partition-equal-subset-sum/给你一个只包含正整数的非空数组nums 。请你判断是否可以将这个数组分割成两个子集，使得两个子集的元素和相等。示例 1：输入：nums = [1,5,11,5]输出：true解释：数组可以分割成 [1, 5, 5] 和 [11] 。示例 2：输入：nums = [1,2,3,5]输出：false解释：数组不能分割成两个元.

2022-04-17 15:37:56 348

原创 96. 不同的二叉搜索树(JS动规)

题目描述给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的二叉搜索树有多少种？返回满足题意的二叉搜索树的种数。示例 1：输入：n = 3输出：5示例 2：输入：n = 1输出：1提示：1 <= n <= 19参考代码var numTrees = function(n) { let dp=Array(n+1).fill(0); dp[0]=1; for(let i=1;i<=n;i++

2022-04-11 08:10:40 1124

原创 Umi3.5配置全局路由及菜单

目录需求分析功能实现1.构建全局layout页面并实现路由跳转2.全局layout根据路由配置生成具体菜单需求分析本文与上一篇文章利用umi.js 3.5+Dva.js 搭建React框架无缝连接，上文我们实现了React开发环境的基本搭建。但是根据我们的使用经验，还有一个功能缺席：全局菜单显示，点击跳转到不同的页面实现效果如下所示：功能实现1.构建全局layout页面并实现路由跳转UmiJs 约定式路由src/文件夹下新建layouts文件夹

2022-03-17 18:20:27 4621

原创电信杯网球比赛系统_项目总结

项目介绍电信杯网球比赛系统小程序采用比赛邀请制，实现了赛事创建，发起比赛邀请制，比分填写，规则定制，运动员基础水平管理等系列功能，适用于网球比赛；用户通过工号注册登录，后台根据 openId 是否和工号一对一绑定判断是否是用户本人。系统包括微信小程序（Taro.js+Dva.js）和后台管理平台（React.js+A ntdPro）。能适配安卓，iPhone，iPad等不同机型。负责内容微信小程序1.比赛邀请制后台管理平台1.比赛管理、用户管理和规则管理

2022-03-13 12:39:55 1197

原创安州市市场监督一体化平台_项目总结

项目介绍安州市事通是并配套相应的后台管理系统。这是笔者第一次采用原生进行微信小程序的开发，遇到一些不能理解的问题，只有去认真地看官方文档，同时也培养了自己阅读文档的习惯，以下列举了自己开发中遇见的问题和解决方法负责内容小程序后台所遇问题项目总结和个人收获...

2022-03-11 20:22:58 435

原创利用umi.js 3.5+Dva.js 搭建React框架

搭建umi基本框架umi.js脚手架基本搭建搭建完成后得到下图所示目录结构：使用命令启动项目yarn start因为项目默认使用ts和React Hooks没有引入 Dva.js引入dva.js找到项目目录下的 .umirc.ts 文件，加入如下配置项 dva: { immer: true, // 表示是否启用 immer 以方便修改 reducer hmr: false, // 表示是否启用 dva model 的热更新 },在src下新建models文

2022-03-08 20:31:49 1486

原创 umi 如何使用 proxy 代理解决开发环境跨域问题

跨域是什么由于浏览器的同源策略限制，当一个请求 URL 的协议、域名、端口和当前页面 URL 任意一个不一致时都会出现跨域错误。eg：用node run了一个http://localhost:8080 的服务，在这个服务器下访问的网页也默认在 http://localhost:8080 这个域下面；假设服务端所在的域是http://example.com这样通过ajax发送请求的话;由客户端直接传过去的就是一个域名为 http://localhost:8080 的请求；而服务端所在的域是 ht

2022-03-08 16:34:43 8062

原创 Taro 3.4.7 + Dva.js + taro-ui 搭建微信小程序

前期准备微信开发者工具安装Node安装 Taro使用 npm 或者 yarn 全局安装 @tarojs/cli# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli# OR 安装了 cnpm，使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cli查看 Taro 全部版本信息可以使用 npm info 查看 Taro

2022-03-08 12:54:59 1884

原创解决 filezilla 连接服务器失败问题

问题描述开始一直用的 XFTP 后来，它变成收费软件了所以使用filezilla 代替 XFTP按要求输入相关字段，连接连接失败问题分析修改传输协议，因为FTP 传输协议太古老，我们现在使用 SFTP连接成功！参考文档FileZila 官网...

2022-03-07 12:51:54 10515 2

原创 Taro UI AtSwipeAction不生效解决方法

问题描述taroui版本如下："taro-ui": "^3.0.0-alpha.3"使用SwipeAction没有生效解决方法官方文档书没写全，需要另外添加两个属性1.maxDistance 滑块最大滑动距离2.areaWidth 组件宽度 (如果不引用会导致组件占位宽度为0，不会显示) <AtSwipeAction maxDistance={70} areaWidth={Taro.getSystemInfoSync().windowWidt

2022-02-27 19:35:14 1133

原创微信小程序上线后时间格式显示问题

问题描述问题分析 setTime = () => { // const date = new Date().toLocaleTimeString('chinese', { hour12: false }).slice(0, -3); const date=moment(Date.now()).format('HH:mm'); return date; }

2022-01-12 15:52:51 1505

原创为Taro微信小程序添加登录功能并提交体验版

需求分析项目描述：Taro.js+Dva.js+React开发，用于网球比赛的组织和管理，包括运动员信息管理、积分管理、规则修改和新闻查看等功能。需求描述：为小程序添加用户注册登录功能并提交体验版。由于项目特殊性，允许使用小程序的用户信息已经提前导入进了数据库，信息包括工号，姓名等字段（工号为用户唯一标志）。注意事项：1.小编这个小程序不需要使用用户微信昵称、微信号和手机号等个人信息。2.不能强制用户对微信申请个人信息请求进行授权，即用户不登录也能访问小程序，只有当用户使用需要账户信息的功能时

2022-01-08 12:41:38 1642

原创 Taro使用Dva的connect model，打印model为undefined

问题描述Taro.js开发微信小程序，使用connect连接model，打印model为undefined问题分析Taro.js不支持umi，所以需要手动挂载注册model，这样解决问题了PS：一定要记得呀，多积累经验

2022-01-07 16:17:34 553

原创解决报错SyntaxError：Unexpected end of JSON input

需求分析跳转页面时，需要将对象类型的数据详情一起传过去，另一个页面来显示。 // 跳转核销详情界面 jumpVerifyDetail: function (data={}) { if(!this.judgeObjIsEmpty(data)){ const newData = JSON.stringify(data); wx.navigateTo({ url: `./verifyDetail/index?newData=` + newData,

2021-12-05 18:58:36 74358 9

原创微信小程序如何向页面传多个参数

需求分析获取文章详情并跳转页面显示，我们需要传递两个参数过去，那么如何处理呢？我们使用&将两个或以上的参数拼接起来就可以，注意，页面跳转不能使用对象传参，会报错。 wx.navigateTo({ url: `./verifiedDetail/index?shopUid=${shopUid}&cardUid=${cardUid}`,})解决方法然后，在跳转页面的onLoad中，就得到我们传递过来的参数了。onLoad: function (options) { conso

2021-12-04 18:42:57 3182

原创 CSS实现一个盒子遮盖另一个盒子的效果

需求分析需要实现如下图所示效果，盒子A被盒子B遮盖一部分需求实现我们知道，盒子重叠问题可以用“子绝父相”来解决。父盒子设置为相对定位，子盒子设定为绝对定位。然后我们再设置对应的top 或 bottom达到效果。但是我这里，子绝父相，会使B盒子直接跑到页面顶部，然后我把父盒子的position取消掉，就可以了。设定B盒子的堆叠顺序z-index：999，默认最高（拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。）否则，B盒子还是不会遮盖掉A盒子这里我们交换了A B盒子代码的顺序，这

2021-11-24 21:15:20 7504

原创微信小程序动态生成view结构

需求描述如下图所示，虽然现在只有两个控件，但是考虑到后期可能存在业务拓展，现需要使其动态生成。需求分析在index.js中存featureList变量保存控件相关数据，记录name,func（点击事件），index.wxml页面遍历featureList，只需要写一个view结构即可。//index.js featureList: [{ key: '1', name: '卡券核销', func:"onVerifyCard" }, { key

2021-11-24 20:50:16 2080

原创 TypeError:Cannot read properties of undefined（reading XXX）

问题描述我们在GetNav方法中使用map遍历数组为每一个元素动态生成一列数据,并为每一列数据加上onClick事件，运行报错updateRoute为undefined问题分析map里面的function声明，这种声明方式因为是独立执行，在严格模式下this指向undefined经过验证，打印出来的this确实为undefined因此修改map里面的name方法为箭头函数即可解决问题return arr.map((item)=>{……})问题总结本文归根结底为this指

2021-11-19 13:51:19 45049

原创使用Promise解决请求先后次序问题

问题分析需求：点击事件实现快速新增一篇文章最开始的方案根据文章uid去model中存的list找数据，再发送一个新增请求即可实现。但是list中没有存文章的content，此时就不得不发送两次请求，先获取文章详情，拿到详情内容再作为参数发送新增请求。问题：详情请求数据成功之后，再请求新增接口。也就是说第二次的请求需要使用第一次请求得到的数据。问题解决思路：使用promise实现异步操作。问题总结参考文档...

2021-11-16 18:13:43 2366

原创 React 16.X 实现不同API对应同一路由

Situation一个后台项目，现在有三个模块，除了模块名字和个别需求不一样之外，其他几乎一模一样，我们想要把他们合并一下，这样就不用写三个路由建三个文件夹了Task配置三个URL区分模块，同时为三个模块配置同一个路由。因为每一个模块对应的接口都是不同的，那么问题来了，我们如何区分当前页面是哪一个模块呢？Action1.最开始的解法是在index的ComponentDidMount中根据URL判断当前页面的moduleType并将其存在state中；这样就存在一个致命的问题，后面

2021-11-15 21:51:03 856 1

原创 JS策略模式_优化代码实例

策略模式策略模式：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。将不变的部分和变化的部分隔开是每个设计模式的主题，策略模式也不例外，策略模式的目的就是将算法的使用与算法的实现分离开来。一个基于策略模式的程序至少由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分是环境类Context，Context 接受客户的请求，随后把请求委托给某一个策略类。要做到这点，说明Context中要维持对某个策略对象的引用。JS设计模式之策略模式

2021-11-05 09:43:26 255

原创解决 Nginx 部署 Web 项目刷新报错 404

项目打包run build//打包项目文件项目上传在目录/var/www/html下新建项目文件夹，将打包后的项目dist文件夹中的内容copy过去。添加配置文件配置文件的内容重新启动服务nginx -s reload配置成功浏览器输入地址，看到页面，配置成功。...

2021-11-01 12:55:22 3166

原创 win10安装Oracle并使用PL-sql连接数据库

安装包准备官网Oracle下载plsql安装提供一个破解中文版，亲测可用，需要请百度网盘自取，链接永久有效。plsqldev破解版下载提取码：mqhvPS：小编是根据以下两个教程弄好的Oracle数据库使用，如有其它问题，欢迎评论区补充讨论。安装OracleWindows10下安装Oracle 11g安装完毕之后，可测试：安装pl-sqlPLSQL Developer安装详细步骤使用pl-sql建表以系统账号用户登录——》新建用户——》再建表总结万事开头难，

2021-10-30 12:40:50 334

原创解决Taro微信小程序Canvas层级太高覆盖Modal组件问题

问题描述使用Taro-ui的AtAccordion（手风琴）组件放在modal中。但是真机调试的时候，下面图层的圆环会覆盖在AtAccordion的上面。如下图所示：问题分析canvas层级太高导致模态框被覆盖掉z-index和蒙层的问题。因为canvas组件是由客户端创建的原生组件，原生组件层级是最高的，所以页面中的其他组件无论设置 z-index为多少都无法盖在原生组件上。想试着用cover-view组件，能覆盖canvas，map，video，camera等原生组件。但是也有一定的

2021-10-21 09:07:04 1546 1

原创 Xftp-Web前端项目部署

连接服务器找到部署文件如果记得项目部署所在文件夹，可以跳过此步骤。更新项目部署文件夹完成部署在浏览器打开网址，即可看到所部属的项目界面，完成部署。

2021-10-17 09:26:03 630

原创 MPICH2安装&Visio Studio环境配置

MPICH2安装下载Mpich2Windows系统选择 mpich2-1.4.1p1-win-x86-64.msi（64位），或者 mpich2-1.4.1p1-win-ia32.msi（32位），建议各位道友选择64位下载，同时需要编制64位应用程序。其他操作系统的可以选择mpich2-1.4.1p1.tar.gz。如果要使用其他版本的MPICh2，可以点击该页面上的“parent directory”进行查找。这里题主安装的是window10 64位。双击下载好的msi一路next。可参考

2021-10-10 16:44:18 1229

农业滴灌控制技术计划书-最终版.docx

想换一台预算在6000上下的电脑？有推荐吗？