- 博客(9)
- 收藏
- 关注
原创 关于我使用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
1145
原创 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
867
原创 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
1042
原创 带你认识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
214
原创 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
176
原创 git提交代码的使用
1、项目未创建这种情况最简单,在码云上新建仓库,可以拿到一个仓库地址选择一个文件夹 右键+点击git base 依次输入以下命令1、克隆git clone + 仓库地址此时你的仓库就在本地了,可以开始写代码了2、添加文件到备用区git add . //可以简单的理解为将 *修改后的文件* 修改为待上传状态3、上传git commit -m '你对本次代码提交的描述'...
2020-09-14 15:09:59
114
原创 解决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
499
原创 微信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
1664
原创 小程序生命周期以及路由跳转总结
小程序生命周期与路由跳转—疫情来袭,逆战中成就更好的自己一、小程序生命周期说到小程序生命周期,首先来回顾一下vue与react的生命周期vue官网周期图函数名说明个人理解与注意事项beforeCreate在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。此时组件的选项对象还未创建,el 和 data...
2020-02-22 20:11:45
869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人