- 博客(125)
- 收藏
- 关注
RSS订阅原创 NFC-MifareClassic1K卡-M1卡详解
参考文档：https://developers.weixin.qq.com/community/develop/article/doc/0008ea3fa80b881383cf54bcd51813。
2024-05-21 18:24:16
317
原创 重学 VUE —— 一、创建一个应用
如果你正在使用 Vue 来增强服务端渲染 HTML，并且只想要 Vue 去控制一个大型页面中特殊的一小部分，应避免将一个单独的 Vue 应用实例挂载到整个页面上，而是应该创建多个小的应用实例，将它们分别挂载到所需的元素上去。createApp API 允许你在同一个页面中创建多个共存的 Vue 应用，而且每个应用都拥有自己的用于配置和全局资源的作用域。我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。应用根组件的内容将会被渲染在容器元素里面。
2024-02-05 18:27:09
602
原创 react 学习 —— 16、使用 ref 操作 DOM
有时你可能需要访问由 React 管理的 DOM 元素 —— 例如，让一个节点获得焦点、滚动到它或测量它的尺寸和位置。在 React 中没有内置的方法来做这些事情，所以你需要一个指向 DOM 节点的 ref 来实现。
2023-10-22 22:29:10
1442
原创 关于element-plus按需自动引入弹窗失效问题
问题：在vue项目中使用element-plus的弹窗组件不生效原因：我引入element-plus是按照官网的方式配置的自动按需引入，但是这种方式遇到弹窗组件是不生效的，目前官方还没有解决这个问题解决方案：全局引入element-plus的样式import 'element-plus/dist/index.css'引入你所需的组件，例如我用的loading组件import { ElLoading } from 'element-plus'...
2022-03-23 17:34:27
2258
1
原创 element-plus在vue3.0中按需自动导入
一、引入element-plus//三种引入方式# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus二、安装unplugin-vue-components 和 unplugin-auto-import这两款插件npm install -D unplugin-vue-components unplugin-auto-import三、We
2022-02-18 14:00:36
2400
原创 Syntax Error: no such file or directory, open ‘F:\webProjectStudy\webProjectStudy\newStudy\24.d
vue3中使用less，报错了原因，vue3与less高版本不兼容解决方法，锁定less版本"less": "^3.13.1", "less-loader": "^5.0.0"
2021-12-12 21:14:23
1804
1
原创 fatal: unable to access ‘https://github.com/vuejs/vue.git/‘: OpenSSL SSL_rea
今天在克隆vue源码的时候遇到了这样一个错误原因是因为服务器的SSL证书没有经过第三方机构的签署，所以才报错解决办法：解除ssl验证后，再次git即可//解除ssl验证git config --global http.sslVerify "false"...
2021-10-16 09:05:50
2611
原创 react项目运行无法启动一直Starting the development server...
问题原因：安全卫士拦截了脚本执行解决方法：操作目标:[执行]C:\WINDOws\System32\WindowsPowerShel\v1.O\powershell.exe把上面的路径添加到信任区
2021-07-30 14:18:55
3182
原创 error https://registry.nlark.com/@types/minimatch/download/@types/minimatch-3.0.4.tgz: Integrity che
原因：我这里是淘宝源，仓库的文件不匹配，可能版本，也可能其他问题。问题解决：我从淘宝源切换回了原来的npm源，然后就下载成功了。npm install nrm -g //下载nrm切换源nrm ls //查看镜像地址npm config set registry https://registry.npmjs.org //切换回npm源...
2021-06-17 00:00:35
3948
原创 VS LNK1168错误 解决办法
原因： 说多了都是泪，看别的大佬分析的，原因是因为filename进程已经存在，文件可能正在使用中且其文件句柄已被其他进程锁定，或者你可能没有对该文件或者对其所在的目录或网络共享的写入权限。解决方法：几种解决方式：1）等待若干时间，进程自动结束。一般不推荐，不知道要等多久。2）打开“任务管理器”，然后找到相应的文件进程（filename.exe），点击右键结束即可。一般找不到相应的文件进程（有点坑）。3）退出编译器，再进入据说可以，但是我从来没有成功过，蓝瘦。。。4）重新复制该文件夹
2021-03-30 14:58:06
4397
1
原创 引发了异常: 读取访问权限冲突。 **p** 是 0x8123。
问题：#include <iostream>using namespace std;// void test01() { //因为new操作符返回的是一个地址，所以需要使用指针赋值 int * p = new int(10); cout << *p << endl; cout << *p << endl; delete p; cout << *p << endl;};int main() { t
2021-03-12 16:53:16
3229
原创 js安全数值
之前写过一篇文章聊到js的精度问题。今天同事在开发过程中又遇到了坑。id后端下发的是number类型，出现渲染出错。查了下资料，js的number类型有个最大值（安全值）。即2的53次方，为9007199254740992。如果超过这个值，那么js会出现不精确的问题。这个值为16位。所以，解决方法：后端下发字符串类型。...
2021-02-02 09:56:08
323
原创 Generator 函数
在js中，一旦函数开始运行，除非return或者运行结束，否则无法打断函数的执行，但是Generator 函数可以。特征：1、function关键字与函数名之间有一个星号 “*”。2、函数体内使用 yield 表达式，定义不同的内部状态 （可以有多个yield）。3、直接调用 Generator函数并不会执行，也不会返回运行结果，而是返回一个遍历器对象（Iterator Object）。4、依次调用遍历器对象的next方法，遍历 Generator函数内部的每一个状态。function* stu
2021-02-01 23:59:53
111
2
原创 百度地图引用时，报错A parser-blocking, cross site (i.e. different eTLD+1) script
问题：百度地图引用时，报错api?v=2.0&ak=MqgPRehwsDncQGZrRLg6OojcU8oSOYR2:1 A parser-blocking, cross site (i.e. different eTLD+1) script, https://api.map.baidu.com/getscript?v=2.0&ak=MqgPRehwsDncQGZrRLg6OojcU8oSOYR2&services=&t=20210113094335, is invoked
2021-01-19 14:31:33
3830
4
原创 百度未授权使用地图API，可能是因为您提供的密钥不是有效的百度LBS开放平台密钥，或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥：http://l
问题：项目接入百度地图api接口,报错百度未授权使用地图API，可能是因为您提供的密钥不是有效的百度LBS开放平台密钥，或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥：http://lbsyun.baidu.com/apiconsole/key#。原因：因为自己太过粗心，没有仔细看文档。解决方案：域名开放白名单，或者设为*，不做限制...
2021-01-19 14:20:07
1144
原创 使用egg写入文件
一、简单介绍1、安装npm i await-stream-ready -S //异步进行读写操作npm i stream-wormhole -S //在文件上传出现异常时能够把流消耗掉。2、引入const awaitWriteStream = require('await-stream-ready').write;const sendToWormhole = require('stream-wormhole');3、获取流const stream = await ctx.getFileS
2021-01-17 11:00:55
1217
原创 MySQL 服务正在启动 . MySQL 服务无法启动。 服务没有报告任何错误。
问题启动服务器的时候给我报了连接mysql错误，于是我看了一下服务，mysql没启动，于是命令行启动mysql，给我报了这么一个错误。原因本人因为是前端，所以对mysql不太熟悉，配置的时候都是傻瓜式配置，百度找的教程，然后直接将my.ini给复制了，一点没改，结果造成mysql数据库的数据的存放目录不正确，也不知道之前是怎么连接成功的。[mysqld]# 设置3306端口port=3306# 设置mysql数据库的数据的存放目录datadir=D:\developmentS\mySql\m
2021-01-14 23:26:47
659
原创 react-redux教程
一、react-redux是什么？redux： 是一个用于管理组件公共状态的一个可预测状态的框架,集中管理组件的状态.核心在于store,它提供了dispatch,getState,subscribe方法,理解Redux的工作流程很重要react-redux： 它是redux作者封装的一个库,是一个第三方的模块,对Redux进一步的封装简化,提供了一些额外的API(例如:Provider,connect等),使用它可以更好的组织和管理我们的代码,遵循一定的组件拆分规范,在React中更方便的使用Red
2021-01-11 09:13:06
506
原创 nodejs.ForbiddenError: invalid csrf token,egg中post失败解决方案
问题：前台使用axios发送Post请求，后端使用egg框架接受请求，报错nodejs.ForbiddenError: invalid csrf token。原因：egg 框架内置了安全系统，默认开启防止 XSS 攻击 和 CSRF 攻击，每次请求得时候请求头必须携带csrfToken字段。解决方案：一：关闭安全策略在 config.default.js 文件中加入以下代码：config.security: { csrf = { enable: false, }}但
2021-01-10 11:28:23
3148
1
原创 react在不暴漏配置文件的情况下配置less
一、安装npm install react-app-rewired customize-cra babel-plugin-import -D二、创建config-overrides.js文件项目根目录下创建config-overrides.js文件三、React按需加载// config-overrides.js内容const { override, fixBabelImports } = require("customize-cra");module.exports = override(
2021-01-03 11:35:38
548
原创 通过安装egg-cors实现egg跨域
一、安装egg-corsnpm install egg-cors --save二、配置plugin.js'use strict';/** @type Egg.EggPlugin */exports.cors = { enable: true, package: 'egg-cors',};三、配置config.default.js config.security = { csrf: { enable: false, }, domainWh
2021-01-03 00:36:34
469
原创 egg-jwt实现鉴权登录
一、安装npm install egg-cors --save二、配置plugin.js'use strict';/** @type Egg.EggPlugin */exports.cors = { enable: true, package: 'egg-cors',};三、配置config.default.jsconfig.jwt = { secret: 'abcd', //自定义token的加密条件字符串};四、路由代码app/router.js'use
2021-01-03 00:32:56
806
转载 vue3
摘抄自微信，怕删除，记录一下记录了我在组内的技术分享, 有同样需求的同学可以参考一下分享全程下来时间大约1小时一. 版本这里列出的并不全, 但是够用了1. alpha 内测版本2. beta 公测版本3. Gamma 正式发布的候选版本4. Final 正式版5. plus 增强版6. full 完全版 7. Trial 试用版（一般有时间或者功能限制）二. 介绍1. 学一门新鲜的技术,就像练习王者荣耀新出的英雄一样, 探索他的好玩之处可以给开发者带来快乐, 使用新的好的技
2020-12-30 09:50:33
128
原创 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by serv
问题： 使用koa创建项目连接mysql时报错。原因： mysql从8.04引入一个caching_sha2_password模块作为默认身份验证插件，数据库连接时验证身份的工作方式(handshake process)会与以往不同。但以前版本的通过mysql_native_password 创建的账户仍然可以正常工作，只是验证这些账户时会切回mysql_native_password的工作方式，以此实现向下兼容。nodejs版本尚未跟进caching_sha2_password的实现，所以需要通过上面
2020-12-24 23:51:49
183
原创 forEach、map、filter、find、sort、some等会改变原始数组吗？
当数组中元素是值类型，map不会改变原数组；当是引用类型，则可以改变原数组。https://juejin.cn/post/6844903817549447182
2020-12-24 10:09:10
1671
原创 vue中mixin混入和vuex状态管理相比较
关于混入（mixin）,vue官方是这么解释的：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。刚开始理解可能不太好理解，也就是这么个意思，你可以在混入中定义任何的生命周期，方法，data值，然后把混入引入你想要引入的页面或者组件中，亦或者全局引入，混入中定义的方法、值就是该组件本身的方法，值，所以全局引入的话要慎用。export const mixin={
2020-12-04 10:09:03
1854
原创 vue响应式数据更新，解决方案
问题： 刚学习vue的人可能会遇到这样一种情况，那就是当我们把属性在data中定义，接口异步请求到数据，并且把值赋值到我们在data中定义的值上，但是dom却没有更新，这时候我们可能就在想，为什么了？是不是vue有问题啊，妈的，vue有毛病吧。<div id="app"> <h2>{{data.value}}</h2></div> data: { data: {} }, created() { this.$axios.g
2020-11-28 09:19:44
3206
原创 Vue、React中为什么不建议key值使用index
当数组中的数据发生变化时: React 比较更新前后的元素 key 值，如果相同则更新，如果不同则销毁之前的，重新创建一个元素。当以数组的下标index作为key值时，其中一个元素发生了变化 就有可能导致所有元素的key值发生改变 。所以，index作为key值和没加index是一样的，并不能提升性能。...
2020-11-27 15:00:45
465
原创 ios不支持js时间戳问题以及解决方法
问题： 在js中使用时间戳方法转换报错。原因： ios的时间要使用2020/11/26 18:00格式，也就是把 “-” 改成 “/” 。解决方法： new Date(‘2020/11/26 18:00’.replace(/-/g, ‘/’)).getTime()。
2020-11-26 11:08:35
527
原创 react基础知识总结（一）
1、react组件类的首字母名称必须大写。2、组件类中的模板只能有一个顶层标签。3、组件上的class属性改为className属性。4、for属性改为htmlFor。5、使用React.createClass({})生成组件类。6、组件标签上可以添加任意属性，使用this.$props.属性名称获取属性值。7、this.props.children用于获取组件的子节点，它的值有三种可能，当前组件中如果没有子组件，则值为null，有一个子节点，则值为对象，有多个子节点，则为数组。用数组方法map
2020-11-25 11:25:45
303
原创 Mongoose disconnected. Mongoose connection error: MongoError: Authentication failed. (node:1532) Unh
mongoose.connect(‘mongodb://username:password@ip地址:27017/qianxunkefu_db’)换成mongoose.connect(‘mongodb://username:password@ip地址/qianxunkefu_db?authSource=admin’)
2020-11-22 02:03:03
955
1
原创 2020-11-02
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次；activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等activated，deactivated 这两个生命周期函数一定是要在使用了 keep-alive 组件后才会有的，否则则不存在。当引入 keep-alive 的时候，页面第一次进入钩子的触发顺序
2020-11-02 23:19:19
141
原创 关于微信电子健康卡回调地址错误问题
问题：去微信电子健康卡获取wechatCode，回调地址错误。原因：回调地址加了&，应该是?解决方案，回调url加上?号
2020-11-02 23:13:14
4211
原创 query路由传参如何传递对象
1、JSON转译//传参this.$router.push({name:'Wapsort',query:{classification: JSON.stringify(item)}},() => {},err => {});//接收JSON.parse(this.$route.query.classification)
2020-10-24 18:29:50
3108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人