logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端页面在 Ctrl + 滚轮 时页面缩放,保持页面比例不动

Ctrl + 滚轮滑动可以使得前端页面方法缩小,页面内容比例会失衡,不好看。但是页面都已经做完不好再进行深层次的优化。那么就可以使用如下方式进行固定。想法:页面缩放会触发。

#前端
vscode 格式化插件以及配置

vscode 格式化插件以及配置:vscode常用插件:BeautifyEslintVetur进入setting页面点击如图红框进入,把下面的js代码粘贴进入就好了。点击左下角的这只进入设置 搜索 setting.js 然后粘贴即可{// 是否允许自定义的snippet片段提示"editor.snippetSuggestions": "top","editor.fontSize": 14,"edi

#前端#vscode
vuex利用第三方包实现数据持久化

Vuex–持久化目的:让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。在开发的过程中,像用户信息(名字,头像,token)需要vuex中存储且需要本地存储。如果有别的模块也需要持久化,也存储在本地1)首先:我们需要安装一个vuex的插件vuex-persistedstate来支持vuex的状态持久化。npm i vuex-persistedstate2)然后:在src/store

文章图片
#javascript#vue.js
前端vue项目打包--性能优化

vue 项目打包优化打包优化项目开发完成打包:用webpack做打包(把.vue, .js, .less------> .js, .css, .html)在项目中都会提供命令: npm run build打包优化:在保证功能可用的前提下,让我们的文件尽可能小在保证功能可用的前提下,让我们的页面显示出来的速度更快一些打包之后,会得到dist目录,如果希望可以双击打开index.html,则需要

文章图片
#vue.js
vue3 -- 封装消息提示方法

在实际开发中,为了更好地用户体验,我们会在用户执行了某些操作之后,予以反馈,告诉用户操作成功还是失败,因此需要一个消息提示反馈,这样的提示组件并不会像别的页面组件一样直接呈现给用户,而是通过某些操作来触发消息提示,因此我们会把他封装成全局方法

文章图片
#vue.js#html#css
纯前端下载 csv 格式文件

代码】纯前端下载csv格式文件。

#前端#javascript#开发语言
react-router-dom v6 版本的使用方式以及踩坑

在目前 React 项目中使用 路由,默认安装版本已经升级到版本,相较于 v5 版本 v6 做了哪些改变?使用时有哪些踩坑?

文章图片
#react.js#javascript#ecmascript
input 不可以输入编辑,但是可以选择的几种方式

1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。<input type="text" value="哈哈哈" readonly="readonly">2:disabled被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。<input type="text

input 框只允许输入正整数数字

原生js – input在项目中有些时候我们希望 input 框之能输入数字,比如 购物车里的商品数量等等<body><input type="text" class="inp" maxlength="5"><script>let inp = document.querySelector('.inp')inp.addEventListener('input',

#vue.js#前端#javascript
    共 31 条
  • 1
  • 2
  • 3
  • 4
  • 请选择