前端
文章平均质量分 56
冲
二狗子的翠花
这个作者很懒,什么都没留下…
展开
-
使用element-ui预览图片(el-image-viewer)
想要不使用 `el-image` 组件,即为不想展示小图,想要点击按钮的时候预览图片。原创 2023-02-22 17:17:51 · 1545 阅读 · 0 评论 -
vue动态添加动画@keyframes
vue项目中动态给元素添加动画@keyframes原创 2023-02-07 14:33:25 · 1667 阅读 · 0 评论 -
vue拖动元素
vue拖拽元素定位原创 2022-11-15 16:25:51 · 366 阅读 · 0 评论 -
js篇之复习
js经常遇到的一些问题原创 2022-08-10 13:40:19 · 172 阅读 · 0 评论 -
Vue3新特性
vue3基于vue2后的一些新特性原创 2022-08-10 13:39:13 · 377 阅读 · 0 评论 -
Element的el-table触底加载更多的实现
在项目中,有一个需求是el-table滚动到底部的时候再加载下一页的内容。使用自定义指令。自定义指令:通过v-loadmore使用。 // 监听表格滚动 directives: { loadmore: { bind(el, binding) { const selectWrap = el.querySelector(".el-table__body-wrapper"); selectWra原创 2022-05-10 11:18:15 · 3709 阅读 · 0 评论 -
vue项目中使用paper.js实现首页canvas绘制
由于项目的定制化,需要canvas绘制机器人及机器人轨道。1、初始化页面提前npm安装paper.js,并引入页面中import paper from 'paper'<template> <div> <canvas id="myCanvas" :width="canvasW" height="canvasH" ref="myCanvas"></canvas> </div></template>调用方法this.原创 2022-04-02 14:09:52 · 1914 阅读 · 1 评论 -
uniapp自定义突出tabbar以及安全距离问题
由于项目的定制化,tabbar想要中间一个底部菜单栏突出的效果,于是只能定制化tabbar。以及解决引出的底部安全距离的问题。原创 2022-03-19 22:50:02 · 2008 阅读 · 0 评论 -
video视频播放过程抓取图片/截图并在浏览器端下载
基于<video>标签的图片抓取,和自定义全屏按钮。原创 2022-03-04 17:41:28 · 2784 阅读 · 3 评论 -
Vue-cli3.0使用pdf.js详解
Vue-cli3.0使用pdf.js详解1. pdf.js下载官网:[http://mozilla.github.io/pdf.js/getting_started/#download]2. 放入项目中为了不让其被编译,放在public文件夹下。① 更改web文件夹下的DEFAULT_URL设置为' '更改为② 跨域问题:注释下面的代码即可 const { origin, protocol } = new URL(file, window.location.href); if原创 2021-11-29 20:54:05 · 1155 阅读 · 0 评论 -
export和export default区别与使用
export与export default均可用于导出常量、函数、文件、模块等。import用于在一个模块中加载另一个含有export接口的模块。//格式: import+(常量 | 函数 | 文件 | 模块)名export和export default区别export可以导出多个,可直接导出也可以先定义后导出。//直接导出export function getPage() {}//先定义后导出function getPage(){}export getPageexpor原创 2021-09-14 16:15:02 · 632 阅读 · 0 评论 -
双飞翼布局与圣杯布局的理解与实现
今天刷面试题,几处用到了双飞翼布局,故在此进行复习总结一下。如何理解双飞翼布局和圣杯布局?双飞翼布局和圣杯布局都是用于:两边宽度固定,中间宽度自适应的三栏布局,中间栏优先加载渲染。两者前面的处理都是相同的,将两边和中间都设置左浮动,只是对于中间部分自适应宽度的处理不同。不同:①双飞翼布局:用margin来实现,中间部分需要用一个<div>包裹;②圣杯布局:用定位和padding来实现;双飞翼布局实现方法:左、中、右三部分都设置左浮动;中间部分设置宽度为100%;设置负边距,原创 2020-07-22 17:40:18 · 120 阅读 · 0 评论