VSCode使ReactVue代码调试变得更爽 在前段开发中，大家会遇见调试 Vue/React 代码，现在就给大家总结都有哪几种： 先找代码问题，在console.log 打印日志，用 Chrome Devtools 的 debugger 来调试，用 VSCode 的 debugger 来调试。 看到是不是...
1、定义 filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 2、语法 var newArray = arr.filter(callback(element[, index[, selfArr]])[, thisArg]) 3、参数说明 callback 循环数组每个元素时调用的回调函数...
很多人都在问 pinia是什么？其实它是一个类似的插件，是vuex的最新一代的轻量级状态管理插件，建议安利在很多新项目中其中pinia。 Pinia 的优点 简便，存储和组件变得很类似，你可以轻松写出优雅的存储。 类型安全，通过类型推断，可以提供自动...
用vite作为项目打包工具，这是为什么？其中最主要的原因是 ——vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间。 当前打包的需求任然有，且ESM规范兼容性越来越好，进入生产环境大面积可用的状态也不是不可能。 当生产环境打...
JavaScript 的 switch 有四样写法,你都知道哪些？ JavaScript 的 switch 语句只有一种写法。其他的写法，if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯，刚好四种。 switch一般写...
运用vue可以实现图片自动循环滚动，下面是效果展示（循环滚动且可切换方向）： 轮播组件BaseSwiper.vue： <template> <divclass="swiperBox"> <imgclass="imgLeft"@click="clickLeft"src="../../....
效果展示： 点击即可随意调节菜单宽度 变动后 页面结构一共分为三部分，加上一个伸缩按钮，在你的项目对应的部分都加上class名。 我这里定义的分别是box、left、mid、resize(按钮类名) html 页面结构划分完成之后，完善一下样式（直接...
效果展示： 一、子组件 <template> <divclass="myDiv"> <!--这里的listAll用于接收父组件传递进来的菜单列表--> <templatev-for="(item,i)inlistAll"> <!--有child就显示child的下拉型...
列表自动滚动循环播放不要太爽，下面看看具体代码： 1.实现效果图 鼠标移入，暂停滚动； 鼠标移出，继续滚动； 2.原理 第一：要实现无缝衔接，在原有ul后面还要有一个一样内容的ul； 第二：在最外层div为可视区域，设overflow：hidden； ...
前端vue新项目 npm install安装报错gyp info it worked if it ends with ok这个问题我们应该如何处理？ 可能报错原因：node和node-sass版本冲突，对应的node和node-sass的版本如下： 接下来node.js卸载与安装。之前有安装过弄过node.js的，如果node...
1. 前言 以对图片进行一些处理，例如：删除、下载、标记等。 2. 设计思路 项目中用的是vue+iview，于是使用Modal弹窗组件做为播放器的盒子，考虑需要用到的基本功能有：放大缩小、监听鼠标滚轮放大缩小、拖拽、全屏查看、查看上/下一张、双击图...
在过往学习的JavaScript都是在基础，现在为大家介绍更为深入的JavaScript知识。 JavaScript函数 JavaScript函数和Java函数是有一部分相似的，所以学习起来也会相对简单 基本构造 1.直接构造 //function代表函数标志，name为函数名称，参数...
在vue项目中canvas实现截图功能是常用的，下面是具体代码： 实现效果： 在vue项目中做的一个截图功能（只能够截取图片），只用鼠标就可以在画面中进行框选截取。 实现：做一个弹窗，打开弹窗的时候传入要截的图，接下来在这个窗口里面，点击截图...
项目中element的表格，每次都cv很麻烦，可以用表格进行了二次封装，写一个Table组件。 首先，下面是表格样式 <el-table :data="tableData" :header-cell-style="headerStyle" :height="height" :border="bord...
上传视频要提供视频封面（视频封面必填），这是在开发中实际问题。封面可以用户自己制作并上传，但这样脱离网站，体验不好，常见的处理方案就是用户未选择或上传封面时，自动截取视频第一帧作为封面，但这样并不友好。因此考虑视频上传后，在播放中由人员...
