logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

什么是代理,node&nginx前端代理详解

nginx代理就是通过一个特殊的网络服务去访问另一网络服务的一种间接访问方式。像我们不能直接访问国外的网站,只能使用VPN,就是使用了代理。

文章图片
#nginx#前端
vue项目的main.js规划设计与合理使用

main.js是Vue项目的入口文件,主要负责初始化Vue实例并配置全局设置。作为应用的单一入口点,它承担着创建Vue实例、管理全局配置和依赖的重要职责。在Vue 2中通常使用new Vue()语法,而Vue 3则采用createApp()函数来创建应用实例,核心作用与定位,适合放入main.js的内容。不适合放入main.js的内容。最佳实践建议

文章图片
#javascript#vue.js#前端
vue 的ant design的Switch开关不支持二次确认,自定义封装

vue 的ant design的Switch开关不支持二次确认,所以自定义封装一套

文章图片
#anti-design-vue#前端#前端框架
【elementUI系列一】vue拖拽功能实现-vuedraggable实现多层嵌套拖拽

draggable区域内嵌入多层,要把拖拽区域加上class名称,draggable=‘.class名’,这样就能确保draggable内部分可以拖拽,部分不能拖拽el-image的点击事件和vue.draggable的拖拽事件会有事件冲突的问题,那么你需要使用.stop和.prevent修饰符来禁止默认事件和冒泡.

文章图片
#html#前端#elementui +1
用html2canvas截图保存图片趟坑记录

​前言:开发过程中截图保存图片用到html2canvas,但是呢,使用过程中也会趟坑。。。来说下趟过的坑一、截图不全问题:开发中发发现有滚动条的情况下会截图不全,仅能展示出当前页面展示出来的内容二、不支持textarea换行显示三、不支持省略号:js控制字数,截取字数长度后,动态添加省略号​

文章图片
#html5#前端#html
在Vue3的setup中如何使用this

但是Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。可以看到,2者有所区别。ctx是普通对象,proxy是Proxy对象。2、使用:由vue提供,官方文档现已找不到此api,可寻找其他替代方案,可能也不推荐使用。中使用this, Vue为我们提供了getCurrentInstance()方法,这个方法返回了ctx和prox

文章图片
#vue.js#javascript#前端
el-tree没有复选框时,选中、currentNodeKey高亮、定位、刷新后保留展开状态功能的实现

使用无选择框的el-tree时,当点击某行数据的时候会有背景色,但是当鼠标点击别处时,便失去焦点,背景色随之消失了。el-tree没有复选框时,选中、高亮、定位、刷新后保留展开状态功能的实vue2+elementUI的el-tree的选中、高亮、定位功能,其中定位功能涉及到无论当前在那个菜单,删除某一项菜单后,刷新菜单会跳到全部:current-node-key="currentNodeKey"

文章图片
#前端#css3#前端框架 +2
【elementUI系列一】vue拖拽功能实现-vuedraggable实现多层嵌套拖拽

draggable区域内嵌入多层,要把拖拽区域加上class名称,draggable=‘.class名’,这样就能确保draggable内部分可以拖拽,部分不能拖拽el-image的点击事件和vue.draggable的拖拽事件会有事件冲突的问题,那么你需要使用.stop和.prevent修饰符来禁止默认事件和冒泡.

文章图片
#html#前端#elementui +1
【elementUI系列一】vue拖拽功能实现-vuedraggable实现多层嵌套拖拽

draggable区域内嵌入多层,要把拖拽区域加上class名称,draggable=‘.class名’,这样就能确保draggable内部分可以拖拽,部分不能拖拽el-image的点击事件和vue.draggable的拖拽事件会有事件冲突的问题,那么你需要使用.stop和.prevent修饰符来禁止默认事件和冒泡.

文章图片
#html#前端#elementui +1
在Vue3的setup中如何使用this

但是Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。可以看到,2者有所区别。ctx是普通对象,proxy是Proxy对象。2、使用:由vue提供,官方文档现已找不到此api,可寻找其他替代方案,可能也不推荐使用。中使用this, Vue为我们提供了getCurrentInstance()方法,这个方法返回了ctx和prox

文章图片
#vue.js#javascript#前端
    共 14 条
  • 1
  • 2
  • 请选择