qq_42356513的博客

react配置代理

qq_42356513 — Sun, 05 Jun 2022 20:56:00 +0800

1.安装依赖 2.在下创建一个文件3.代码 tip: 重新配置才生效

vue-在组件中使用v-model

qq_42356513 — Sat, 04 Jun 2022 15:58:21 +0800

子组件想要使用父组件的值,又想去改父组件的值父组件子组件点击前点击后 1.给子组件的value传个变量2.监听子组件的事件,并且把传过来的值赋给父组件的变量

TypeScript-数据类型

qq_42356513 — Sat, 04 Jun 2022 12:10:51 +0800

TypeScript数据类型

TypeScript-类

qq_42356513 — Fri, 03 Jun 2022 18:15:49 +0800

TypeScript的类型修饰符和抽象类

helloTypeScript

qq_42356513 — Thu, 26 May 2022 21:45:56 +0800

helloTypeScript function greeter(person: string) { return `hello${person}` } const user = 'typeScript' console.log(greeter(user)) var message = 'helloTypeScript'; console.log(message); tip 在文件夹下新建一个tsconfig.json文件,能解决vscode代码爆红异常高效的编写ts 注意先用npm ini

react学习笔记(二)

qq_42356513 — Wed, 04 May 2022 15:10:44 +0800

setState setState在同步模块里面是异步的,想在语句后面直接拿最新的数据是拿不到的 setState在异步模块里面是同步的。组件传值父传子跟vue一样直接写在标签上类组件拿值在render函数中用this.props拿值,所有父亲传过来的值,都在props里面属性验证导包 import propsType from 'prop-types' static propTypes = { } 默认值 static defaultProps = { } 函数式组件拿

react学习之路（一）

qq_42356513 — Mon, 02 May 2022 16:47:32 +0800

安装脚手架 npm i -g create-react-app 新建项目 create-react-app 你的项目名字类组件 import React from "react" class HelloWorld extends React.Component { render() { return (

HelloWorld1

) } } export default HelloWorl

webpack学习笔记

qq_42356513 — Sat, 30 Apr 2022 16:04:55 +0800

相关命令打包 webpack 查看打包相关详细信息 webpack --stats detailed 设置打包入口文件 webpack --entry 文件路径设置打包模式 webpack --mode production/development 修改文件自动打包 webpack --watch 热更新(ctrt+s后页面自动更新内容) 先安装依赖 npm i webpack-dev-server 修改配置项 devServer: { // 提供静态文件目录地址,就是热更新时候

Vue项目中使用链操作运算符

qq_42356513 — Fri, 25 Mar 2022 11:38:34 +0800

在vue项目中用链式运算符我发现会报错,但是在有些vue项目中使用又不会报错,真是奇了个大怪。附一下解决方案 1.npm安装依赖 npm install @babel/plugin-proposal-optional-chaining 2.babel.config.js中加入如下代码 module.exports = { presets: ["@vue/app"], // 这个是要加的 plugins: [ "@babel/plugin-proposal-optional-c

微信小程序项目中使用vant组件库

qq_42356513 — Thu, 17 Mar 2022 19:37:24 +0800

vant-webapp连接 1.npm初始化 1.1 新建终端 1.2 初始化npm npm init -y 初始化npm报错,可能是你的文件目录是中文,尝试排查一下 1.3 npm安装依赖 npm i @vant/weapp -S --production 1.4 构建npm 点右上角工具,点击构建npm 2.修改app.json 将 app.json 中的 "style": "v2" 去除,这里我看有的人也没去除,反正我去除了,去不去看你个人了。 3页面使用 3.1注册组件在页面的JSON文

Vue子父传值的一些新发现

qq_42356513 — Sun, 13 Mar 2022 12:36:18 +0800

子组件传值 this.$emit('get-attr', category1Id, category2Id, category3Id) 父组件监听函数处理 methods: { // args存的是1id, 2id, 3id onGetAttr(...args) { console.log(Array.isArray(args)) // true }, // 当

template标签结合v-if,v-else不影响相关样式

qq_42356513 — Fri, 11 Mar 2022 14:54:40 +0800

问题描述有时候存在这种情况,h2和span标签与第二个h2标签不想同时显示,也就是111,222显示,333就不显示,333显示,111,222就不显示。这时候就会用到v-if,v-else,然后给h2，span外面包裹一个div，但是这样做样式可能就会乱掉,可以考虑用template节点去包裹,template标签不会生成额外节点,并且样式也不会乱掉

111

CSS加关键帧动画切换背景图片闪烁问题修复

qq_42356513 — Mon, 07 Mar 2022 12:31:23 +0800

问题描述给一个div加个关键帧动画,动态改变背景图片,会出现首次进入页面这个div背景图片出现抖动问题 css示例 // 这样会出现抖动 .demo { width: 100px; height: 100px; animation: demo 2s linear infinite; } @keyframes demo { 0% { background: url('1.png') no-repeat; backgrou

Vue中使用qrcode插件将后端给的url转为ewm图片

qq_42356513 — Sat, 05 Mar 2022 17:41:10 +0800

1.安装依赖 npm i qrcode 2.组件内导入 import QRCode from 'qrcode' 3.处理事件函数使用 const qrCodeImgUrl = await QRCode.toDataURL('后端返你的url') qrCodeImgUrl就是二维码的图片链接,放到img标签的src属性上就可以了,正常应该用try,catch去包裹一下处理一下错误,不过我懒得包,感觉没这个必要。 ...

恶补JS基础第二轮

qq_42356513 — Thu, 03 Mar 2022 19:32:03 +0800

函数 1.变量提升 var a = () => { console.log(1) } function a() { console.log(2) } a() // 打印1 个人理解: 待补充 2.length属性返回需要传入的形参数量 function demo(a, b, c) { } console.log(demo.length) // 3 3.函数的作用域函数的作用域是在声明的时候绑定的,而不是运行

ES6学习之路(九)---async&await

qq_42356513 — Thu, 03 Mar 2022 15:12:49 +0800

async 1.async函数返回一个Promise async function demo() { return '夏鸣予' } console.log(demo()) // Promise {: '夏鸣予'} 2.返回的值可以用.then接受 async function demo() { return '夏鸣予' } demo().then(res => { console.log

小程序WXS使用(实现vue过滤器效果),组件使用,踩坑记录

qq_42356513 — Thu, 03 Mar 2022 11:07:40 +0800

使用wxs代码来实现vue中过滤器效果在vue中对展示的数据进行统一处理,我们可以在组件中自己写一个过滤器,来转化数据,但是在小程序中是没有filter这个属性的,比如以下的wxml文件 {{duration}} &l

css实现一行文字居中,多行文字左对齐

qq_42356513 — Tue, 01 Mar 2022 16:27:39 +0800

思路一个div里面搞个span,div给text-align: center，span设置成行内块级元素,并给text-align: left 示例如果换不了行,记得加个word-break: break-all;样式