react简书项目学习笔记9虚拟dom
假想React底层实现1.state数据2.jsx模板3.数据 + 模板 结合，生成真实的dom，来显示4.state发生改变5.数据 + 模板结合，生成真是的dom，替换原始的dom、缺陷：第一次生成了一个完整的dom片段第二次又生成了一个完整的dom片段第二次的dom替换第一次的dom非常耗性能第二种假想1.state数据2.jsx模板3.数据...
2022-06-12
关于Vue中，在方法中使用(操作)子组件获取到的数据
已知，子组件通过props获取父组件传过来的数据，而这个数据是无法在created、mounted生命周期中使用的，只能在beforeUpdated或者updated获取到；但是如果我们要使用这个数据再获取其他数据并渲染到页面，我们就不能在beforeUpdated或者updated操作，自相矛盾。这就可以用到Vue的watch方法，先监听子组件获取到...
2022-06-12
【react学习一】首先先create-react-app 配置less、sass
1.安装初始化npm create-react-app react-demo2.安装初始化npm run eject3.配置sass / lesscnpm i sass-loader node-sass -d代码片段1： exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /.scss$/], 代码片段2： { test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sass-...
2022-06-12
vue中WebSocket
created(){ this.initWebSocket();},beforeDestroy() { ////关闭时断开socket连接 this.websocketclose();},methods:{ initWebSocket(address) { let userId = this.info.id; let roomId = this.$route.query.id; let nickname = this.info.nickname; ...
2022-06-12
React-Native之（小白计划八）Fetch以及封装
封装前代码：import React, { Component } from 'react';import { StyleSheet, Text, View, Button,} from 'react-native';export default class FlatListDemo extends Component<Props> { constructor(props){ super(props); this.state={ ...
2022-06-12
使用react-app-rewired和customize-cra自定义项目配置
creat-react-app 初始化项目后，我们对项目的启动是通过 react-scripts 实现的，项目开发过程中，如果需要引入对less 支持，和高阶组件对装饰器的使用，我们需要在webpack 中添加对此功能的支持，我们需要custom-cra 这个包，https://www.npmjs.com/package/customize-cra#documentation 看官方介绍，意思就是这个包扩展了c...
2022-06-12
关于一些组件化的思想 vue
最近新来一个公司接手两个项目，看了代码之后气的血已经吐出来了。项目技术是用vue写的。几乎每一个页面上有啥功能就是一把嗦从头写到尾，没有看见任何的import 组件。我就想不明白了为什么用了vue却不用组件化思想。这样的带吗及其难以维护，一个文件全是四五千行代码。之后我基于公司业务vu...
2022-06-12
vue-lazyload实现懒加载
1. 安装插件：npm install vue-lazyload --save-dev2.main.js引入插件：import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ error:'./static/error.png', loading:'./static/loading.png'})3. vue文件中将需要懒加载的图片绑定 v-bind:src 修改为 v-lazy <img class="item-pic" v-lazy="...
2022-06-12
vue常用属性解释。
props：详看 示例－网格组件。 props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义校验和设置默认值。//模版：<demo-grid :data="gridData" // @data 对应props, @gridData 对应 父组件的 data里的值。 :columns="gri...
2022-06-12
vue+springboot每次请求sessionid不同
前端：axios.defaults.withCredentials = true; 后台：@CrossOrigin(origins = "*", maxAge = 3600,allowCredentials="true")...
2022-06-12
