前端

context in flask 2023-04-18

flask what is a flask application a flask application is a normal, just a normal python object of class Flask. An instance of this class will be our WSGI application. here is the simplest way to creat

vue.config.js中的webpack配置,优化及多页面应用开发

目录 一、vue.config.js中常用的配置 1、导出模块 2、publicPath 部署应用包的基本Url 3、outputDir 输出文件目录 4、assetsDir 打包后生成的静态资源目录 5、lintOnSave 6、productionSourceMap 生产环境的 source map 7、devServer 8、 chainWebpack webpack配置 9、confi

React学习之——条件渲染(个人笔记)

React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1>

Vue 组件间通信有哪几种方式

Vue 组件间通信主要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信 1.props / $emit 适用 父子组件通信 props是父组件将值传给子组件,$emit是子组件通过派发事件的方式将值传给父组件 2.ref 与 $parent / $children 适用 父子组件通信 1)ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指

Vue中的keep-alive是什么意思?以及如何使用

一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串

vue灵魂拷问

1、说说Vue的优缺点 优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开 缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长 2、为什么说Vue是一个渐进式框架 渐进式就是你想用 vuex 就用,不用也行,你想用 component 就用,不用也可以,或者你可以选择不用,或者只选几样去用 3、MVVM是什么?和MVC有何区别呢? MVVM VM: 也就是

vue3 + tsx 的几种写法(完整版)

环境介绍:Nodejs:14.18.0、Vite:2.7.10、Vue:3.2.26、依赖安装采用pnpm。 第一部分:环境搭建 一、使用 pnpm创建一个vite程序 $ pnpm create vite 二、安装vite插件:@vitejs/plugin-vue-jsx $ pnpm i @vitejs/plugin-vue-jsx 三、在vite.config.js加入jsx配置 //

微信小程序——全局数据共享

全局数据共享,也叫做状态管理,是为了解决组件/页面之间的数据共享问题 开发中常用的数据共享方案有 Vuex、redux、MobX 等 小程序中的数据共享方案 使用 mobs-miniprogram 配合 mobs-miniprogram-bindings 实现数据共享 mobs-miniprogram 用来Store创建实例对象 mobs-miniprogram-bindings 用来把St

vue生命周期

1.什么是 vue 生命周期?有什么作用? Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。 各个生命周期作用 beforeCreate(创建前) :组件实例被创建之初,组件的属性生效之前 created(创建后) :组件实例已经完全创建,属性也绑定,但真实 dom 还

react hooks父组件调用子组件方法

想要在 React Hooks 父组件中调用子组件的某个方法,可以通过使用 useRef 钩子和 forwardRef 方法来实现此功能。下面是一些简单的示例代码 子组件 子组件中,需要使用 forwardRef 方法将子组件向父组件暴露出一个 ref 属性,从而在父组件中可以获取子组件的引用 const ChildComponent = React.forwardRef((props, ref)