logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue <style>使用变量 css使用变量

首先给标签赋值 :style<div :style="cssVar" />computed中定义刚才赋值的变量computed:{cssVar(){const _site = {'--left': 10,'--top': 20,}return _site},},最后在 <style> 中使用var()函数读取变量即可,该函数可以使用第二个参数,表示变量的默认值。@k

#前端
vue2 webpack3 升级 webpack5 全过程,内附详细配置文件

由于 webpack5 需要 node 版本>=10.13.0,请先将 node版本 升级, npm版本 用node自带的就可以了。官方最新的node版本好像不兼容下面的webpack5配置,建议升级成 LTS版本 ,这里我升级的是v14.18.1的LTS版本,可以完美兼容。配置代码我怕各种不兼容你们拿去不能用,索性全部贴出来,用到什么参考下我的版本,这些版本间的兼容性一言难尽,不要问我为什

#webpack#javascript
Vue插件——vue-virtual-scroll-list 虚拟滚动组件的使用

vue-virtual-scroll-list是vue的一个虚拟滚动组件,通过不渲染可视区域以外的内容,显示虚拟的滚动条来提升页面性能首先是安装插件npm install vue-virtual-scroll-list --save页面使用<div><virtual-liststyle="height: 360px; overflow-y: auto;" //样式可以通过styl

#javascript
关于使用JSON.stringify()数据丢失的问题

使用JSON.stringify()时遇到的 数据丢失 问题,如下如图值为 undefined 的 des 在 JSON.stringify() 后直接丢失。了解到JSON.stringify()有一系列的转换规则1、undefined、函数以及symbol值的转换规则:这三者在非数组对象的属性值中会被忽略在数组中时会被转换成null被单独转换时,会返回 undefined2、布尔值、数字、字符串

文章图片
#javascript
vue2 webpack3 升级 webpack5 全过程,内附详细配置文件

由于 webpack5 需要 node 版本>=10.13.0,请先将 node版本 升级, npm版本 用node自带的就可以了。官方最新的node版本好像不兼容下面的webpack5配置,建议升级成 LTS版本 ,这里我升级的是v14.18.1的LTS版本,可以完美兼容。配置代码我怕各种不兼容你们拿去不能用,索性全部贴出来,用到什么参考下我的版本,这些版本间的兼容性一言难尽,不要问我为什

#webpack#javascript
Vue插件——vue-virtual-scroll-list 虚拟滚动组件的使用

vue-virtual-scroll-list是vue的一个虚拟滚动组件,通过不渲染可视区域以外的内容,显示虚拟的滚动条来提升页面性能首先是安装插件npm install vue-virtual-scroll-list --save页面使用<div><virtual-liststyle="height: 360px; overflow-y: auto;" //样式可以通过styl

#javascript
谷歌浏览器插件——Ajax Interceptor,一个用于修改 ajax 请求响应的 chrome 扩展,可以修改ajax请求返回结果,在浏览器上直接mock数据

如图,开启后会拦截 getData 这个请求,然后将请求数据改为设置的 []。1、安装方式https://github.com/YGYooo/ajax-interceptorgithub的链接如上,我也在csdn资源里上传了,免费下载,但是不知道能不能过审核。谷歌浏览器 => 拓展程序加载完后重启浏览器2、使用方式点击拓展里的Ajax Interceptor整个界面很好操作,没有任何多余的按

文章图片
#ajax#chrome#javascript
JS 创建iframe,移除iframe中所不需要的元素

创建iframe设置基础属性,并添加onload事件,捕获iframe的加载完成进行回调。/*** @description: 配置及引入iframe* @return void*/setNewIframe() {let iframe = document.createElement('iframe')iframe.src = ''iframe.height = 500iframe.width =

#前端#javascript#vue.js
正则——用户名和密码校验、数字、大小写字母、数字和字母、小数、中文

【代码】正则——用户名和密码校验、数字、大小写字母、数字和字母、小数。

#正则表达式#前端
Vue自定义指令——el-select多选框 设置默认值并且不可编辑

因为el-select原生就可以实现下拉列表的选项禁用,指定项不可添加。那么想要实现设置默认值并且不可编辑,只要实现默认值不可删除即可。关闭按钮有着它自己的className:el-tag__close。那么只要将默认值的el-tag__close图标全部隐藏掉,就能实现设置默认值不可删除效果。具体指令如下:在el-select中的应用:...

#vue.js#javascript#前端 +1
到底了