- 博客(172)
- 资源 (31)
- 问答 (1)
- 收藏
- 关注
原创 CSS3 点赞动画
<!--结构--><div class="demo"> <i id="testImg" class="love"></i> <p><input type="button" id="testBtn" value="暂停"></p></div><!--样式--><style type="text/css">.love { display: bloc
2024-02-02 10:43:20 647
转载 js实现深拷贝的几种方式
2、JSON.parse(JSON.stringify(obj)) 满足一般使用场景,缺点是无法实现对象中方法(function)的深拷贝。6、数组使用数组方法进行深拷贝(concat、slice)只有一级属性为深拷贝,二级属性后就是浅拷贝,如[1,2,3,[1,2,3]]4、Object.assign(obj1, obj2)实现深拷贝,只有一级属性为深拷贝,二级属性后就是浅拷贝。5、扩展运算符实现深拷贝,只有一级属性为深拷贝,二级属性后就是浅拷贝。3、jQuery的extend方法实现深拷贝。
2023-11-20 16:55:54 678
转载 js寻找字符串中出现最多的字符
通过以上四种不同的实现思路,我们可以得到字符串中出现次数最多的字符和出现的次数。根据实际需求和场景的不同,可以选择合适的方法来进行实现。
2023-11-17 16:38:54 353
原创 javascript更新 sessionStorage 对象的值
为了解决将数据存储在了sessionStorage中,但是当我修改数据时页面并没有及时更新,只有刷新页面后数据才会更新。2.在需要保存数据的地方进行调用:this.resetSetItem('xxxxx', value);mounted:页面创建的时候添加监听,beforeDestroy: 在页面销毁的时候移除监听。这种默认写法会将vuex中的所有数据存储到Local Storage中,2.在store/index.js文件引入一下这个插件,并配置即可。1、在main.js中添加全局获取缓存数据。
2023-07-11 09:50:42 1201
原创 el-tree checkbox
expand(假如节点展开)、node-click,最后执行check-change,check-change是检查节点发生变化时调用,比节点自身变化要慢。el-tree组件使用时执行顺序依次为@current-change、@node-expand、@node-click、@check-change时。经debugger实验,先执行current-change、
2022-10-17 18:38:18 1003 1
转载 Vue-router中hash模式与history模式的正确用法
小白回答:hash模式url带#号,history模式不带#号。形式上:hash模式url里面永远带着#号,开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式,因为history模式没有#号,是个正常的url,适合推广宣传;功能上:比如我们在开发app的时候有分享页面,那么这个分享出去的页面就是用vue或是react做的,咱们把这个页面分享到第三方的app里,有的app里面url是不允许带有#号的,所以要将#号去除那么就要使用history模式,但是使用history
2022-05-13 16:55:38 657
原创 vue el-table 简单轮播
系统信息arch 显示机器的处理器架构uname -m 显示机器的处理器架构uname -r 显示正在使用的内核版本dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)hdparm -i /dev/hda 罗列一个磁盘的架构特性hdparm -tT /dev/sda 在磁盘上执行测试性读取操作cat /proc/cpuinfo 显示CPU info的信息cat /proc/interrupts 显示中断cat /proc/meminfo 校验内存使用...
2021-09-23 10:10:27 1468 1
原创 vue多层数组嵌套循环,动态取值匹配
tableData:[], //存储数组arrTarName:[] //结果数组this.tableData.push({ siteName:i.siteName, tabdata:result.data}); //循环+判断取值for (let k = 0; k < result.data.length; k++) { if (this.arrTarName.length == 0) { this.arrTarName.push({ .
2021-09-14 10:16:22 1843
转载 原生js ajax封装post,get方法
方法一:function ajax(method, url, callback, data, flag) { var xhr; flag = flag || true; method = method.toUpperCase(); if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.
2021-08-26 10:48:32 307
原创 常用Javascript数组去重复方法
方法一(filter):function unique(arr1) { const res = new Map(); return arr1.filter((a) => !res.has(a.siteId) && res.set(a.siteId, 1))}function unique(array) { return array.filter(function(item, index, array){ return (item &&...
2021-08-18 16:42:11 271
转载 手机端h5页面自适应平板(iPad)js
手机页面h5自适应的方法有很多,比如:bootstrap,rem等等。下面分享给大家一个js控制viewPort视区自适应缩放的方法(我给它命名为phone.js):将phone.js引入在jq库之后:下面是phone.js的详细代码:var view_timer = null;function viewPort(userAgent, pageWidth) { var oView = document.getElementById('viewport'); if (oV.
2021-08-17 14:30:14 2710
原创 echarts自适应宽高
页面结构:<div id="echarts_pie2" class="charts" :style="{height:vheight+ 'px',width:vwidth + 'px' }"></div> js方法:vheight:220,vwidth:220,this.vWidth = document.body.clientWidth - 20;this.vheight = document.body.clientHeight - 20;trendCha
2021-08-16 16:12:52 264
原创 el-checkbox-group全选、单选实现
页面结构:<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange"> <el-checkbox v-for="(city,i) in cities" :label="city.path" :key="i">{{city.time}}</el-checkbox></el-checkbox-group><el-checkbox size="
2021-08-16 15:58:47 2458
原创 Element ui el-table自适应高度+滚动懒加载
<el-table :data="tableData" size="small" :height="Height" ref="table" > <el-table-column type="index" label="序号" :index='indexMethod' align="center" width='50px'></el-table-column> <el-table-column prop="id" label=.
2021-08-16 15:44:04 785
原创 移动端H5页面横屏竖屏判断
标签设置竖屏:<meta name="x5-orientation" content="portrait">css设置样式:@media screen and (orientation: portrait) {/*竖屏 css*/}@media screen and (orientation: landscape) {/*横屏 css*/}<!-- 竖屏 --><link rel="stylesheet" media="all a
2021-08-12 15:34:00 628
转载 vue让你理解npm run dev 和 npm run serve
npm run dev 是vue-cli2.0版本使用的npm run serve 是vue-cli3.0版本使用的dev build serve?在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错,然后我们就特别好奇,npm run serve 和 npm run dev 到底有什么区别。其实 npm run dev 或者是 npm run serve 等 npm run xxx 并不是一定要这么写。npm run...
2021-08-12 14:18:42 21547 2
原创 Mint-ui+Element-ui tab-container实现tab与滑动级联
<div class="tab-nav"> <el-radio-group v-model="radio" size="mini" @change="tabchange"> <el-radio-button v-for="(item,index) in nav" :label="item">{{item}} </el-radio-button> </el-radio-grou.
2021-08-04 16:57:14 342
原创 vue数组去重复,排序,判断周,循环请求接口按顺序执行方法
//数据去重复const unique=(arr1)=>{ const res = new Map(); return arr1.filter((a) => !res.has(a.siteId) && res.set(a.siteId, 1)) },//冒泡排序const bSort=(arr)=>{ var len = arr.length; for (var i = 0; i < len-1; i++) { .
2021-08-04 16:49:12 473
原创 uni-app api.js 配置全局接口请求
import common from './common'import qs from 'qs'import apiUrl from '../static/js/config'// 需要登陆的,都写到这里,否则就是不需要登陆的接口let methodToken = [ '/api/system/logout',]const post = (method, data, callback) => { // 如果是需要登陆的,增加token if (metho.
2021-07-23 18:04:27 1829
原创 echarts dataZoom动态控制
//方法一:x轴数据>20条显示滚动条,否则不显示dataZoom: [{ type: 'slider', show: false, start: 0, endValue: 20, filterMode: 'empty', ..
2021-04-07 10:45:28 1890 1
转载 移动端HTML5 input细节优化
1. 去掉input 在iOS中的默认圆角和内阴影iOS下 input会有自带的圆角和内阴影,去掉方法如下:input{-webkit-appearance: none;border-radius: 0;}2. 焦点在 input 时,placeholder 没有隐藏input:focus::-webkit-input-placeholder{opacity: 0;}3. input 输入框调出数字键盘单独使用type="number"时,iOS调起的并不是九宫格样式的数字
2020-12-28 17:16:02 318
原创 vue js常用工具方法汇总
//时间格式化 参数2020-10-20const shijiantime=(times)=>{ var timearr = times.replace(" ", ":").replace(/\:/g, "-").split("-"); var timestr = timearr[1] + "月" + timearr[2] return timestr}//字符串 shijiantime('2020-10-20') 结果10月20//数组var timeArr=[];for(v.
2020-12-01 16:04:06 151
转载 pako.js实现json的压缩和解压
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>pako.js实现gzip的压缩和解压</title></head><body><script type="text/javascript" src="pako.min.js"></script><script >var.
2020-09-29 17:34:06 2417
转载 vue Websocket 实时自动更新数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Websocket.
2020-08-19 11:28:28 1274
转载 jquery $.each()选项卡
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jquery选项卡</title><script type="text/javascript" src="jquery-1.8.3.min.js"></script><style type="text/css"> ul{ margin.
2020-08-17 09:56:49 134
原创 el-tree数据回显只选子节点父节点也会被选中解决办法
问题描述:当el-tree 需要从后台拿到数据动态展示出来时,会出现一个父节点下面的所有子节点全部被勾选了,如图:解决方案: <el-tree ref="tree" :check-strictly="checkStrictly" :data="routesData" :props="defaultProps" show-checkbox no...
2020-08-13 11:39:26 4855 1
转载 js获取前7天日期,包含当天
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="Content-Language" content="zh-cn"><title>js获取前7天日期,包含当天</title></head><body></body></html>.
2020-08-07 16:05:20 500
转载 js可控旋转音乐播放按钮
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>可控旋转音乐播放按钮</title><style>*{ margin:0; padding:0; list-style:none;}#lanren #audio-btn{width: 44px;heig.
2020-07-13 14:16:38 890 1
原创 纯css3实现栏目三等平均分配
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯css3实现栏目三等平均分配</title> <style> *{margin:0;padding:0;fon.
2020-07-13 11:49:31 432
原创 解决js鼠标滑轮Unable to preventDefault inside passive event listener due to target being treated as passiv
// 解决缩放报错 $(document).on('mousewheel DOMMouseScroll',onMouseScroll,{passive: false}); function onMouseScroll(e){ // 判断默认行为是否可以被禁用 if (event.cancelable) { // 判断默认行为是否已经被禁用 if (!event.defaultPrevented) { event.preventDefault(); } } }.
2020-06-28 18:19:44 859
转载 vue中嵌入原生iframe并传递参数
父传子// 父页面main.html传递参数<template><div><iframe :src="frameUrl" ref="iframe" width="100%" height="100%" frameborder="0" scrolling="auto" @load="loaded"></iframe></div></template><script>export default { n
2020-06-28 16:23:46 4033
H5基于腾讯实时音视频 trtc-js-sdk web直播
2022-06-07
jQuery+CSS3相册上传全选/取消多张图片选择动画
2014-11-21
兼容所有浏览器的点击复制功能(请在服务器上测试)
2014-10-29
phpcms v9 标签内部怎么写php代码
2017-10-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人