前端
关注
分享
扫一扫
Nazgul丶戒灵
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue 改变数组里对象key对应value
//evaList原数组//piece要替换的数据//index要删除数据的位置function(piece,index){ var _self=this; //以下2种方式均可以 // _self.$set(_self.evaList,index,piece); _self.evaList.splice(index, 1, piece) }splice的参数参考（$set类似）array.splice(index,howmany..原创 2020-09-04 11:24:28 · 3246 阅读 · 0 评论 -
element-UI中el-select下拉框，filter-method自定义，可按拼音名称搜索
<el-select v-model="item.memo" placeholder="" clearable allow-create filterable :filter-method="dataFilter" style="width: 100px"> <el-option v-for="it in channelList" :key="it.rid" :label="it.prop_val" :value="it.rid" /></el-select>.原创 2020-08-12 11:30:22 · 11218 阅读 · 1 评论 -
vue+element-ui实现多选框绑定数组对象
现在我们有一个数组对象 ： const cityOptions = [{id: 1, cityName: ‘上海’}, {id: 2, cityName: ‘北京’}];1 :label = city，直接绑定对象【不支持反显】<template> <el-checkbox-group v-model="checkedCities"> <el-checkbox v-for="city in cities" :label="city" :key="city.原创 2020-07-17 11:22:59 · 4920 阅读 · 0 评论 -
TD内容换行word-wrap与word-break的区别，以及无效情况
两种方法的区别说明：1，word-break:break-all例如div宽400px，它的内容就会到400px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。2，word-wrap:break-word例子与...原创 2019-11-30 18:14:52 · 1234 阅读 · 1 评论 -
VUE 点击其它区域触发事件（关闭、修改等）
看完这个文章后总结的：https://blog.youkuaiyun.com/xingyu_qie/article/details/78831045虽然是暴躁老哥，但是说的一点没错，现在答疑的家伙真的是不靠谱，要么就是百度黏贴复制说的跟问的没关系闲扯淡，要么就是当你是代码大神说了一句你不明白、也看不懂的代码，就让你用去吧。真想骂人，我要是能理解你们说的代码我还百度干什么？言归正传，主要解决问题...原创 2019-11-08 11:26:19 · 7111 阅读 · 4 评论 -
JQuery定时自动消失提示框/弹出框
jQuery弹出提示，效果：在页面中央显示提示，1.5秒后消失，不影响页面的正常布局。1 HTML代码HTML代码显示提示内容，放在页面中任何位置。<div class="alert"></div>2 CSS代码弹出框参考了Bootstrap 的样式：.alert { display: none; position: fixed;...原创 2019-07-17 15:54:42 · 1515 阅读 · 0 评论 -
html iframe 子页面调用父页面的方法、变量、内容
父页面代码：<!DOCTYPE html><html><head> <title>parents</title> <meta charset="UTF-8"></head><body><script language="javascript" type="text/...原创 2019-07-02 13:20:51 · 2138 阅读 · 0 评论 -
前端web如何播放m3u8格式的视频
m3u8格式的视频是将文件分成一小段一小段的ts文件，播放完一个在播放下一个，由于每次请求的ts文件都很小，所以基本可以做到无延时播放。目前WEB上主流的直播方案主要是HLS和RTMP，移动端主要是HLS，PC端主要是RTMP。HLS是苹果推出的，移动端不管是IOS还是Android都天然支持HLS协议，直接在h5页面直接配置即可使用；PC端只有safari浏览器支持，其他浏览器均不支持。...原创 2019-06-03 21:47:05 · 19505 阅读 · 1 评论 -
ajax中的一些参数的含义及用法
jquery中的ajax方法参数的用法和他的含义：1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间...原创 2019-06-03 13:36:08 · 379 阅读 · 0 评论 -
解决 VScode 在打开新文件是覆盖上一个窗口的问题(亲测可用)
当一个项目很大的时候我们去找某一个文件经常使用搜索功能，本人使用vscode的时间不是很长，经常使用快捷键ctrl+p进行某个文件的搜索，但我发现打开搜索的文件的时候会覆盖掉原来窗口中打开的文件，灰常不爽，其实我也没想想明白这款开发软件这样默认的意义是啥，后来实在觉得麻烦。去往上搜了搜解决方法，写的啥都有，最终靠着广大网友的力量解决了，岁数大了，好的事情都喜欢记下来，以便以后慢慢回忆，哈哈首选...原创 2019-05-29 08:52:58 · 22028 阅读 · 17 评论 -
用Spring Boot开发API接口
写在前面的话网络程序正朝着移动设备的方向发展，前后端分离、APP，最好的交互交互方式莫过于通过API接口实现。既然要进行数据交互，那么这接口就得有讲究了：既要实用，又要优雅好看！那么，如何写一套漂亮的API接口呢？本次我们先了解一下Spring对API接口开发的支持，然后我们采用Spring Boot搭建项目，借用Swagger2列出API接口，便于查阅。返回格式API接口要求...转载 2019-05-31 17:00:22 · 2879 阅读 · 0 评论 -
VS Code 必备插件推荐
插件 说明 备注 Auto Close Tag 自动添加HTML / XML关闭标签 uto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 vscode-icon 让 vscode 资源树目录加上图标，必备良品！ Bracket Pa...转载 2019-05-28 12:10:30 · 662 阅读 · 0 评论 -
懒加载 和 预加载 的实现
提到前端性能优化中图片资源的优化，懒加载和预加载就不能不说，下面我用最简洁明了的语言，说明懒加载和预加载的核心要点以及实现。1.懒加载懒加载的要点如下：1.图片进入可视区域之后请求图片资源；2.对于电商等图片较多，页面很长的业务场景很适用；3.可以减少无效资源的加载；4.并发加载的资源过多会阻塞js的加载，影响网站的正常使用；如何实现懒加载呢？要点就是html中img标签src属性为空，给一个da...转载 2018-04-27 13:42:35 · 1096 阅读 · 1 评论 -
jquery click()方法模拟点击事件对a标签不生效的解决办法
a href="www.baidu.com">a>1问题分析点击A标签本身，并不会触发跳转到指定链接的事件，就是说，我们平时都是点击的A标签中的文字了。 所以要想用JS模拟点击A标签事件，就得先往A标签中的文字添加能被JS捕获的元素，然后再用JS模拟点击该元素即可。 打印$(“a”)[0]，得到的是http://www.baidu.com，但实际上$(“a”)[0]是一个obj转载 2018-01-12 14:21:41 · 848 阅读 · 0 评论