泡泡咕嘟-优快云博客

原创关于我使用yarn全局安装工具后，却无法使用的这件事

最近使用yarn安装了vue-cli，命令如下yarn global add @vue/cli安装完成后通过命令查看已经安装成功C:\Windows\system32>yarn global listyarn global v1.22.17info "@ant-design/codemod-v4@1.1.0" has binaries: - antd4-codemodinfo "@vue/cli@5.0.4" has binaries: - vueDone in 0.75s

2022-05-13 16:17:03 1220

原创 react获取高阶组件内部子组件实例

场景：封装了一组件，它是一个基于ant design的表单组件。由于它是一个高阶组件，导致父组件去获取实例的时候一直都拿不到内部的值和方法。下面就是大概代码。使用了hooks，点击看这里子组件代码import { Form } from 'antd'@Form.create()export default class index extends React.Component { constructor(props) { super(props) this.s

2021-08-09 20:36:52 919

原创 express+session+redis

目录SessionRedisexpress+session+redis配置Session实现请求身份验证的方式很多，其中一种广泛接受的方式是使用服务器端产生的Session ID结合浏览器的Cookie实现对Session的管理，一般来说包括以下4个步骤：服务器端的产生Session ID服务器端和客户端存储Session ID从HTTP Header中提取Session ID根据Session ID从服务器端的Hash中获取请求者身份信息Redisexpress+session+red

2021-08-04 13:27:29 1157

原创带你认识js ! !! .? ??等等（持续更新）

目录1、 !2、 !!3、?.4、??5、??=1、 !将变量转换成boolean类型，null、undefined和空字符串取反都为true，其余都为false!null = true !undefined = true !'' = true !12345 = false !'abcde' = false2、 !!!! 常常用来做类型判断。先通过!转换类型后(见!的使用) ，再做逻辑取反运算var aif(!!a){ //a有内容才执行的代码... }

2021-07-26 11:03:09 243

原创 react hooks 归纳

React hooksReact hooks的作用就是把无状态组件（只用于展示的组件）升级为函数组件（可以完成类组件的功能）具体使用1、useState//类组件import { Component } from 'react'class app extends Component { constructor() { this.state = { count: 0 } } render() { le

2021-07-09 11:10:34 201

原创 git提交代码的使用

1、项目未创建这种情况最简单，在码云上新建仓库，可以拿到一个仓库地址选择一个文件夹右键+点击git base 依次输入以下命令1、克隆git clone + 仓库地址此时你的仓库就在本地了，可以开始写代码了2、添加文件到备用区git add . //可以简单的理解为将 *修改后的文件* 修改为待上传状态3、上传git commit -m '你对本次代码提交的描述'...

2020-09-14 15:09:59 145

原创解决canvas不清晰

1、下载插件npm i hidpi-canvas2、直接梭 let canvas = this.$refs.luckydraw; //canvas的dom const ctx = ctxDom.getContext("2d"); /* *window.devicePixelRatio 是设备上物理像素和设备独立像素的比例，即公式表示为：window.devicePixelRatio = 物理像素 / dips。 *物理像素（physical pix

2020-06-23 11:13:56 548

原创微信JSSDK授权兼容ios与android

一、提取公共方法wxConfig.js/* * 判断是否IOS环境 * */import http from "./http"; //自己封装的请求方法import wx from "weixin-js-sdk";export function isIOS() { let isIphone = navigator.userAgent.includes("iPhone"); let isIpad = navigator.userAgent.includes("iPad");

2020-06-23 09:38:24 1793

原创小程序生命周期以及路由跳转总结

小程序生命周期与路由跳转—疫情来袭，逆战中成就更好的自己一、小程序生命周期说到小程序生命周期，首先来回顾一下vue与react的生命周期vue官网周期图函数名说明个人理解与注意事项beforeCreate在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。此时组件的选项对象还未创建，el 和 data...

2020-02-22 20:11:45 931

qq_30561157的博客