html
关注
分享
扫一扫
文章平均质量分 54
普通网友
这个作者很懒，什么都没留下…
展开
-
vue3 src 用require 动态导入图片报错和解决方法
vue3 动态的导入图片vue3 如果使用的是typescript开发，就会出现require引入图片报错，require is not defined 不能像使用vue2 这样imgUrl: require(’…/assets/test.png’) 导入，是因为typescript不支持require所以用import导入，下面介绍如何解决： 使用await import(’@/assets/img/22.png’);demo.vue<template> <img :sr原创 2022-03-11 20:38:00 · 1341 阅读 · 0 评论 -
uniapp插件开发：uniapp使用uni_modules开发插件、发布插件，直接导入，一键升级
目录背景开发前提条件插件开发步骤参考更多背景uni_modules是uni-app的插件模块化规范（HBuilderX 3.1.0+支持），通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装，用于嵌入到uni-app项目中使用，也支持直接封装为项目模板。插件开发者，可以像开发uni-app项目一样编写一个uni_modules插件，并在HBuilderX中直接上传至插件市场。uni_modules开发的插件，可以直接在uniapp的任意页面直接使用，与eas原创 2022-03-11 19:14:33 · 7650 阅读 · 0 评论 -
nvm介绍、nvm下载安装及使用
一、nvm介绍在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用2.1 nvm下载安装包下载地址：https://github.com/coreybutler/nvm-windows/releases，windows系统下载nvm-setup.zi原创 2022-03-11 15:13:58 · 1064 阅读 · 0 评论 -
Java项目在线点餐系统(java+Springboot+Maven+mybatis+Vue+mysql+Redis)
源码获取：博客首页 “资源” 里下载！项目描述：这是一个基于SpringBoot+Vue框架开发的在线点餐系统。首先，这是一个前后端分离的项目。具有一个在线点餐系统该有的所有功能。项目功能：此项目分为两个角色：普通用户和管理员。普通用户有登录注册、浏览商品信息、添加购物车、结算订单、查看个人信息、查看个人订单详情等等功能。管理员有管理所有商品信息、管理所有订单信息、管理所有用户信息、查看收益数据图表等等功能。应用技术：SpringBoot + VueCli + MySQL + MyBatis .原创 2022-03-11 13:51:41 · 312 阅读 · 0 评论 -
API 与 Web API 以及 与Java Script 基础的关联
Java Script 分为三部分，分别为 ECMA Script , DOM , BOM其中ECMA Script就是学过的 JS 基础语法，DOM与BOM属于Web APIAPI：API 即应用程序编程接口（Application Programming Interface）是一些预先定义过的函数或接口，目的在于用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问源码，或理解内部工作机制的细节，可以简单理解为 API 就是为程序员提供的一种便捷的工具，方便各种想要实现的功能原创 2022-03-11 11:08:32 · 90 阅读 · 0 评论 -
非培训的前端转行之路（根据个人真实经历）
我是歌谣 放弃很很难 但是坚持一定很酷 本文乃本人真实经历书写希望对你的工作和学习有所帮助 感谢你得阅读前言我是歌谣，当然真名不是叫歌谣。歌谣的原因1. 歌谣可以传承很久 影响比较大2. 歌谣可以让人心情愉悦 让人积极向上3. 名字里面有个谐音 哈哈…说多了 有点扯皮了 就这样大概介绍一下咯记住我是歌谣就行了 也会长期活跃在该平台~哈哈首先这篇文章不是一天两天能够完成的 我得仔细梳理可能发布的时候已经过了一两周吧此处应该配个图要不明天在写吧 今天就到这。配一张我得壁纸吧.原创 2022-03-10 13:25:36 · 902 阅读 · 0 评论 -
给数组添加元素的6个方法
给数组添加元素的6个方法1. 使用 length 属性追加元素使用length属性，可以在数组末尾后面添加一个元素var arr = [1, 2, 3, 4, 5];arr[length] = 6;console.log(arr); // [1, 2, 3, 4, 5, 6];2. 使用 push 方法追加元素push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度var arr = [1, 2, 3, 4, 5];arr.push(6);console.log(arr)原创 2022-03-10 12:04:47 · 22787 阅读 · 0 评论 -
前端常用库——nanoid
nanoid库和uuid库一样都可以生成uuid，但是nanoid相比uuid要更轻量级，下面就来演示一下如何在项目中使用nanoid。1.在项目目录下打开终端，下载安装nanoid库npm i nanoid或者，如果你安装了yarn可以使用：yarn add nanoid2.引入nanoid库nanoid库中用分别暴露的方式暴露了一个函数nanoidimport {nanoid} from 'nanoid'3.使用nanoid生成uuid直接调用nanoid()，即可生成一个uui原创 2022-03-09 14:21:23 · 2263 阅读 · 0 评论 -
【笔记】vue3.2 父组件如何调用子组件中的方法
父组件调用子组件中的方法，这是个看似不常见，但是大家都会遇到的问题。在vue2.x中可以用this.$refs、在vue3.x中也可以给子组件一个ref，然后直接.value来操作它，但是到了vue3.2中，似乎是不行了，那是因为你忽略了一个新的语法糖defineExpose。在vue3.2中，由于使用了<script setup>，在这个标签中的变量或是方法需要你主动去暴露，不然在组件外部是无法直接获取到的。废话不多说，直接上例子。<!-- 子组件 child.vue -->.原创 2022-03-09 13:00:54 · 690 阅读 · 1 评论 -
Vue项目学习提升
一、vue-router路由1、项目包导入vue-router是一个插件包，用来对页面跳转进行控制非常的方便，之前我们采用后端相应的方式进行页面的跳转，现在我们可以直接在前端进行控制页面的跳转npm install vue-router --save-dev初始化vue-router插件包2、vueRouter包的使用使用的方式非常类似Java包的使用方式，先导入包，然后申明使用，同理类似其他的项目依赖包的使用，先安装包(上面的那一步npm install…)，然后在项目中进行导入，最后申明原创 2022-03-09 11:37:37 · 197 阅读 · 0 评论 -
vue3中的getCurrentInstance
setup的执行时组件对象还没有创建，此时不能使用this来访问data/computed/methods/props我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象，也就是当前vue这个实例对象<template> <div> </div></template><script lang="ts">import {defineComponent, getCurrentInstance} from原创 2022-03-09 10:16:42 · 2060 阅读 · 0 评论 -
Vue 学习笔记（一）
Vue 学习笔记（一）文章目录Vue 学习笔记（一）一、Vue 概述二、 搭建Vue环境三、Vue 知识详解1. hello 小案例2. Vue 模板语法1. 插值语法2. 指令语法3. 数据绑定3. data 与 el4. MVVM 模型5. 数据代理6. 事件处理1. 事件的基本使用：2. 事件修饰符3. 键盘事件4. 鼠标事件7. 计算属性（computed）8. 监视属性（watch）9. 绑定样式10. 条件渲染11. 列表渲染原创 2022-03-09 08:41:57 · 130 阅读 · 0 评论 -
ts(TypeScript)常用语法(Omit、Pick、Partial、Required)
ts(TypeScript)常用语法比如有一个联系人列表export interface Contact{ name: string; // 姓名 phone?: string; // 手机号 email: string; // 邮箱 avatar: string; // 头像 userid: string; // id}1.Omit去除类型中某些项（官方提供）现在需要定义一个新的数据类型，新的联系人列表没有邮箱项可以使用Omit，其源码如下/** * Construc原创 2022-03-08 14:01:38 · 1122 阅读 · 0 评论 -
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I’ll try to do my best with it!报错根据这个报错信息可以得出，目前你电脑npm的版本是适合于lockfileVersion@1的，但是你的package-lock.json是源于lockfile原创 2022-03-08 12:41:13 · 3512 阅读 · 0 评论 -
json是什么，看了之后我才恍然大悟
?? 小 木 来 了 extcolor{Orange}{小木来了} 小木来了?? 使 用 J S O N 可 以 很 方 便 的 和 后 台 的 J a v a 对 象 进 行 数 据 传 递 extcolor{green}{使用JSON可以很方便的和后台的Java对象进行数据传递} 使用JSON可以很方便的和后台的Java对象进行数据传递???? J S O N 对 于 我 们 的 学 习 是 必 不 可 少 的 ， 要 学 会 怎 么 去 使 用 extcolor{green}{JSON对于我们的.原创 2022-03-08 11:21:02 · 219 阅读 · 0 评论 -
HTML+CSS+JavaScript网页特效源代码（复制代码保存即可使用）
以下下代码直接复制保存即可使用特效一特效二特效三特效四特效五特效六特效七特效一方块运动演示<html><head><meta charset="utf-8"><title>蓝盒子</title><style>body { margin: 0; padding: 0;background: black; overflow: hidden;}</style><script原创 2022-03-08 10:00:38 · 3287 阅读 · 0 评论 -
优快云浏览器助手又双叒叕更新啦，来体验下都更新了什么
优快云浏览器助手又双叒叕上新啦，来体验下都更新了什么重磅：沉浸式阅读实用：插件强推荐推荐一：优快云热榜一键呼推荐二：优快云收藏夹搜索助手期待：新功能畅想优快云浏览器助手新版本 9 月强势上线！ 插件官网，点击体验新增“博客净化”功能，去掉广告，砍掉边栏……打造沉浸式阅读体验重磅：沉浸式阅读安装新版本浏览器助手更新了优快云博客详情页优化插件，打开一篇文章，可以看到不但没有广告，连左侧的博主信息，文章目录，相关推荐都没有了，只有你要看的文章，这下可以专心致志看文章了原创 2022-03-08 08:40:34 · 107 阅读 · 0 评论 -
记录一下今天犯的一个低级错误Uncaught (in promise) ReferenceError err is not defined
用vue做项目，用AXIOS获取数据，然后对数据进行筛选，代码如下然后就开始报错了百思不得其解，搞了半天，结果发现是因为我给变量collections定义是const，但是后来却改变了，居然会犯这么低级的错误，真是太弱智了，修改过后就没有报错了控制台正常输出结果...原创 2022-03-07 10:06:24 · 5765 阅读 · 0 评论 -
最详细完整的flex弹性布局
初了解在学习弹性布局之前首先就要明白其概念flex 就是flexible box的缩写，意为弹性布局，用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex;}行内元素当然也可以使用flex布局.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}原创 2022-03-07 08:43:06 · 481 阅读 · 1 评论 -
使用script setup语法糖优化你的vue3代码
注意：本文章写于setup语法糖早期提出阶段，如今部分用法已经更改，最新的用法请以官方最新提案为主。请移步官方文档? ? ?https://v3.vuejs.org/api/sfc-script-setup.html[这里是图片001]https://v3.vuejs.org/api/sfc-script-setup.htmlscript setup是vue3中新引入的语法糖，目的是简化使用Composition API时冗长的模板代码。例如：<script lang="ts">.原创 2022-03-06 03:50:58 · 1288 阅读 · 0 评论 -
[已解决]“TypeError Cannot read property ‘xxx‘ of undefined“报错情况分析
这句话直译过来就是：TypeError：无法读取未定义的属性“ xxx”首先去看看属性 ‘xxx’ 有没有定义。没定义的根据实际需求在data中或者方法中定义一下。1、如果在data中定义了，先看看你的data写对了没，我有一次手误打成了 date ，检查了一下午才看出来o(╥﹏╥)o2、如果这个数据“xxx”是从后台异步获取的，那就最好在data中先给他个默认值比如，data() { return { obj1: '', obj2: null. obj3原创 2022-03-06 02:28:57 · 38401 阅读 · 0 评论 -
vue使用原生高德地图
1、先在vue项目根目录下新建vue.config.js，这个文件是没有的，vue不提供module.exports = { configureWebpack: { externals: { 'AMap': 'AMap', // 高德地图配置 'AMapUI': 'AMapUI' } },}2、在vue文件index.html中引入高德地图js文件<!DOCTYPE html><html lang="en"> <head>原创 2022-03-06 01:07:38 · 463 阅读 · 0 评论 -
uniapp 使用 addInterceptor 实现登录拦截
什么是uni.addInterceptoruni.addInterceptor 是用于拦截 uni 的api的方法，一般用于给api添加全局的属性，或者全局处理事件登录拦截使用 uni.interceptor ，实现当需要登录，并且没有token的时候跳转到登录页，否则正常跳转import store from "../store";const whiteList = [ // "/pages/myInfo/myInfo"];//白名单 不需要登录的页面路径组成的数组funct原创 2022-03-05 23:46:42 · 4309 阅读 · 2 评论