和光教程网

效果图：是一个el-dialog 弹窗npm 安装 npm i wangeditor --save不解释直接上代码： 说明下这个功能用的vue2项目中，该组件可以直接使用，提供双向数据绑定Editor.vue 封装组件<template><div ref="editor"><div><template …

旧网站还在用jQuery拼页面，流量却一夜掉了40%，老板脸比404页面还冷Astro团队上周放出新基准，把同一份页面分别用React SPA、Next.js、Astro打包，结果Astro的初始JS体积只有前两者的十分之一，首屏时间快了两倍不止。测试用的Lighthouse在端给出了98分，移动端也有92分，这还是开了图压缩以后的数据。有兄弟问，Astro …

记录自己的一次开发记录和各种需求wangeditor 使用场景，本次介绍的是wangeditor5在vue2中的使用。学会这个在vue3或者其他项目中，也是手拿把捏。慢慢看，终将有所收获。1.基本使用安装案例效果 3. 代码如下<template><div style="border: 1px solid #ccc;"> …

一个Hook让你体验极致舒适的Dialog使用方式！Dialog地狱为啥是地狱？因为凡是有Dialog出现的页面，其代码绝对优雅不起来！因为一旦你在也个组件中引入Dialog，就最少需要额外维护一个visible变量。如果只是额外维护一个变量这也不是不能接受，可是当同样的Dialog组件，即需要在父组件控制它的展示与隐藏，又需要在子组件中控制。为了演示我们先 …

前言首先我们通过一张图来解释下元素浮动是什么样的状态。元素浮动情况上图的html部分代码为：html代码css部分代码为：css代码通过上面的图片可以看出，当内部的div设置float后，外部的元素的就会受到以下影响：背景不能显示边框不能被撑开margin和padding设置的值不能正确显示元素浮动的坏处如果不清除元素浮动的话，浮动层后面的非浮动层内容就有可 …