three vue js
VUE踩坑
问题1：expected indentation of 0 spaces but found 2 . 解决方案：1.打开 /config/index.js文件 ，找到： // 将 true更改为false即可 useEslint: false, 2.打开根目录下的/.eslintrc.js文件，找到 ......
js-cookie库
https://blog.csdn.net/weixin_49046027/article/details/121123014 https://www.cnblogs.com/gopark/p/13743364.html 简介 js-cookie是一个简单的,轻量级的处理cookies的js API ......
vue前端项目配置，让他人可以访问前端本地启动的项目地址
vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看，要保证自己和访问者在同一个局域网内，比如同连一个VPN的局域网，或者 ......
前端面试八股文 Vue
前端面试八股文 Vue 讲一下Vue框架的原理？ 我们使用Vue开发应用，实际上是编写若干Vue组件，实现模板、data、生命周期钩子等，然后执行new Vue()，将根组件挂载到指定的DOM节点上面，当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候，视图会响应地更新。这样就实 ......
vue实现视频上传功能
本文实例为大家分享了vue实现视频上传功能的具体代码，供大家参考，具体内容如下 环境：vue + TS 上传视频 + 上传到阿里云主要处理前端在vue下上传视频 使用的是阿里云的视频点播服务 1、需要后台去申请一个开发API,请求阿里云的接口访问控制2、有了开发视频的token，供给前端3、前端去请 ......
Vue学习笔记（八）：Vue脚手架
Vue脚手架是Vue官方提供的标准化开发工具，使用Vue脚手架（vue-cli）可以快速创建 vue 项目。 1 安装npm¶ 第一步（仅第一次执行）： 下载npm，npm（node package manager）是nodejs下的包管理工具，后续下载、管理vue包都得通过npm进行，下载地址如下 ......
MongoDB Node.js Driver and MongoClient All In One
MongoDB Node.js Driver and MongoClient All In One
......
phpStrom配置sass编译和JS压缩混淆
1 JS压缩混淆(YUI Compressor) 1.1 安装java文件（jre-8u201-windows-x64.exe） 1.2 YUI Compressor 下载 https://github.com/yui/yuicompressor/releases 1.3 Phpstrom配置：设置 ......
06vue之路由vue-router
1. 介绍 路由就是一种对应关系（Hash 地址与组件之间的对应关系），在Vue.js路由允许我们通过不同的url访问不同的内容 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。 此时，不同组件之间的切换需要通过前端路由来实现（在 SP ......
vue上传视频插件
视频作为一种信息表达方式，越来越受到人们的关注和喜爱。近年来，随着移动互联网的普及，手机、平板电脑等设备可以随时随地观看视频。在开发网站或移动应用时，上传和展示视频成为一项不可或缺的功能。Vue作为一种现代化JavaScript框架，提供了丰富的开发工具和插件，其中视频上传插件是Vue开发者必须学会 ......
04vue之axios
1. 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征： 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSO ......
05vue之组件
1. 组件化编程 根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护 1.1 组件 在 Vue 中，组件就是用来封装视图的，说白了就是封装 HTML；组件思想就是把一个很大的复杂的 Web 页面视图给拆分成一块一块的组件视图，然后利用某种特定的方式把它们组织到一起完成完 ......
vue之修饰符
1. 简介 修饰符是以半角句号 . 指明的特殊后缀 2. 常用修饰符 2.1 .prevent ：阻止事件默认行为 可以告诉v-on指令对于触发的事件调用 event.preventDefault()，一般用于表单提交、a标签的click事件等 <form v-on.prevent="onSubmi ......
03vue之脚手架搭建项目
1. 介绍 Vue脚手架是基于webpack搭建的，用来创建vue项目的工具包 Vue的运行流程： 通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 脚手架-官网 2 准备工作 2.1 检查以下是否安装 # 确定是否已经安装 node, npm, vue-cli脚 ......
02vue之调试工具vue-devtools
1 下载插件 可以在 https://chrome.zzzmh.cn/#/index 这里直接下载，然后直接拖入 扩展程序即可 2 下载包 2.1 从github克隆项目 git clone https://github.com/vuejs/vue-devtools 2.2 在vue-devtool ......
uniapp引入iconfont真机nvue不生效（兼容vue）
兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"></text> 2.App.vue设置，引入iconfont onLaunch() { // #ifdef APP-PLUS ......
js之调试小技巧
console.log console.log('标签名',值); 可以根据标签名区分输出的数据 在使用 console.log打印一个引用类型（比如数组和自定义对象）的对象的时候，输出结果可能并不是执行 console.log方法那个时间点的值。但是可以用 JSON.parse(JSON.stri ......
js之基础算法案例
1 判断是闰年还是平年 算法：能被4整除且不能整除100的为闰年 或者能够被 400 整除的是闰年 // 接收用户输入 var year = prompt('请您输入年份：'); if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) { a ......
纯js无缝滚动效果
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无缝滚动</title> <style type="text/css"> * { margin: 0; padding: 0; } #div { position: relativ ......
js之正则表达式
测试工具 在线测试工具 掘金待整理 https://juejin.cn/post/6844903933995925518 https://juejin.cn/post/6868559656088944648 1 概述 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的 ......
js3之高级面向对象
1 面向对象 1.1 概述 1.1.1 面向过程 POP 面向过程编程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了 就是按照我们分析好了的步骤，一步一步去解决问题 1.1.2 面向对象 OOP 面向对象编程是把事务分解成为一个个对象，然后由 ......
js1之基础知识
1 简介 1.1 计算机语言 计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。总的来说，可以分成机器语言，汇编语言和高级语言三大类。 实际上计算机最终所执行的都是 机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。 0=00000000 1=0000 ......
vue 基于 el-upload 封装视频上传组件
新建video-upload.vue文件： <template> <div class="video-upload-com"> <el-upload :action="uploadUrl" :before-upload="beforeAvatarUpload" :file-list="mediaLi ......
Spring Boot 访问静态资源css/js
一、前言 我们用 Spring Boot 搭建 Web 应用时（如搭建一个博客），经常需要在 Html 中访问一些静态资源，比如： css 样式； js 脚本； favicon.ico 图标等； 而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误 二 ......
vue前端有数据，但是eharts图标不显示的问题（待解决）
问题描述 vue前端能够获取到array数据，模式如图： echarts图表不能显示数据； 问题解决 还没解决~ ......
vue+echarts实现数据库数据的可视化（新的方式~）
1、新建一个vue项目 使能够正常访问浏览器的页面； 2、引入echarts模块 使用命令： npm install echarts --save 等待下载完成： 3、在main.js里面引用echarts模块 原来： 加上echarts之后： 命令代码： import echarts from ' ......
js_使用js读取link外部样式
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css" crossorigin> var linkStyle = document.getElementsByTagName("link" ......
Vue 异步更新、$nextTick
Vue 是异步更新 DOM 的，想要在 dom 更新完成之后做某件事，可以使用 $nextTick $nextTick：等 dom 更新后，才会触发执行此方法里的函数体 语法： this.$nextTick ( () => { // 业务逻辑 }) eg： this.$nextTick ( () = ......