Echarts常用配置项(详细入门)
Echarts的简单入门
element ui cascader级联选择器 动态加载以及回显
element ui cascader级联选择器 动态加载以及回显
未雨绸缪,前端小知识
近期小知识汇总
Electron 中的 webview 实战 —— 手写简易浏览器
整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。有需要的小伙伴,可以点击文末卡片领取这份文档,无偿分享部分文档展示:文章篇幅有限,后面的内容就不一一展示了
vue实现带样式的textarea输入框,contenteditable属性应用
vue实现带样式的textarea输入框,contenteditable属性应用
性能优化之防抖
2每次事件触发时都要先判断是否有定时器,如果有先清除以前的定时器。需求:鼠标在盒子上移动,鼠标停止500ms之后,里面的数字才会变化+1。3如果没有定时器则开启定时器存入到定时器变量里面。核心是利用setTimeout定时器来实现。方法1:利用lodash库提供的防抖来处理。4定时器里面写函数调用。
indexOf()的定义和用法
---返回指定字符在原字符串中的第一个匹配项的索引。需要注意的是,当匹配到一个字符串时,会返回字符串中第一个字符的索引,如上例匹配word时,返回的是6。有indexOf,也就有lastIndexOf,它和indecOf相反,是匹配字符串最后一次出现的索引。-----可指定字符开始检索位置和指定长度
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度
swiperTabList: ["2023-06-10","2023-06-11","2023-06-12","2023-06-13","2023-06-14","2023-06-15"], //导航列表。swiperTabList: ["2023-06-10","2023-06-11","2023
关闭eslint检查和ts检查
第一步:在vue.config.js配置(如果没有手动创建即可)
后台管理系统中常见的三栏布局总结:使用element ui构建
常用的后台管理系统,侧边栏的设置
VUE实现弹出框 点击空白页弹框消失
同时,我们在 created 钩子函数中给 document 绑定了一个点击事件,用来监听页面的点击事件。在 onClickOutside 方法中,如果当前弹出框显示,并且点击的元素不是弹出框内的元素,则关闭弹出框。在Vue中创建一个弹出框组件,用来呈现弹出框的内容和样式。该组件应该接受两个 pro
Nue JS 造全新的 Web 生态
Nue JS 是最近开源的 Web 前端项目,用于构建用户界面,体积非常小(压缩后 2.3kb)。Vue.js、React.js 或 Svelte,但没有 hooks, effects, props, portals, watchers, provides, injects, suspension
vue2项目使用swiper实现轮播效果(超详细)
vue2项目使用swiper实现图片轮播效果
js中reduce()函数的用法
reduce()方法对每一个数组的每一个元素按序执行一个由您提供的reduce函数。每一次运行reduce会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。第一次执行回调函数时,不存在“上一次的计算结果”。如果需要回调函数从数组索引为0的开始执行,则需要传递初始值,否则数组的索引为0
基于VS Code的插件开发(基础篇)
VSCode 采用了 Electron,在语言上,VSCode 使用了自家的 TypeScript 语言开发。Electron是基于 Chromium 和 Node.js,使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用,它兼容 Mac、Windows 和 Linux,可以构
#Ts篇:符号`?.` 、`??` 、 `!` 、 `?: `的用法和区别
如果 person1.job 或 person2.job 为 null 或 undefined,需要注意的是,空值合并操作符?person1.age 和 person2.age 都可能为 undefined,age 的值为 18,通过条件运算符判断 age 是否大于或等于 18,而在访问 job.t
菜鸟教程笔记:TypeScript
菜鸟教程笔记:TypeScript
vue element-ui表格(el-table)数据导出execl文件
功能实现:element UI 的el-table数据导出为execl文件使用到插件:xlsx、file-saver。
如何使用前端绘图库(D3.js、Chart.js等)?
如何使用前端绘图库(D3.js、Chart.js等)?
使用video.js完成hls/m3u8格式的视频播放
近期项目中,需要播放视频,最开始给了个测试接口是hls格式的,查了一下,使用了video.js插件来进行播放。后期又改成了flv视频,这里简单记录一下。1. 下载video.js插件,以及contrib-hls播放插件,页面引入,这两个插件,以及样式。4. 每次页面退出时,关闭播放器。