前端-VUE 第51页

前端 webSocket 的使用

webSocket使用一、概念定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议，解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手，两者之间就可以创建一个持久性的TCP连接，此后服务器和客户端通过此TCP连接进行双向实时通信。例子：现在需要根据用户不同的输入来获取后端不同的数据，http请求的方式就是每次用户输入我就发送一个http请求。然而we

小刘先生很努力·2024-02-20 09:28

解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

出现警告："export'default'(importedas'VueRouter')wasnotfoundin'vue-router'"export'default'(importedas'Vue'

冲动的BUG·2024-02-20 09:28

vue3 之数据格式化函数

在很多项目中，都会有数据字典表，前端通过请求后端拿到数据字典表里的数据，一般在页面列表上面状态数据都会是返回的数字，前端需要把数字转换成字典表里对应的数据值，下面写了一个前端写死的数据，stateMap

jiojio冲冲冲·2024-02-20 09:25

vue中使用jsx语法

请注意，在Vue中使用JSX时，你仍然需要通过h函数（通常是一个别名，对应于createElement函数）来创建虚拟DOM元素。

_处女座程序员的日常·2024-02-20 09:24

Pinia 官网速通

前言：参考Pinia中文文档，在Vue3配合ts中的使用。一：介绍1.什么是PiniaPinia是Vue的存储库，允许跨组件/页面共享状态。1.1.为什么要使用Pinia？

yqcoder·2024-02-20 09:54

Vue-Router 官网速通

前言：参考VueRouter，本文档例子使用vue3语法。一：介绍1.什么是VueRouter是Vue.js的官方路由。功能包括：1.路由映射。2.动态路由。3.路由配置。4.路由参数。5.过渡效果。

yqcoder·2024-02-20 09:23

llvm之clang前端的一些例子：

这是我第一次写博客，最近刚刚接触llvm，写这篇blog主要是边学习边总结，当然有很多理解不到位，甚至是错误的地方。我非常愿意和大家一起探讨，请教llvm的相关知识。这篇blog不求能帮助大家，只求能不误导大家就好。以后也要养成写blog的习惯，在这里非常感谢@snsn1984在他blog里我学到很多东西，也正是这个原因激发了自己写blog的动力，希望能够坚持下去。有问题也希望能够和大家一起探讨！

me1o·2024-02-20 09:49

负载均衡下webshell连接nginx解析漏洞、sql注入第一关

id=1'--+正常判断是字符型注入，闭合方式是'id是1后台看是数据表里第一行查询id=1'出错前端打印出了报错信息语法错误这里是找到了库名，接下来是找表名这个方法是子里面把两个表连接在一起查询出的数据

kaituozhizzz·2024-02-20 09:49

clang前端

Clang可以处理C、C++和Objective-C源代码Clang简介Clang可能指三种不同的实体：前端（在Clang库中实现）编译驱动程序（在clang命令和Clang驱动程序库中实现）实际的编译器

Back～～·2024-02-20 09:46

video标签指定视频的某一帧作为封面

importVuefrom'vue'captureFrame(url,file){constvideo=document.createElement('video')video.src=urlconstcanvas

小付-小付·2024-02-20 09:14

生活｜这东西，不要也罢

再后来，前端右侧的保险杠漏油，整个杠看起来都是黑油油的，湿漉漉的样子。他们说，这没得换，是一次性的。我一直以为是一次性的，可是，如今才知道，保险杠漏油是可以清理，更换零件的！～～机油出了问题，一般的

黑河畔梁波涛·2024-02-20 09:26

Vue中的数据请求

数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise,

nerao·2024-02-20 09:42

idea 启动java 项目时，日志卡住不动，项目重新启动失败，前端页面访问失败

项目场景：背景：IDEA-启动SpringBoot项目时，日志卡住不动，项目启动失败问题描述问题：IDEA-启动SpringBoot项目时，日志卡住不动，启动失败，前端页面刷新后访问失败idea的左下角的

努力学编程呀(๑•ี_เ•ี๑)·2024-02-20 09:08

vue axios 请求后端无法传参问题

vue请求后端无法传参问题问题描述处理过程总结问题描述在学习vue时，使用axios调用后端，发现无法把参数正确传到后端，现象如下：使用vue发起请求，浏览器上已经有传参，但是后端没接收到对应的用户名密码

进击的菜狗子·2024-02-20 09:32

前端系列——vue2+高德地图web端开发（使用和引入）

vue2+高德地图web端开发（使用和引入）前言准备工作高德地图的个人开发者注册高德api网址1.点击进行注册2.注册完之后进入控制台3.创建新应用4.添加高德2.0新增创建vue2的项目npm引入高德官方文档

勤恳的码农!!·2024-02-20 09:02

VUE2 使用高德地图（入门超详细）

创建项目就不用说了吧高德地图的apihttps://lbs.amap.com进去后按照提示注册登陆点击左侧应用管理-我的应用点击右上角创建新应用给新创建的应用添加key红框圈起来的是必填项提交后就有key和密钥两个重要的东西（项目需要）在项目的根目录里cmdnpm方式输入命令行：npmi@amap/amap-jsapi-loader--save接下来就是在封装好地图的组件里页面挂载：在script

蜘蛛侠_@·2024-02-20 09:30

vue2+高德地图web端开发使用

创建vue2项目我们创建一个vue2项目，创建vue2项目就不用再多说了吧，使用“vuecreate项目名”创建即可注册高德地图高德地图官网地址：https://lbs.amap.com/如果是第一次使用

是张鱼小丸子鸭·2024-02-20 09:30

vue2 使用高德地图

import{getStation}from'@/api/photovoltaic'exportdefault{name:'MapContainer',data(){return{map:null,mapMarker:{station:[],stationIsShow:true},kanbanData:{userInfo:[]}}},watch:{map(val){console.log('地图变

一个前端不会用git·2024-02-20 09:59

vue2 引用高德地图

https://lbs.amap.com进去后按照提示注册登陆1.点击左侧应用管理-我的应用2.点击右上角创建新应用给新创建的应用添加key提交后就有key和密钥两个重要的东西（项目需要）3.在项目的根目录里cmdnpm方式输入命令行：npmi@amap/amap-jsapi-loader--save4.在main.js全局引入importAMapLoaderfrom"@amap/amap-jsa

没有铲屎官的汪·2024-02-20 09:59

vue2项目中引入高德地图--1 简单应用

首先我们需要进入到高德地图的官方网站申请一个key和密钥，创建一个项目--首页|高德控制台2.安装高德地图的包--npmi@amap/amap-jsapi-loader--save3.新建一个放地图的vue

zhangnian-张张张·2024-02-20 09:28

Vue2中使用高德地图（Loader ）

1.需求：根据输入的地址，地图显示地址的位置；2.准备工作2.1注册高德开放平台账户，并完成认证根据具体实际情况，完成个人开发或者企业开发认证。高德开放平台https://console.amap.com/2.2在应用管理---我的应用中添加key注意：服务平台选择web端（JSAPI）2.3参考文档路径高德开发参考文档路径https://lbs.amap.com/api/javascript-a

Smart_11·2024-02-20 09:58

Vue2项目使用高德地图

目录一、账号准备1.注册账号2.获取key二、快速上手1.安装2.创建地图3.点标记4.海量点标记5.简易行政区图6.GeoJSON三、绑定事件总结一、账号准备1.注册账号首先，注册开发者账号，成为高德开放平台开发者https://console.amap.com/dev/index2.获取key登录高德开放平台后，进入左侧边栏应用管理-我的应用，右上角创建新应用，应用名称与应用类型任意填写选择添

蜻蜓队长2068·2024-02-20 09:28

vue小记——this

原生和Vue中使用this的这几个坑你都知道吗？-掘金(juejin.cn)在JavaScript中，this是一个特殊的关键字，它在函数被调用时自动定义。

松果猿·2024-02-20 09:58

Vue组件之间的传递通信

Vue组件之间的通信可以通过多种方式实现，包括但不限于以下几种：一、父子组件通信1.父组件向子组件传递数据：使用props传递数据在Vue中，父组件可以通过props向子组件传递数据。

松果猿·2024-02-20 09:27

【Vue】自定义指令

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳自定义指令之前的v-htmlv-modelv-for等都是内置指令自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能需求：当页面加载时

五敷有你·2024-02-20 09:56

vue2+高德地图web端开发（二）

高德地图API(amap.com)输入提示-输入提示-示例中心-JSAPI2.0示例|高德地图API(amap.com)创建输入框：引入Element组件库：关于引入element可以看我的这篇文章：Vue

松果猿·2024-02-20 09:25

vue2 导入使用vue-codemirror详解

目录vue2导入使用vue-codemirror详解1介绍2安装使用2.1安装vue-codemirror2.2使用codemirror2.2.1引入3配置详情3.1语言模式配置3.2自动高度设置3.4

Saga Two·2024-02-20 09:53

vue router-view报错解决

目录1报错内容2解决方案2.1检查版本2.1正确引入使用vue-router组件1报错内容我们在使用router-view组件的时候会遇到如下报错：报错内容如下：[Vuewarn]:Unknowncustomelement

Saga Two·2024-02-20 09:23

vue2 vue-router引入使用详解

vue2vue-router使用详解1介绍2VueRouter的使用2.1安装2.2项目引入使用2.2.1创建路由文件2.2.2main.ts引入2.2.3App.vue配置2.2.4整体目录结构2.4

Saga Two·2024-02-20 08:53

LeetCode JS专栏刷题笔记（一）

一、前言LeetCode在前不久出了一个JavaScript专栏，这个专栏一个目的是为了非前端工程师学习JS，另一个是为了前端工程师提升JS能力。

子洋丶·2024-02-20 08:49

vscode使用快捷键一键生成vue默认的初始结构

1.打开vsCode打开路径：文件-->首选项-->用户代码片段-->vue.json注意：这里的vue.json是一般系统默认的名字显示。

vicky_yongqi·2024-02-20 08:19

【VSCode】设置一键生成vue模板的快捷入口

解决办法文件=>首选项=>用户代码片段=>vue.json配置vue模板其中prefix是用来触发代码段的内容，即模版的快捷入口；body里配置的就是模板内容，我这里使用的是vue3的模板；description

只会CV只会CV只会CV·2024-02-20 08:47

基于python+django+vue.js开发的健身房管理系统

功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：教练管理、会员管理、场地管理、设备管理、用户管理、日志管理、系统信息模块。

山东好汉Tim·2024-02-20 08:17

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十二章常用工具函数 (Utils配置)

前言在项目开发中，我们经常会使用一些工具函数，也经常会用到例如loadsh等工具库，但是这些工具库的体积往往比较大，如果项目本身已经引入了这些工具库，那么我们就没有必要再引入一次，所以我们需要自己封装一些工具函数，来简化我们的开发。一、通用类工具函数在src/utils目录下创建tools文件夹，用于存放通用类工具函数文件。在tools文件下创建index.ts文件import{ElMessage

SmallTeddy·2024-02-20 08:46

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章基础界面开发 (组件封装和使用)

前言Vue是前端开发中非常常见的一种框架，它的易用性和灵活性使得它成为了很多开发者的首选。

SmallTeddy·2024-02-20 08:45

StoneDB 读写分离实践方案

读写分离方案既可以使用第三方中间件，也可以在业务前端实现。本文介绍的是较为常用的中间件ProxySQL。服务器配置说明IPMemor

3A网络文文·2024-02-20 08:36

Vue3警告：Write operation failed: computed value is readonly

前因：利用vuex存放公共属性，并在组件中利用computed赋值调用锁定问题来源：（这里使用setup语法糖，js语法）letisVisible=computed(()=>store.state.daiLog.isVisible

ydcgye_·2024-02-20 08:06

vue3之fix: [Vue warn]: Write operation failed: computed value is readonly.

透明度{{`${slideVal}%`}}import{useStore}from'vuex';import{computed}from'@vue/reactivity';exportdefault{name

c_reshape·2024-02-20 08:03

VUE复习笔记19（混入）

混入基础混入(mixins)是一种分发vue组件可复用功能中一种特别灵活的方式。混入对象可以包含任意的选项，所有混入对象的选项将被混入该组件本身的选项。

XKolento·2024-02-20 08:36

Devil枫·2024-02-20 08:31

使用computed___v_isReadonly 与 computed

在Vue3reactive函数出现了target.__v_isReadonly这是什么意思呢？

weixin_39608300·2024-02-20 08:30

VUE 3.0源码之computed

_computed实现计算属性，然后调用recordInstanceBoundEffect记录当前的effect，方便当组件卸载时清除import{computedas_computed}from'@vue

soooyoung·2024-02-20 08:28

echarts入门实例

echarts是百度开源的前端统计报表框架，可以绘制各种曲线，饼图，直方图等等。

luffy5459·2024-02-20 08:24

Write operation failed: computed value is readonly问题解决

源代码：//封装倒计时逻辑函数import{computed,ref}from'vue'importdayjsfrom'dayjs'exportconstuseCountDown=()=>{//1.响应式数据

Ian1025·2024-02-20 08:47

0成本部署github前端项目流程

0成本部署github纯前端项目流程对业内来说应该是一个比较常规的操作，对于新手来说进行过一次应该就很难忘记了，但很多人仍然是不会的，认为部署项目很难，很专业，其实现在由于这些厂商的努力，大众（没有任何计算机基础

佚名涙·2024-02-20 08:13

你知道Web框架有哪些吗?

BootstrapBootstrap是由Twitter团队推出的开源前端框架，以HTML、CSS和JavaScript为基础，提供了一系列可复用的UI组件和强大的响应式布局系统。

dami_king·2024-02-20 08:43

vuex 是什么？怎么使用？哪种功能场景使用它？

Vuex是Vue.js的状态管理库。它可以用来管理应用程序中的共享状态，并提供了一种集中式的方式来管理状态的变化。

我爱学习yq·2024-02-20 08:11

vuex 有哪几种属性？

Vuex有以下几种属性：state：用于存储应用程序的状态数据。state:{count:0}getters：用于从状态数据中派生出新的数据。