前端
文章平均质量分 52
我的龙呢
这个作者很懒,什么都没留下…
展开
-
angular项目引入reveal.js
在angular项目中引入reveal.js原创 2022-01-26 10:35:04 · 1144 阅读 · 0 评论 -
前端正则校验
正则校验1 http?网址校验1 http?网址校验用于校验http:// 和 https://开头的网址^(https?)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+$原创 2021-10-09 16:39:48 · 169 阅读 · 0 评论 -
前端获取音频或者视频的时长
获取音频或视频时长1 前序知识获取属性1 前序知识通过文件获取这个文件在本地磁盘中的url地址let url = URL.createObjectURL(file);根据地址生成一个可操作的音频html元素,视频的话换成音频的url即可 let audioElement = new Audio(url);获取属性该方法传入音频文件,返回音频的时长duration、url、paused、volume等其它的属性也可以通过audioElement元素获取获取元素一定是在addEv原创 2021-07-02 16:19:00 · 3680 阅读 · 0 评论 -
Vue修改外部引入标签的样式
修改外部引入标签的样式1 首先在浏览器中要修改的样式,红框内全部赋值下来。2 把自己引入的标签用一个``标签包裹,并定义样式名此处为`class="mytable"`1 `注意`:如果没有用外部标签来包裹引入的标签的话,我们在一个页面设置的属性会影响到其它的页面。2 修改引入标签的样式(此处只留下了被修改的样式)3 这个时候`1 首先在浏览器中要修改的样式,红框内全部赋值下来。2 把自己引入的标签用一个<div class="mytable">标签包裹,并定义样式名此处为class="myt原创 2021-05-22 10:49:47 · 402 阅读 · 0 评论 -
vue动态绑定图标
vue使用图标0 安装`svg`1 安装`svg`2 从图标库下载图标3 查看插件的使用方法4 做一个动态组件用来动态展示图标0 安装svg图标时字符,图片时二进制流。即图片加载会比图标慢,且加载图标最好不要用img标签,我们可以把图标当成组件用import的方法引入进来,然后当成标签引入。1 安装svg1.使用管理员身份运行cmd窗口,切换到项目目录下执行。npm add svg2 从图标库下载图标1.阿里图标库https://www.iconfont.cn/2.下载svg3.在原创 2021-05-21 16:16:44 · 1272 阅读 · 0 评论 -
nested exception is java.lang.NumberFormatException: For input string: “null“]
null转换为Long类型异常1 报错原因2 解决方案1 报错原因Vue前端向后端传值时某个参数传的值为null,后端用Long类型接收,此时会报这个错误。org.springframework.validation.BindException: org.springframework.validation.BeanPropertyBindingResult: 1 errorsField error in object 'umsResource' on field 'id': rejected v原创 2021-05-17 13:29:34 · 3446 阅读 · 0 评论 -
data functions should return an object:
data functions should return an object:1 第一种原因2 第二种原因正确写法括号内应该写`error.message`而不是`error`1 第一种原因data(){}中没有返回值,直接改为如下就行data(){}2 第二种原因在catch()时直接把erro输出了,错误如下:。.catch(error => { Message.error(error)})正确写法括号内应该写error.message而不是error.catch(error原创 2021-05-17 11:21:51 · 916 阅读 · 0 评论 -
Vue添加富文本编辑器
Vue添加富文本编辑器1 安装 vue2-editor2 引入方式1 全局引入2 局部引入3 回显数据方式方式1 安装 vue2-editornpm install vue2-editor如报以下错误则需要以管理身份运行cmd窗口,且要切换到项目文件目录内才能运行 npm命令Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\npm_cache\_cacache\tmp\1a0eb15e'2 引入方式1原创 2021-05-13 19:36:12 · 487 阅读 · 0 评论 -
Vue自定义组件
Vue自定义组件0 注意1 传值1 单向绑定传值2 双向绑定传值3 同步传值 (`vbind` + `.sync`)2 传递方法1 自定义静态组件(此处为一个文件上传组件)1 在components目录下建一个.vue文件2 注册组件1 注册全局组件(只注册一次)1 引入组件2 注册组件3 调用组件2 注册局部组件(每次用的时候都要注册)1 自定义动态组件0 注意向子组件传值有 单向绑定(v-bind) 双向绑定(v-model) 和 同步(vbind + .sync) 三种方式1 传值1 单向原创 2021-05-13 15:30:08 · 1372 阅读 · 2 评论 -
Vue数据插槽
Vue数据插槽1 使用注意事项示例1 使用注意事项1.数据插槽只能在<template v-slot="scope" ></template>标签中被定义2.scope.row代表一行数据,我们需要从中拿出某一个数据使用3.使用scope.row.id可以拿到这一行数据的id值示例<el-table-column label="操作">` <template v-slot="scope" > <template v原创 2021-05-12 18:02:04 · 410 阅读 · 0 评论 -
Vue表单验证
目录复制Vue表单验证1 前端1 标签的内容1 在`el-form`标签中定义如下属性2 `ref="edit-form"` 用于调用关于表单的方法3 `:model="form"` `el-input`标签中表单值`v-model`的父属性4 `:rules="rulers"` `el-form-item`标签中验证规则`prop`的父属性2 在`el-form-item`标签中定义 `prop="name"`属性 用于表单校验3 在`el-input`标签中定义 `v-model="form原创 2021-05-10 11:45:57 · 529 阅读 · 0 评论 -
Vue
目录复制Vue报错在Style中出现的错误1 `calc()`命令无效2在Style中出现的错误1 calc()命令无效减号两边一定要有空格height: calc(100% - @su-height)2原创 2021-04-29 17:01:14 · 112 阅读 · 0 评论 -
nodejs的安装及使用
Node的安装及使用1 安装1 遇到下图选中Add to PATH 就行2 遇到下图不勾选3 检查是否安装成功(在cmd窗口操作)4 下载cnpm(包管理工具)5.报错处理2 使用1 在cmd窗口中切换到需要创建vue项目的文件夹下`在这里插入代码片`1 安装路径也不要改,除了下面有图标识的情况需要动,其它的都是默认选项如果已经安装的话,在安装完后再点击安装包,然后选择change就行1 遇到下图选中Add to PATH 就行这样就可以不用配置环境变量了2 遇到下图不勾选3 检查是否安原创 2021-04-28 17:58:00 · 583 阅读 · 0 评论 -
遍历后端传来的数据并巧妙的赋上id值便于获取
1.给标签赋上id值,以第3个html中为例:使用字符串(“n_”)+id号(n.id)的形式id="n_'+n.id+'" $.each(data.data,function (i, n) { html += '<tr>'; html += '<td><input type="radio" value="'+n.id+'" name="activity"/>&原创 2021-03-28 08:53:26 · 365 阅读 · 0 评论 -
form表单不能提交数据
1.在进行form表单提交时如果input标签中没有name属性的话,那么该标签中的数据是不会被提交到服务器的。2.提交的name的值要和实体类的属性名一致,便于序列化。<div class="form-group" style="width: 400px; position: relative; left: 20px;"> <label for="amountOfMoney">金额</label> <input原创 2021-03-28 08:37:58 · 2822 阅读 · 0 评论