react父子组件传值 react父子组件传值首先父传子组件最原始的props获取父组件import React, { useRef, memo, useMemo, useCallback, useState } from 'react';import Add from "./page/add"export default function Home() { const paData = useRef('11') return ( <> <Add
react新特性hooks开发 react新特性hooks开发react组件开发有两种形式一种是基于类的开发,一种是通过function+hooks开发hooks是可以让react在不使用类定义的时候,在使用方法也可以有状态的一种方式1.UseState注意:useState不能进行条件渲染不然就报错import './App.css';import React, { useState } from 'react' //首先引入useStateexport default function App() { co
vue创建项目架构 vue创建项目架构我们在创建一个新项目的时候肯定要搭建一个架构1.我们先创建运行环境production生产环境 development开发环境 test测试环境然后可以在里面写些不同环境的变量问题.env.test文件夹下面NODE_ENV='test' //这个是自带内置原有的变量名,自定义的变量名都需要加上VUE_APP_变量名VUE_APP_MODE='test' //这个变量名可以在启动项目的时候使用--mode进行不同环境项目启动命令VUE_APP_URL='www.bai
nvm切换node版本 nvm切换node版本首先下载nvm包nvm包一键式傻瓜安装安装完成之后查看nvm版本注意:傻瓜式的一键安装注意要修改node的存放路径,因为默认是在C:\Program Files这里面是有空格的,而nvm安装是不允许有空格的,随便选个没有空格的文件夹存放就好了查看nvm是否安装好了nvm -v然后在nvm 中的setting.txt添加淘宝镜像,文件路径在C:\Users\ASUS\AppData\Roamingvmnode_mirror: https://npm.tao
微信小程序生命周期 微信小程序生命周期应用生命周期onLaunch在第一次启动的时候就会触发onShow第一次渲染的时候就会触发,重新渲染,改变数据也会触发onHide应用隐藏的时候触发onError应用的代码发生了错误onPageNotFound第一次启动的时候,找不到页面,注意第一次启动的时候页面生命周期onload监听页面加载onShow监听页面显示onReady监听页面初次渲染onHide监听页面隐藏onUnload页面卸载 卸载不是跳转onPullDownRefresh监听用户下拉
微信小程序基本语法应用 微信小程序基本语法应用for循环dataObj循环对象,key最好带上,for-item后面是属性值也是属性值的别名,for-index后面的是属性名也是索引别名<view wx:for="{{dataObj}}" wx:for-item="value" wx:for-index="key" wx:key="index"> {{value}} {{key}}</view>简单的for循环<view wx:for="{{dataObj}}" wx:key="
微信小程序组件说明 微信小程序组件说明view代替原来的div标签textimage因为小程序有大小限制的,所以一般使用外网链接默认宽高320px*240px微信图片常用规则图片外网生成器icon图标标签swiper轮播图组件navigator超链接rich-text富文本标签button按钮标签radio单选框标签checkbox复选框标签...
微信小程序的css嵌套使用 微信小程序的css使用首先微信小程序独有的css单位rpx,这个是他独有的自适应单位假如现在有100px的宽度的盒子,那么使用自适用rpx单位则是750*盒子宽度/设计稿宽度如果设计稿宽度为375px,那么实际使用rpx的盒子则是200rpx导入wxss外部样式1.在外部创建styles公共样式文件夹2.创建一个公共微信common.wxss文件3.在需要的文件夹中引用相对路径"@ipmort "../../styles/common.wxss"另外在微信样式中选择器*是无效的,想要初始样
微信小程序01初次使用 微信小程序01初次使用工具微信开发者工具进入微信公众平台注册然后登录获取appid为日后上传版本做准备也可以使用测试id,具体创建自己找百度几个常用的 不常用自寻查找微信小程序文档...
vue3.0组件传值常用 vue3.0组件传值常用跟vue2.0差不多只是有一点写法上的区别setup有两个参数1.props这个参数主要接收从父组件传过来的数据2.context上下文对象– attrs: 值为对象,包含:组件外部传递过来,但没有在props配置中声明的属性, 相当于 this.$attrs– slots: 收到的插槽内容, 相当于this.$slots。– emit: 分发自定义事件的函数, 相当于 this.$emit。 (这里讲句在使用emit的时最好不要起个跟原生事件一样的名字)em
git简单使用 git简单使用1.初始化git init会在你的文件初始化一个.git文件2.添加暂存区git add .将你的代码添加到暂存区3.提交本地仓库git commit -m '提交信息'4.从远程仓库拉取代码 对比git pull origin 分支名5.提交到远程仓库git push origin 分支名其他git指令git status 查看状态git reset --hard HEAD^回退上一个版本git reset --hard HEAD~N回退上N个版本git re
vue如何自定义指令 vue如何自定义指令vue自定义指令借助 directives局部注册指令 directives: { color(el) { el.style.color = "red"; console.log("自定义函数"); }, },全局main下面注册指令这种写法可以让指令绑定在某个生命周期执行时间段中app.directive('focus', { // 当被绑定的元素挂载到 DOM 中时…… beforeMount(el) {
vue嵌套子路由 vue嵌套子路由今天自己的项目需要使用嵌套子路由,里面出现了几个bug下面记录一下首先简单讲解下嵌套子路由的使用我们在需要使用子路由的页面使用router-view,keep-alive的使用方式好像有所改变,自己去查看官网路由页面index.js组件跳转子路由vue.config.js下面简单说下我遇到的bug1.你要修改历史路由路径,重新创建个文件vue.config.js,不然你在地址栏输入路径的时候会报错2.就是你在使用router-link的时候一定要注意这里一定要注
vue4.x常用刷新方式 vue4.x常用刷新方式vue前两种刷新方式很常用也很简单 location.reload() $router.go(0)以上两种刷新有个缺点 那就是屏幕会突然闪现一下下面利用v-if来实现首先利用provide在全局定义一个方法app.vue<router-view v-if="isReload" />import {provide,reactive,toRefs,nextTick} from 'vuesetup(){ const data=react
CryptoJS加密 CryptoJS加密AES 高级加密标准,是下一代的加密算法标准,速度快,安全级别高DES 数据加密标准,适用于大量数据加密TripleDES 是DES的增强版RC4 流加密算法,密钥长度可变HmacSHA1 键控哈希算法(密钥与消息数据混合)encrypt加密 / decrypt解密srcs 加密的字符串key 密钥 值得注意的是密钥的长度,对称加密算法AES-128-CBC算法,数据采用 PKCS#7 填充 , 因此这里的 key 需要为16位!iv 密钥偏移量mode
vue3使用elementplus常见容易不生效的 vue3使用elementplus常见容易不生效的<el-form :model="loginData" class="demo-ruleForm" :rules="rules"> //表单绑定rules 跟数据,model跟rules必须在这里面写到 不写下面就无效 <el-form-item label="账号" prop="tel"> //prop绑定里面的规则项 <el-input v-model="loginData.t