在处理自己的文章博客时，有一个需求：当富文本编辑器中插入的表格过长的话，就给它设置一个横向滚动条。本来是一个很简单的需求，也就是给指定的元素添加一个父div，让div拥有overflow: auto;属性就解决了。我当时的实现代码是这样的：addDiv () {//获取所有的table表格let tables = document.querySelectorAll('table');//如果tab

注意：引入黑暗模式文件 import darkThemeCss from 'ant-design-vue/dist/antd.dark.css?raw' ，需要引入源码文件，需配置 webpack 使用 'raw-loader'编译。

Vue项目自动转换 px 为 rem，高保真还原设计图前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项

3,创建dark.less和light.less文件对应黑暗和白天。1,实现黑暗模式主要是对css变量的抽取和全局css的替换。4,在less和css中用变量替换掉原本的数值。2,编写一个全局的css变量css文件。6,编写一个切换黑暗白天模式的函数。5,编写切换css函数。

问题描述：在PC端和手机浏览器中router.replace() or router.push()能够正常使用，页面的地址和页面都正常显示；但是在微信中，从/a页面通过router.push('/b')跳转到/b页面后，页面正常，但是复制浏览器的地址会发现其地址仍为/a;选择在浏览器打开发现也是显示的/a的页面。这应该是微信浏览器那边的问题，微信浏览器只会记住你第一次进来的地址。 微...

问题Vue项目打包文件过大，项目加载慢，前端可以做哪些优化？分析其实，这是项目的性能优化，一般在项目开始开发之前就应该考虑，但在实际开发中，开发之前会被忽略。解决方案如下一、懒加载什么叫懒加载？在需要的时候进行加载，随载随用。常见的有：路由、图片等。例子：官方路由懒加载{path: "/timeAxis",name: "timeAxis",component: () =>import ('@

在Angular中这是我的路由：phonecatApp.config(['$routeProvider',function($routeProvider) {$routeProvider.when('/phones', {templateUrl: 'partials/phone-list.html',controller:

新的Web 站点：https://npmmirror.com，Registry Endpoint：https://registry.npmmirror.com。随着新的域名已经正式启用，老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务。给npm配置淘宝镜像：npm config

背景最近在闲暇时间学习尤大大的新框架 ViteJs 的时候发现，创建一个新的基于 Vite 的项目时，使用的命令方式是：npm init @vitejs/app复制代码这跟我们熟悉的 CLI 创建 Vue 项目的命令完全不一样：vue create project-name复制代码「在不安装脚手架工具的情况下，还能直接使用 npm 创建项目？」带着好奇心小小的探究了一下。首先我们要知道这个命令 n

WEB 上主流的视频直播方案有 HLS 和 RTMP，移动 WEB 端目前以 HLS 为主（HLS存在延迟性问题，也可以借助 video.js 采用RTMP），PC端则以 RTMP 为主实时性较好移动端 iOS 和 Android 都天然支持HLS协议，做好视频采集端、视频流推流服务之后，便可以直接在H5页面配置 video 标签播放直播视频, HLS 在 PC 端仅支持safari浏览器，类似.