前端

Vue3 使用mapState

如何在 Vue3 中更方便快捷地 获取 Vuex 中state 中的多个值 假设 在 state 存在值,需要全部获取 state(){ return { name:'huai', age:'18', height:'180', sex:'男' } } 页面中展示 <p>{{name}}</p&g

小程序怎么自定义导航栏,导航栏放图片、设置高度

今天来说一下小程序的自定义导航栏。 1、设置导航栏style为custom: custom 2、这是刷新页面,页面的内容就跑到了页面的顶端,不留丝毫间隙: 内容飞了 3、然后定义一个components,就是我们自定义的导航栏组件: (1)先在项目根目录创建一个components文件夹,这个文件夹的名称是固定的,就是components: componen

vue.config.js中的webpack配置,优化及多页面应用开发

目录 一、vue.config.js中常用的配置 1、导出模块 2、publicPath 部署应用包的基本Url 3、outputDir 输出文件目录 4、assetsDir 打包后生成的静态资源目录 5、lintOnSave 6、productionSourceMap 生产环境的 source map 7、devServer 8、 chainWebpack webpack配置 9、confi

HTML————更实用于后端宝宝们学习的前端

博主主攻后端,但是毕竟要做网站,我们来学习一点前端的知识,一共有三节,学完就能做一点小小的页面啦;1.1 HTML基础什么是HTML呢,他是超文本标记语言,还记得HTTP是啥不,HTTP是超文本传输协议,别忘了哈,超文本就是字面意思,它的能力完全

Vue接口调用方式(二)axios用法

axios用法 ✍目录总览: 1. axios的基本特性 axios 是一个基于Promise用于浏览器和node.js的HTTP客户端。 它具有以下特征: 支持浏览器和node.js 支持promiseAPI 自动转换JSON数据 能拦截请求和响应请求 转换请求数据和响应数据(请求是可以加密,在返回时也可进行解密) 2. axios的基本用法 //客户端请求 axios.get

小程序图片添加文字水印

公司需求:小程序上传图片,添加文字水印 完成经过:一堆坑 1.官方文档 官方文档地址如下: 小程序有两种canvas写法,可不要搞混了 2.获取图片宽高 小程序添加文字,需要使用canvas重新绘制canvas图片,需要设定宽高。 wx.getImageI

@ant-design/icons-vue按需引入icon

正常引入icon组件库 import * as Icons from '@ant-design/icons-vue' // 循环使用全部全部图标 const icons: any = Icons for (const i in icons) { // 全局注册一下组件 app.component(i, icons[i]) } 此时打包npm run build

前端实现视频文件动画帧图片提取全攻略 - 附完整代码样例

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程&

Vue接口调用方式(一)fetch用法

✍目录总览: 1. fetch概述 基本特性 fetch是传统ajax的升级版本,是原生js 更加简单的数据获取方式,功能更强大,更灵活,可以看作是xhr的升级版。 基于Promise实现 语法结构 fetch(url).thne(fn2) .thne(fn3) ... .then(fn) 2. fetch的基本用法

实现一个简单的单页应用

这几天整理的一下过往的文章和笔记,备份到了 Github 上,地址👉 blog。 如果我的内容帮助到了您,欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~ 👆 本文实现的单页应用很简单。 一段简单 HTML 结构: <main>这是一个简单的单页应用示例</main> <ul> <li><a href="/">Home</a&