前端 终端 实战vue

Vue第一个程序,经典Hello

弄明白了简单模式的vue应用,开始应用,首先下载vue.js文件,也可以访问使用 CDN 方法, 我是直接下载了vue.global.js,方法是NPM 方法(这个在上面的官网与菜鸟都有) ,然后用Visual Studio 建了一个空网站,新建文件夹scripts 把vue.global.js放文 ......
程序 经典 Hello Vue

前端几种下载文件的方式

1、location.href方式下载 对于浏览器不能打开的文件(例如:..rar .doc等)是可以实现下载的,但是对于浏览器可以打开的(例如:txt,xml等)只可以实现预览功能 window.location.href = "https://xxxx...测试.xlsx" 2、window.o ......
前端 方式 文件

vue element ui在添加表格数据时,出现数据跟着变化的问题

主要是对象赋值问题 对对象进行深拷贝即可 arrObj=JSON.parse(JSON.stringify(this.form)); this.tabelDate.push(arrObj) ......
数据 表格 跟着 element 问题

【项目实战】手把手教你利用博客园API开发、上线一个自己的博客小程序

说明 本篇希望用最简单的方式帮助大家上线一个属于自己的实用的小程序,帮助大家体验一个相对较完整的小程序创建、上线流程,步骤会尽可能详尽; 文章会更像新手教程,只是引导零基础的同学入个门,所以会尽可能避免让大家自行编辑代码,因此在文中也不会对代码逻辑就进解释,文章中也会附上源码地址。 小程序功能查看 ......
博客 实战 程序 项目 API

前端常用配置

`DNS:223.5.5.5` 用于解决部分yarn和npm问题 #### npm镜像 `npm config set registry https://registry.npm.taobao.org` #### 创建React模板 (js) `npx create-react-app my-app ......
前端 常用

前端之localStorage

#### 问题:同一个浏览器同时打开两个saas,发现localStorge共用同一个,相同key值的存储会相互覆盖 ![](https://img2023.cnblogs.com/blog/822442/202307/822442-20230726161332174-188121171.png) ......
前端 localStorage

vue 2 接入three.js

1、安装three.js npm i three@0.128.0 2、在vue中引用(可以测试一下,是否ok,下面测试) 1)、新建index.js import * as THREE from 'three'; // 引入Three.js扩展库 import { OrbitControls } f ......
three vue js

前端视角的可观测性(一)

TL;DR Gartner将应用可观测性列为2023年重要战略趋势之一。 作为开发者, 即便没有专精此道。但了解一下,还是有必要的。 前言 最近,我所在的产品组,将完善监控系统,放入了版本规划中。 趁此良机,了解了一波可观测性相关的背景和技术。 同时,对原有的监控方式,进行了一定的改造。 可观测性 ......
前端 视角

手机上vue页面返回时如何保持原来的位置

1,问题的提出 采用vue做手机评分页面的前端,页面显示多个评分项的分数和总分。 每个评分项有个修改按钮,按下后弹出新的页面,用户填写分数后按提交按钮,则保存数据、关闭页面、回到前一页。 此时,页面上显示的分数和总分会刷新,但是显示的页面位置未保留修改前的位置,而是回到了顶部显示。 这种情况如果页面 ......
位置 页面 手机 vue

如何快速在本地运行你vue打包的的dist文件

> 要在本机启动运行前端提供的dist包,需要先安装一个HTTP服务器,例如Apache,Nginx,phpstudy。这里以使用Node.js的http-server为例进行说明 1. 首先,确保已经安装了Node.js。如果没有安装,可以从官网下载并安装。 2. 打开终端或命令行窗口,使用以下命 ......
文件 dist vue

视频直播系统源码,vue自定义模拟滚动条

视频直播系统源码,vue自定义模拟滚动条 vscroll自定义滚动条模板 <template> <div class="vui__scrollbar" ref="ref__box" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeav ......
视频直播 源码 系统 视频 vue

庆军之低代码vue模式

原来render(h),h并不是一个对象。 我一直以为,我可以写成 render(h){ createuibycode(h,data,data.Data); return h; } , metchs:{ createuibycode(h,ui,Data){ .... var uitype = ui. ......
模式 代码 vue

目前为止整理最全的前端监控体系搭建篇(长文预警)

参考: https://cloud.tencent.com/developer/article/1983779 https://github.com/miracle90/monitor https://wpk.ucweb.com/index 概览 为什么要做前端监控 前端监控目标 前端监控流程 编写 ......
长文 前端 体系

第五章、web前端架构师

[TOC] ####九、项目整体搭建 #####1、导学 + 将收获什么 ``` * 第一部分:相关准备知识 - 前端工具链的相关工具介绍 - 脚手架工具的使用和对比 ~ Imooc CLI ~ Vue CLI ~ Vite - 编码规范 ~ ESLint ~ Prettier ~ 产出**编码规范 ......
前端 架构 web

web前端外包公司的未来来哪里?

1、前端工程师外包公司 2、web前端外包公司的未来来哪里? 3、web前端人力外包公司应该如何选择 4、如何开一家前端外包公司? 5、web前端外包公司选择时应该注意些什么 6、前端web开发外包公司有哪些 前端工程师外包公司 推荐阳狮网帆,要求蛮高的,对前沿的技术比较追崇,特别是对canvas的 ......
前端 公司 web

一文摸清前端监控自研实践(一)性能监控

https://juejin.cn/post/7097157902862909471 前言 这篇文章整理了一下自己在团队中自建web环境下前端监控的实践经验,整理成文分享出来: 一般来说,前端搭建监控体系,可以概括为为了做两件事:如何及时发现问题、如何快速定位问题,而为了解决这两个问题,前端监控体系 ......
前端 性能

一文摸清前端监控自研实践(二)行为监控

前言 上篇文章我们分享了关于 页面性能监控 的内容,本文我们接着来看 用户行为监控 的方面 系列文章传送门 一文摸清前端监控实践要点(一)性能监控 一文摸清前端监控实践要点(二)行为监控 一文摸清前端监控实践要点(三)错误监控 腾讯三面:说说前端监控告警分析平台的架构设计和难点亮点? 用户的行为特征 ......
前端 行为

一文摸清前端监控自研实践(三)错误监控

前言 上篇文章我们分享了关于 用户行为监控 的内容,本文我们接着来看 错误异常监控 的方面 系列文章传送门 一文摸清前端监控实践要点(一)性能监控 一文摸清前端监控实践要点(二)行为监控 一文摸清前端监控实践要点(三)错误监控 腾讯三面:说说前端监控告警分析平台的架构设计和难点亮点? 应用的稳定情况 ......
前端 错误

Vue3 组件篇

## 组件命名 组件的命名一般分为两种 1. 在单文件组件中,推荐为子组件使用 PascalCase 的标签名,以此来和原生的 HTML 元素作区分。虽然原生 HTML 标签名是不区分大小写的,但 Vue 单文件组件是可以在编译中区分大小写的。我们也可以使用 /> 来关闭一个标签。 2. 使用 ke ......
组件 Vue3 Vue

Spring Boot 实现文件断点下载,实战来了!

来源:juejin.cn/post/7026372482110079012 ## 前言 > 互联网的连接速度慢且不稳定,有可能由于网络故障导致断开连接。 > > 在客户端下载一个大对象时,因网络断开导致上传下载失败的概率就会变得不可忽视。 ![](https://img2023.cnblogs.co ......
断点 实战 文件 Spring Boot

【项目实战】手把手教你上线一个表情包斗图小程序 - 无需代码基础

说明 本篇希望用最简单的方式帮助大家上线一个属于自己的实用的小程序,帮助大家体验一个相对较完整的小程序创建、上线流程,步骤会尽可能详尽; 文章会更像新手教程,只是引导零基础的同学入个门,所以会尽可能避免让大家自行编辑代码,所以也不会对代码逻辑就进解释,文章中也会附上源码地址。 小程序功能 小程序中的 ......
实战 表情 代码 基础 程序

Vue中使用Echarts可视化图表

1、首先在项目中安装Echarts 1 npm install echarts 2 npm install echarts --save 2、在项目 main.js 中全局引入 1 import echarts from 'echarts' 2 // 挂载到vue原型上 3 Vue.prototyp ......
图表 Echarts Vue

vue3之element-plus

1.安装elementPlus和自动导入插件 npm i elementPlus npm install -D unplugin-vue-components unplugin-auto-import 2、配置自动按需导入 // 引入插件 import AutoImport from 'unplug ......
element-plus element vue3 plus vue

uni-app vue-cli命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错

### 安装vue/cli npm install -g @vue/cli ### 问题 >根据官网提示,通过 vue-cli 命令行创建项目,出现如下报错。 ``` Fetching remote preset dcloudio/uni-preset-vue... ERROR Failed fet ......
uni-preset-vue uni vue dcloudio 命令

前端每日习题

# 前端每日习题 # 1.什么是HTTP协议,列举你所知道的相关知识点 # 2.列举你所知道的HTML标签 # 3.如何制作一个表格 # 4.写出form 表单常用标签及注意事项 # 5.简述盒子模型 # 6.css选择器的优先级是怎么样的 # 7.display属性的用法 # 8.背景属性相关的有 ......
前端 习题

前端每日习题解释版

# 前端每日习题解释版 # 1.什么是HTTP协议,列举你所知道的相关知识点 - HTTP(超文本传输协议)是一种用于在计算机网络上进行传输的协议。 - 它是一种客户端-服务器协议,用于在Web浏览器和Web服务器之间传输数据和资源。 以下是HTTP协议的相关知识点: - HTTP采用请求-响应模型 ......
前端 习题

vue : 无法加载文件 C:\Users\jianfei\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。

# 背景 在新电脑上配置vue环境 ``` PS E:\CODE_PROJ\myvue\vue23\P61_使用脚手架\vue_test> npm install -g @vue/cli npm WARN deprecated source-map-url@0.4.1: See https://gi ......
脚本 vue AppData Roaming jianfei

React 前端应用中快速实践 OpenTelemetry 云原生可观测性(SigNoz/K8S)

![image](https://img2023.cnblogs.com/blog/436453/202307/436453-20230726100409784-1077991420.png) [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
前端 OpenTelemetry SigNoz React K8S

uniapp webview 与vue2页面双向通信

一、准备工作 uniapp: //建立工程,创建显示的页面 <web-view src="http://192.168.0.58:8080" @message="handlePostMessage"></web-view> vue: 安装webview用到的依赖 yarn add @dcloudio ......
双向 webview 页面 uniapp vue2

前端Vue仿支付宝自定义可滑动轮播分页宫格菜单组件,可支持九宫格 十二宫格 十五宫格

## 背景介绍 随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进 ......
动轮 九宫 前端 组件 菜单