前端

redux

1.先创建count和person两个组件 2.创建count的store相关的文件夹。 store/modules/count 1.constant.js 2.createActions.js 3.index.js 4.reducer.js index.js import { legacy_createStore as createStore } from "redux"; import co

Flutter && Dart

/// Dart 弱类型(var、object、dynamic) /// Dart中没有=== 运算符。 /// 简介写法: /// 三元运算符??: t ?? 'test'是t!=null ? t : 'test'的缩写。 /// 级联操作符(依次进行调用),允许对同一对象或函数进行一系列操作,testObj.add('t')..delete('d')..show(); 类: 命名构造函数 cl

Vue中computed与method的区别

两者间区别: 1、computed 会基于响应数据缓存,在值不变的情况下不会再次计算,而是直接使用缓存中的值;methods不会缓存,调用相同的值计算还是会重新计算; 2、diff之前先看data里的数据是否发生变化,如果没有变化computed的方法不会执行,但methods里的方法会执行 3、computed是属性调用,不需要加括号。而methods是函数调用,必须要函数执行才可以得到结果。

浏览器引入Ant Design of Vue

一、先将vue.min.js,antd.min.js、moment.js、antd.min.css等文件下载到本地; 二、在vue代码里面引入antd组件; 三、在具体的html页面应用; 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title&gt

Vue3.2语法糖使用总结

Vue3.2语法糖使用总结 一. 概述 在Vue2时期,组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里,这样编写的代码不便于后期的查阅,查找一个业务逻辑需要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为了解决这个问题,它让我们的逻辑关注点更加集中,语法也更加精简,但是当我们在使用vue3.0的语法就构建组件的时候,总是需

h5 IOS微信浏览器input输入账号键盘闪烁

问题 由项目需求 只能在手机微信浏览打开h5页面 在登录界面。输入账号时,ios手机软键盘反复闪烁 原因 因为微信浏览器的重绘行为; 简单理解就是,自ios11开始,苹果手机的浏览器就有了自动填充密码的功能, 具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。 解决方案 autoComplete="off" 和 autoComplete="n

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

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

vue生命周期

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

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

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

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配置 //