前端 终端 实战vue
nvm、node、vue安装、vue项目创建打包
nvm、node、vue安装、创建vue项目 nvm作用：可以管理多个版本的node，切换node版本，下载node。 前情提要 参 考：https://zhuanlan.zhihu.com/p/519270555 下载地址：https://github.com/coreybutler/nvm-wi ......
面向OpenHarmony终端的密码安全关键技术
本文转载自 OpenHarmony TSC 官方微信公众号《峰会回顾第17期 | 面向OpenHarmony终端的密码安全关键技术》 演讲嘉宾 | 何道敬 回顾整理 | 廖 涛 排版校对 | 李萍萍 嘉宾简介 何道敬，教授、博导。现任哈尔滨工业大学计算学部教授、哈尔滨工业大学（深圳）计算机学院副院长 ......
Vue3语法基本使用
1、watch 使用 watch(监听数据源,执行函数,[配置参数]) //配置参数： 立即执行 深度监听 {immediate: true, deep: true } 1.1 监听基本数据类型单一数据源 <script setup> import {ref, watch} from 'vue' l ......
解决vue中watch监听对象变化获取不到旧数据的问题
解决vue中watch监听对象变化获取不到旧数据的问题 1.问题代码 watch: { pageInfo: { handler(newVal, oldVal) { console.log(newVal, oldVal); }, } } 结果：打印出来newVal和oldVal输出内容一样 conso ......
vue2使用百度地图（vue-baidu-map）
https://dafrok.github.io/vue-baidu-map/#/ https://www.npmjs.com/package/vue-baidu-maphttps://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 一 ......
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
再聊Java Stream的一些实战技能与注意点
大家好，又见面了。 在此前我的文章中，曾分2篇详细探讨了下JAVA中Stream流的相关操作，2篇文章收获了累计 10w+阅读、2k+点赞以及 5k+收藏的记录。能够得到众多小伙伴的认可，是技术分享过程中最开心的事情。 吃透JAVA的Stream流操作，多年实践总结 讲透JAVA Stream的co ......
如何在Android平台GB28181接入终端实现语音广播和语音对讲
今天由我们华脉智联主要介绍下语音广播和语音对讲这部分。 GB28181平台广播和对讲这块，重要性不言而喻，没有广播的接入终端，数据只是单向流入，加入后，指挥中心和终端之间的联系更紧密，实时双向沟通更方便，适用的行业范围也更广泛。 关于语音广播和对讲，感兴趣的开发者可直接参阅以下部分精选介绍： 命令交 ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue，如下图所示，直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
springboot+vue整合百度的Ueditor
前言 最近应上级要求，添加一个富文本编辑器，百度的Ueditor（主角来了）；划重点2016年就停更了！ 废话不多说，直接开始操作吧。 ！！！建议看的时候仔细一点，因为很可能遗漏了某个地方就很抓狂！！！ 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
高性能MySQL实战（三）：性能优化 | 京东物流技术团队
这篇主要介绍对慢 SQL 优化的一些手段，而在讲解具体的优化措施之前，我想先对 EXPLAIN 进行介绍，它是我们在分析查询时必要的操作，理解了它输出结果的内容更有利于我们优化 SQL。为了方便大家的阅读，在下文中规定类似 key1 的表示二级索引，key_part1 表示联合索引的第一部分，uni ......
前端项目npm install安装报错：code ERESOLVE ERESOLVE could not resolve
背景：使用npm 安装依赖的时候，发现报了如下的错误： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-admin-te ......
web前端入门到实战：HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 footer 底部 dialog 对话框 使用习惯： hea ......
vue端接收springboot端传来的表格数据
1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放，同时也要做到拖拽放大的自适应，两种思路方法，一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应，工作量较大；第二种是通过ui组件库自带的grid布局，这里用ant-desig ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
全栈工程师必须要掌握的前端CSS技能
作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ......
Vue学习三：生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......
vscode 终端报错：无法加载文件 D:\nodejs\npm.ps1，因为在此系统上禁止运行脚本。
问题：vscode终端执行npm指令时报错如下 解决： 1. 在终端通过输入指令 get-ExecutionPolicy 得到以下结果： 表示当前执行策略为受限的 2. 执行指令 Set-ExecutionPolicy -Scope CurrentUser，并输入 RemoteSigned。 Set ......
vue3.*安装axios具体步骤
在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错； ......
SpringBoot和Vue实现数据对接--SpringBoot端
1、新建一个SpringBoot项目 勾选上这四个： 等待创建完成即可； 2、编写.yml文件 这里需要注意的是，端口需要与vue的端口区分开，不然会存在端口冲突的问题！ 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
vue实现动态导航栏的设置
1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签，动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果： 2、为页面设置选中状态--此时点击选中是有状态的，但是初始 ......
前端常用函数及其方法
前端常用函数及其方法 说明：日常开发中需要关注的东西太多了，难免会有些东西容易遗忘，那么好记性不如烂笔头就体现出来了 生成一个数组 我有一个 数字，是根据计算得来的，但是现在我要把它扩展成一个数组 const count = 6 const arr = Array.from({ length: co ......
Mac 电脑 m2 在终端怎么把python3加入环境变量
首先获得python3安装路径： which python3 然后编辑 bash_profile 文件 vi ~/.bash_profile 在insert模式下 将python3路径写入 PATH="/Library/Frameworks/Python.framework/Versions/3.1 ......
从零开始使用vue2+element搭建后台管理系统（框架布局+面包屑+内容页加载实现）
先在components下分别创建侧边栏、顶部、布局等组件，用于全局配置： CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......