写法vue2 vue js
tinymce富文本编辑器在vue2使用
参考https://blog.csdn.net/LJJONESEED/article/details/127863020 1.下载 ``` npm i tinymce@5.10.3 @tinymce/tinymce-vue@3.2.8 -S ``` 2.在node_modules中找到tinymce ......
Vue登录流程
知识点：token存储、路由守卫拦截、请求拦截 一、前端存储token 存储到状态管理中==》为了做变量判断 存储到cookie中==》设定过期时间 二、请求拦截 发送请求，获取个人信息，前端需要带有token，后端则返回需要的信息 需要单独的封装一个请求类，将token封装进去 三、路由守卫拦截 ......
【前端教程01】用原生js实现一个轮播，支持自动播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
vue3+ts 分页hooks封装
import { reactive } from "vue"; export interface IPageInfo { pageNum: number; pageSize: number; totalCount: number; } export interface IUsePageReturn ......
js原生方法：获取某个元素所处屏幕的位置，input输入框中文输入时的调用
span.getBoundingClientRect() 会返回改元素的位置信息 ```js // 输入框内容改变 function inputSearchChange () { // 如果是拼音输入，则会进入这个监听 inputSearch.addEventListener('compositio ......
vue富文本编辑器推荐
https://m.geekku.com/spec/vue/1574.html 我项目中用的TinyMCE，如果安装过程遇到报错，可能是版本问题，请看原链接评论区置顶第1条 https://blog.csdn.net/yzding1225/article/details/119561821?ops_ ......
js小练习
### 写一个函数，计算两个数字的和 ```js function add(a,b){ console.log(a+b) } add(2,3) ``` ### 判断一个数字是否是偶数 ```js function ouShu(a){ if (a%2 0){ console.log(a+'是偶数') ......
js随笔
JavaScript（缩写：JS）是一门完备的动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。由布兰登·艾克（Brendan Eich，Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人）发明。 JavaScript 的应用场合极其广泛，简单到幻灯片 ......
带有 Spring Boot 后端的 Vue.js 前端
1. 概述 在开始本教程中，先推荐1个SpringBoot+Vue前后端分离Java项目，本项目是一个大型互联网金融项目，采用Spring Boot , Dubbo 微服务的架构，包括多个独立的微服务，micr-common个公共服务，micr-web服务，micr-database数据库服务，mi ......
vue3 el-dialog 的底部按钮居中
需要在el-dialog 外前台一层div 代码如下 ``` 这里写具体业务逻辑 取消 保存草稿 保存并提交 ``` css 代码如下 ``` ``` ......
前端面试真题-vue（一）
1.说说对vue的理解 （1） vue.js是一种用于创建用户界面的渐进式的javascript框架 （2）也是用于创建单页面应用的web应用框架。 （3）vue的核心库只关心视图层，使得数据和视图的双向绑定变得快捷 （4）由于vue的核心库只关心视图层，所以不仅可以与其他库和现有项目整合，也可以添 ......
vue高德地图实现播放暂停功能，支持快进快退，播放倍数设置
高德地图实现具体功能如图 具体实现思路如下: <div class="playAnimation"> <table width="100%" style="" border="0"> <tr class="info_play"> <td>{{ currentMileage / 10 }} KM / ......
若依框架支持三级菜单写法层级注意点
component 内容注意点，一定要注意，否则就会不出来三级菜单 第一层级写 Layout 是布局 第二层级写 必须写 ParentView 第三层级写自己的组件对应的地址 ......
01 pixi.js入门
写在前面：写该笔记时pixi.js版本为V7.2.4 1. 安装 npm install pixi.js 或者 <script src="https://cdn.jsdelivr.net/npm/pixi.js@7.x/dist/pixi.min.js"></script> 又或者 <script ......
vue项目因修改环境变量导致生产包体积过大
前言： 最近接触一个比较大的vue项目，发现打包后的项目文件体积很大，最大的的一个js有17M，于是用 Vue CLI report 分析一下 Vue CLI（@vue/cli）自带的 webpack 包体积优化工具，它可以查看各个模块的 size 大小，方便优化。只需要在 build 后面加上 - ......
vue-elemen表格的表头增加自定义问号描述，render-header传自定义参数
# 一、要实现的效果  需要实现的问题 - 表头增加问号❓ - 一个表单多个表头，描述文案不同 # 二、实现 ......
Vue2电商实战项目(七)收尾补充
### 表单验证: ```vee-validate```插件 - 安装 ``` - npm i vee-validate@2 --save // 安装'2'版本的 ``` - 插件``` 模块化``` ``` ### plugins.validate.js import Vue from 'vue' ......
教你如何用Vue3搭配Spring Framework
摘要：在本文中，我们将介绍如何使用Vue3和Spring Framework进行开发，并创建一个简单的TodoList应用程序。 本文分享自华为云社区《Vue3搭配Spring Framework开发【Vue3应用程序实战】》，作者：黎燃。 一、介绍 Vue3和Spring Framework都是现 ......
js图片预加载
以vue项目为例，window.onload完毕后，开始预加载图片 使用 require.context 批量引入图片然后使用每一张图片：new Image().src = curr_image export default { name: 'App', created() { window.onl ......
使用vue cli 5.0 在vscode中运行vue命令报错
1、运行 vue -- version 报错 2、在cmd 命令行 执行 vue --version 正常 3、在终端中输入 get-ExecutionPolicy，查看当前权限 4、执行 set-executionpolicy remotesigned 命令设置为可用模式，但是报错 5、使用管理员 ......
js的Set数据类型
在js中，Set和Map相比，也有一组key的集合，但不存储value。由于key不能重复，所以，在Set中没有重复的key。因此，set使用的场景在于，可以提供一组没有重复元素的集合。 Set构造 要构造一个Set对象，需提供一个Array作为输入，或者直接构造一个空Set，如： var set ......
图书商城项目练习①管理后台Vue2/ElementUI
本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......
JS加密在实际应用上面有哪些优点
随着网络知识产权意识的不断增强，很多程序员为了保护自己的劳动成果，在代码的保护上面也是有着很多的心思，JS加密也是在这样的环境下催生。 网络代码有着很高的复制几率，所以为了隐藏代码的原本内容，用JS加密对代码进行加密必不可少。 下面我们来看看JS加密在实际应用上面都有哪些优点： 第一：保护代码的独立 ......
VUE框架组件中通信方式(5)
//vuex:集中式管理状态容器,可以实现任意组件之间通信！！！ //核心概念:state、mutations、actions、getters、modules //pinia:集中式管理状态容器,可以实现任意组件之间通信！！！ //核心概念:state、actions、getters //pinia ......
Three.js教程：gui.js库(分组)
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 gui.js库(分组) 当GUI交互界面需要控制的属性比较多的时候，为了避免混合，可以适当分组管理，这样更清晰。 gui交互界面不分组 gui交互界面不分组,只有一个默认的总的菜单。 const gui = new G ......
vue列表页返回数组错误Invalid prop: type check failed for prop "data". Expected Array, got Object
一个vue列表页接收后端数组时是这样写的： this.list = response.data 返回如下错误： Invalid prop: type check failed for prop "data". Expected Array, got Object 意思是希望返回一个数组但实际得到一个 ......
彻底理解 Node.js 中的回调(Callback)函数
究竟什么是回调函数(Callback)，网上有许许多多的文章，大部分看得人云里雾外，这些文章大概分成两类，第一类堆砌了太多的术语，基本上不明白术语就没法看，另一类反过来，不讲术语，完全是举一些脱离编程的生活化例子来类比，看的人更加晕头转向。 作为JS的核心，回调函数和异步执行是紧密相关的，不跨过这个 ......
Vue Router 源码分析
最终成果，实现了一个可运行的核心路由工程：柏成/vue-router3.x。地址如下：https://gitee.com/lbcjs/vue-router3.x ......
前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版
#### 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13266 #### 效果图如下: ![](https://p3-juejin.b ......