写法vue2 vue js
springMVC写法
最近再了解一些springMVC写法，我知道现在最新的注释写法，但是现在很多厂子都还在用些配置文件.xml来进行配置这种写法。 我最近熟悉的注释写法，但是还是要看看xml写法的。 SpringConfig代码： package com.daitu.config; import org.springf ......
js中var和let共同点和不同点
#说明 let和var是JavaScript中用于声明变量的关键字,它们在一些方面有共同点,但也存在一些重要的区别。 ##共同点 * 变量声明:无论是'let'还是'var',都用于声明变量,使得我们可以在代码中存储和操作数据。 * 赋值:无论是'let'还是'var'声明的变量,都可以通过赋值来存 ......
vue之排序后端排序功能的实现
实现了使用后端的排序，前端只负责向后端发送请求要数据就可以了。 整个代码的简单逻辑就是，后端定义好的接口，前端使用逻辑获取前端是想正序、逆序还是无排序，然后将排序拼接到url中，发送给后端就行了。 代码如下： ```html ``` ......
vue better-scroll的参数和方法
startX: 0 开始的X轴位置 startY: 0 开始的Y轴位置 scrollY: true 滚动方向为 Y 轴 scrollX: true 滚动方向为 X 轴 click: true 是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用e ......
vue面试题1
VUE1 1.那你能讲一讲MVVM吗? MVVM是 Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将 ......
vue项目中嵌入软键盘（中文/英文）
键盘效果是这样，样式可以自己调整。gittee地址：https://gitee.com/houxianzhou/VirtualKeyboard.git步骤1 安装使用jQuery npm install jquery --save main.js中引入 import $ from 'jquery' ......
vue2第二章
1.组件封装 父传子 【使用最多的 主要用于封装 展示型 的组件】 子传父 【主要用于封装 有交互的组件, 一般是有事件绑定】 插槽 【主要是要插入内容】 1）卡片组件封装【展示型组件】 封装 <template> <div class="as-panel"> <div class="icon-wr ......
vue中引入echarts
1、先下载依赖包 npm install echarts -s //安装在目标项目中，如果想要全局安装就用-g 2、引入 2.1、全局引入 main.js中 import echarts from 'echarts' Vue.prototype.$echarts=echarts //也可以用： im ......
vue2第三章
1.内置组件component 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 vue内置组件 <template> <component :is="viewName" @updateView="updateView" > </component> </template> <s ......
关于Node.js 构建中遇到node-gyp报错问题的解决方案记录
项目今天进行版本更新，在走阿里云流水线的时候，出现了Node.js 构建过程报错问题，抱歉详情截图如下： 经过反复排查，最终发现是因为阿里云的npm仓库的问题，于是果断更换npm仓库，执行命令如下： npm config set registry https://registry.npm.taoba ......
vue3第一章
官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 视频：https://www.qiuzhi99.com/movies/vue3/1330.html 语法对比：https://www.jianshu.com/p/4e7ba9e93402 与2.x区别对比 1. vue2和 ......
vue2第一章
1.安装两个vscode插件 vetur --让.vue文件高亮和有语法提示 Vue VsCode snippets -- 快捷写代码 2.vue组件 一个.vue文件就是一个组件，称为单文件组件 <template> <div> // 这里写 HTML 注意：template只能有一个根节点 </ ......
前端vue、js、html、svg文件
**HTML文件** HTML文件用于定义网页的结构和内容。HTML文件包含HTML标记，用于创建网页的各个元素，如标题、段落、链接、图像等。HTML文件被浏览器解析和渲染，将其转换为可见网页。 ```html /*声明：用于指定 HTML 文档的版本类型*/ /*HTML 文档的根元素，包含了整个 ......
Vue初识
##### 一、Vue目录结构  ###### 1.vue组件 在Vue中，一个组件通常 ......
JS解析URL并获取URL参数值
方法1：通过正则表达式（推荐） 1.1定义获取指定参数值得函数，name为url的参数名 function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = wind ......
Vue 加载远程组件的解决方案
## 背景 最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究，并且整理了两个可行的解决方案。 ## HTML 文件 + umd 组件 这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包，然后在 HTML 文件中直接使用。 ```html ``` 但是这 ......
vue el-form 多种校验
rules:Object.freeze({ name1: [{ required: true, message: '请输入发放计划编码', trigger: 'blur' },{ pattern: /^(?!\s+).*(?<!\s)$/, message: '首尾不能为空格', trigger: ......
VUE后台管理系统(三)
### SKU管理模块 开发 - 先完成`静态组件` ``` ### Sku.index.vue ,sizes,total"> ``` - 配置请求并存储后端返回的数据 ``` ### product.sku.js ...... export const reqSkuList = (page,lim ......
vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误以及“fetch”未定义问题解决
使用360浏览器的兼容模式，vue项目页面空白，打开控制台，发现如下报错：SCRIPT1002: 语法错误 解决方法如下： 1、安装依赖 npm install --save core-js regenerator-runtime 2、在main.js引入 import 'core-js/stabl ......
jeecgboot-vue3 查询区 label 文字居左实现
>以系统管理中的系统角色界面为例 > ## 操作步骤 #### 1. 通过路由或者工具找到当前代码所在的文 ......
wiki.js 快速导入文件
简介： wiki.js是我最近在部署的一个知识库系统，为了提升使用效果，我使用了ela做搜索引擎，配置了ik分词工具，配置了git存储库，还使用了ldap登录验证。 那么快速批量上传文档，是我现在面临的问题，好在wiki.js已经有了解决方案。 本文主要记录配置调试git批量上传文档的工作。 一：g ......
js数组终止循环的方法
取代使用forEach时，遇到不符合的条件立刻终止，forEach无法return中止函数 var arr = [1,2,3,4,5,6,7]; try { arr.forEach((item,index) => { console.log(item); if(item == 3){ throw n ......
JS 中的 reduce使用举例技巧。
1. 计算数组中元素的总和 这是reduce最常见的用法之一，可以用来计算数组中所有元素的总和。例如，如果我们有一个包含数字的数组，我们可以用reduce来求和： const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((acc, cu ......
js三目运算符使用及嵌套
三目运算符基础格式：条件？a:b;下面根据一个实例来解释用法 var a = 10; var b = 5; var c = a > b ? a : b; //定义一个c ，如果 a > b,那么 取 冒号前面的值（这里为a），如果a <= b,那么取 冒号后面的值（这里为b） console.log ......
Vue 框架下提升加载速度的一些实战经验分享
现在前端的框架有很多，甚至两只手已经数不过来，当然也完全没必要全部都学，还是应该深入的学习一两个被广泛使用的就好。其实我和大部分同学的想法一致，认为最值得我们深究的还是主流的 Vue 和 React。我们通过深入的学习了解这些框架的思维，也让自己使用这些框架能够更加得心应手。 ......
vue 拖动元素传参
这里演示拖动左侧列表中单元格到右侧内容区 <div class="tree_root"> <div class="level_root""> <div :draggable="draggable" @dragstart="treeItemDragstart($event, levelItem)" c ......
【校招VIP】前端校招考点之vue底层特性
考点介绍： 大家在面试途中遇到的相对多的问题，也是难点的问题一般都有vue底层原理。对于只会用但是不懂的小白来说真是太痛苦了，仅仅能说出来 一些 数据劫持，双向数据绑定，虚拟dom树的名词来说远远不够。 一、考点题目 1、Vue实现数据双向绑定的原理是什么？ 解答：Vue实现数据双向绑定的原理：Ob ......
js 关于dom
可编辑的div // 加上contenteditable="true"即可，需要注意的是内部添加的子元素默认也可编辑 <div contenteditable="true" class="edit"></div> <script> var div = document.querySelector(" ......
web杂记(6)-js(2)
[TOC] # assign ```javascript >>let x={a:11,b:22}; >>let y={b:33,c:44}; >>let z={}; >>Object.assign(z,x,y); >>z Object { a: 11, b: 33, c: 44 } >>z.toSt ......