logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

基于 qiankun 的微前端改造(vue篇)

qiankun官网:https://qiankun.umijs.org/zh/guide注意:qiankun 属于无侵入性的微前端框架,对主应用基座和微应用的技术栈都没有要求。构建主应用基座我们先使用 vue-cli 生成一个 Vue 的项目,初始化主应用。将普通的项目改造成 qiankun 主应用基座,需要进行三步操作:创建微应用容器 - 用于承载微应用,渲染显示微应用;注册微应用 - 设置微应

Vue开发命令 npm run dev 输入后的执行过程

前言通过vue init webpack和npm install命令初始化项目后,执行npm run dev就打开了网站http://localhost:8080。初学者不知道index.html、App.vue、main.js是如何粘在一起的,这里简单说明一下。启动过程1.npm run devnpm run XXX是执行配置在package.json中的脚本,比如:"sc...

vue中$set的使用场景

场景1:通过数组的下标去修改数组的值,数据已经被修改了,但是不触发updated函数,视图不更新,export default {data () {return {items: ['a', 'b', 'c']};},updated () {console.log('数据更新', ...

Vue / keep-alive组件

keep-alivekeep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive><loading></loading></keep-laive>当组件在keep-alive内被切换时组件的activated、d...

解决vue组件中给body设置样式不起作用的简单办法

给template中的第一个div设置如下样式 .body-bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow-y: auto;background-color: #000;} 

vuex存值与取值

组件内取值computed: {value() {return this.$store.state.userData.xxx;}},组件内存值methods: {fn() {this.$store.commit('setValue',xxx)}...

关于使用 react-sortable-hoc 拖动时丢失拖拽元素的样式

在拖动项目时,该元素不再链接到父类,而是父类之外的单独元素。因此它失去了所有的造型!因此为了解决这个问题,我们可以像这样把元素样式定义在全局。使用less样式嵌套。

#css#前端
TS的枚举

官方定义使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。枚举使用enum关键字来定义。理解:枚举是列举固定几个值,用于取值被限定在一定范围内的场景,比如一周只能有七天,颜色限定为红绿蓝等。直接定义变量的话的话可以随意定义,枚举只能使用你定义好的几个值例如你定义一个方法接收一个参数,这个参数如果是int型,

到底了