flutter封装AppBar最近做flutter项目，为了更简洁，封装了AppBar组件，不过不是自定义组件哈，只不过页面头部样式都基本一致，为了减少代码，基于原生的AppBar做了个小封装，现将代码分享给大家！//appbar,顶部标题页面import 'package:flutter/material.dart';class TopAppBar extends AppBar {TopAppB

浏览器在线预览文件，可能基于后端来做效果会更好，前端的话，预览pdf还行，其他就感觉一般了，甚至有的很难支持。本文之说pdf文件和docx文件的预览ps:图片预览就不说了哈，浏览器天然的支持 (=言归正传，其实借助插件，用起来也简单的，麻烦的地方插件都帮你写好了但是插件体积比较大，所以该功能慎用吧，除非真的需要。vue-pdf插件，生产环境生产的插件代码800kb左右，如果项目并么有必须要这个功能

另外我们看下 client里面的themeColorChanger.js，这里面是调用的时候使用的，有个关键的变量，就是WP_THEME_CONFIG，这里是调用的时候获取老的颜色并且替换新颜色的关键，我们在上一篇已经讲过。经过上面的一些代码逻辑推理，我们已经大致掌握了webpack-theme-color-replacer webpack的实现逻辑，也知道了实现的关键所在，目前插件是单一替换，我

typescript 类型运算符

前端打包体积的优化，减少打包体积，也算是前端老生常谈的问题了。我们最常用的方法之一就是按需引入组件！各大组件库，如ant-design，element-ui，都有按需引入的栗子，有些会告诉你，按需引入，可以减少包体积！百度搜索“组件按需引入”，会有一大堆文章告诉你组件如何按需引入，并且大部分都不约而同的复制了这句话：按需引入可以减少打包体积！

rollup 打包vue3组件库报错 ‘createElementVNode’ is not exported by node_modules\vue\dist\vue.runtime.esm.js报错意思就是说 createElementVNode 没有被导出。也就是找不到。然后看下面1: import { renderSlot as _renderSlot, toDisplayString a

微前端概念起源微前端其实是借鉴了微服务的概念，最早是出现在2016年的ThoughtWorks Technology Radar（ThoughtWorks技术雷达）什么是微前端MicroFrontends 官方解释：用来构建能够让 多个团队 独立交付项目代码的 现代web app 技术，策略以及实践方法MicroFrontends 官网：https://swearer23.github.io/mi

这里说的是一种刷新页面的方法。神马情况下你可能会需要？页面内容多，结构复杂，做了某个操作后，需要更新页面很多数据或者比较复杂的数据，例如页面树状结构。这时候直接调接口刷新数据，可能达不到效果，但是如果你手动刷新下浏览器，相当于页面重新渲染一遍，就可以了。当然，我们得尽可能减少要求用户手动刷新页面的操作这里的做法其实很简单，就是建一个空的路由页面，页面在mounted里面接收到传递来的路由参数后，马

error Error rendering /:

前端打包体积的优化，减少打包体积，也算是前端老生常谈的问题了。我们最常用的方法之一就是按需引入组件！各大组件库，如ant-design，element-ui，都有按需引入的栗子，有些会告诉你，按需引入，可以减少包体积！百度搜索“组件按需引入”，会有一大堆文章告诉你组件如何按需引入，并且大部分都不约而同的复制了这句话：按需引入可以减少打包体积！