MAMAsomers-CSDN博客

原创 react中用react-photo-view实现点击图片，图片放大可移动拉拽的效果

下载及引用yarn add react-photo-view引入import { PhotoProvider } from 'react-photo-view';import 'react-photo-view/dist/index.css'; <PhotoProvider> <PhotoSlider images={data.list_img?.split(',').map(item => ({ src: item }))}

2021-03-24 14:10:08 1538 1

原创 copy-to-clipboard 复制

第一步:npm install copy-to-clipboard --save使用方法：package.json内"dependencies": { "copy-to-clipboard": "^3.0.5"}控制台：npm installwebpackwebpack-dev-server使用:import copy from 'copy-to-clipboard'; //复制cdkexport const copyCdk = (cdk?: string[]) =&

2021-03-24 11:42:17 4559

原创 useCallback, useEffect, useRef, useState 区别及用法

useRef , useRef 与 createRef 区别及用法

2021-03-16 17:48:07 2051 1

原创服务器渲染

服务器SSR 渲染import { IGetInitialProps } from '@@/core/ssr/clientExports';const b = async () => { try { const res = aa({ t: 'ap', }); return res; } catch (e) { console.log('err', e); }};export default function Layout({list

2021-03-15 15:40:20 124

原创 Vite是什么?

Vite是什么Vite (法语单词“ fast”，发音为/vit/)是一种新型的前端构建工具，它可以显著改善前端的开发体验。它由两个主要部分组成:一个通过本机 ES 模块提供源文件的开发服务器，具有丰富的内置特性和快得惊人的热模块替换(HMR)。一个构建命令，它将代码与 Rollup 捆绑在一起，后者预先配置为输出用于生产的高度优化的静态资产此外，Vite 通过其插件 API 和 JavaScript API 具有高度的扩展性，并提供全面的类型支持有多快？为了了解 Vite 的速度有多快，这里有

2021-02-20 11:16:00 3525

原创 TypeScript移动端基于react 登录弹框

1.移动端基于react 登录弹框import React, { useEffect, useState } from 'react';import { history } from 'umi';import styles from '@/assets/style/LoginModal.less';import { Button, Modal } from 'antd-mobile';import { observer } from 'mobx-react';import classNam

2021-01-23 17:12:08 390

原创 ant-design-vue tree 的应用

Ant tree 多项选中弹框数据 <a-modal :destroyOnClose="true" :title="`${title} | ${data.roleName}`" :width="600" :visible="visible" :confirmLoading="confirmLoading" :okButtonProps="{ props: { disabled: disable } }" @ok="handleSubmi

2020-11-17 10:35:59 952

原创 vue2-org-tree vue 框架组织框架结构增删实现

vue2-org-tree 基于vue 框架组织框架结构增删修节点实现1.下载并引入import Vue2OrgTree from 'vue2-org-tree'import { mapGetters } from 'vuex'Vue.use(Vue2OrgTree)2.data 属性命名 data() { return { data: { id: 0, level: 0, deptName: '', li

2020-10-19 14:25:19 1704

原创 2020年常见面试题

2020年常见面试题1.css的权重关系;属性选择器是在哪里呢2.less你使用过混合嘛;怎么构建的3.vue传递数据的方式;4.vue计算属性和methods的区别;5.vue计算属性的缓存原理;6.vue响应式核心是什么7.vue项目的性能优化(包含http请求)8.vue 虚拟DOM是什么;diff是什么;9.vue两个兄弟组件传参(同级别同http响应速度) A->B or B->A 只执行一次;10.vue项目与后端的联调过程是怎么样的(前端http封装)11.A

2020-10-14 11:09:51 128 2

原创 vue h5 头部封装及引入

vue h5 头部封装及引入1.在公共文件的封装 <div> <van-nav-bar :left-arrow="isLeft" @click-left="onClickLeft" @click-right="onClickRight" :fixed="true" :title="title" :border="false" :right-text="rightText" >

2020-10-09 17:25:25 539

MAMAsomers的博客