javascript
关注
分享
扫一扫
了 义
一个前端的视角看世界
展开
-
基于jQuery淡入淡出,鼠标移入停止效果
图片淡入淡出,轮播切换,鼠标移入停止,移出继续开始效果; 有时候我们需要进行图片展示(例如广告),图片多的情况下,需要循环播放,但是又不希望出现轮播图的效果. 这时候就用到了淡入淡出的效果; 代码比较简单,就不解释了…<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>淡入淡出</title原创 2016-11-11 15:17:58 · 1434 阅读 · 1 评论 -
javascript 字符串点语法读取对象中的值
keyPath: 需要操作的数据对象的key路径, 每个key之间用 . 分隔开, 如果 target 的值为数组时, 也可以用 . 隔开。target: 需要操作的数据对象, 对象或数组类型。定义一个深入嵌套的对象类型数据, 用于作为测试用例。javascript 字符串点语法读取对象中的值。value: 需要给目标数据设置的值。原创 2022-12-30 21:53:44 · 770 阅读 · 0 评论 -
前端 javascript 字符编码与解码
前端 javascript 开发过程中, 有时候会遇到字符串的编码和解码. 面对眼花缭乱的js原生方法, 到底如何选择总是很头大, 在此对常用方法做个小结.原创 2022-12-30 18:14:33 · 1295 阅读 · 0 评论 -
Echart 之 Axis label 字符数过长截取处理
Echart Axis label 字符数过长处理当文字长度过长, 会压缩图表大小, 可能直接影响图表查看图表中文字, 可以通过 \n 来换行,纯中文下截取var spliceStr = function (value, len) { if (value.length <= len) { return value } var newValue = ""; var k = 0; for (var i = Math.ceil(value.le原创 2021-04-14 11:25:14 · 1481 阅读 · 1 评论 -
JS 之 文本操作 copy复制和选中文本
copy 一段文本function copyText(text) { var textArea = document.createElement('textarea'); textArea.style.position = 'fixed'; textArea.style.zIndex = -1; textArea.style.top = '0'; textArea.style.left = '0'; textArea.style.width = '1原创 2021-01-26 17:15:04 · 642 阅读 · 0 评论 -
JS 之 分页
主要思路根据总条数 和 每页数量计算 总页数;无省略页码, 如果总页数 <= 分页按钮数量, 则按实际页数输出按钮;省略页面码在前, 如果当前页 为 最后3页, 则起始页 = 总页数 - 分页按钮数量 + 1,起始页的下一页为省略页码;省略页面码在后, 如果当前页 为 分页按钮数量 - 2,不是最后两个按钮上, 则 倒数第二个按钮为省略页码,最后一个按钮为最后一页;否则省略页码存在于两端, 第二个和倒数第二个按钮为省略按钮, 第一个和倒数第一个, 分别为第一页和最后一页, 当前页 位于剩原创 2021-01-26 16:42:52 · 954 阅读 · 0 评论 -
JS 之 for循环 与 setTimeout 问题
javascript for 循环中嵌套 setTimeout 的作用域正确输出原创 2021-01-22 09:59:16 · 1455 阅读 · 0 评论 -
复杂URL Search 部分提取字段参数
在url中除了& = 连接符,在参数中也含有& = 特殊字符,为了看起来优雅,又要求不能编码的请况function urlSearch2param(urlSearch, isArr) { var arr = [] var obj = {}; if(typeof urlSearch !== 'string') return isArr ? arr : obj; urlSearch = urlSearch.replace(/^\?(.+)/,"$1")原创 2020-12-30 19:09:08 · 236 阅读 · 0 评论 -
popperjs V2 之应用库 tippy.js 源码阅读
tippy.js 源码阅读tippy 通过 popperjs V2 实现了弹出提示等功能入口文件 build\bundle-umd.js初始化 tippy返回接口实例 Instance: Instance = { // properties id, reference, popper: div(), // 创建div元素, document.createElement('div'); popperInstance, props,原创 2020-11-13 17:49:01 · 1043 阅读 · 0 评论 -
JS之转义字符, 当转义字符\ 遇到 字符 \
转义字符适用于JS的字符串类型的任何位置'\\'.length // 1下面两个表达式是等效的, 只是正则的生成方式不一样/\\+/.test('\\') // truenew RegExp("\\\\+").test('\\') // true因为 两个正则 的结果是一样的new RegExp("\\\\+") ===> /\\+/再如'\\'.match(/\\+/).length // 1以上表达式中, 字符串被转义 ‘\\’ ===> ‘\’;正则中同样原创 2020-07-27 10:19:41 · 1078 阅读 · 0 评论 -
Echart 之 词云 setOption配置说明
使用还是正常的引入, 其他一切和Echart一样, 照旧<script src="echarts.min.js"></script><script src="echarts-wordcloud.min.js"></script>配置说明chart.setOption({ ... series: [{ type: 'wordCloud', /* 绘制词云的形状, 值为回调函数 或 关键原创 2020-07-22 15:48:59 · 6219 阅读 · 0 评论 -
Echart 之 timeline 时间组件 基本用法
此处是基础版, 大神请绕路官方给的timeline组件太过于复杂, 对于不熟悉的朋友, 只是看逻辑就浪费很多时间以下是基础版的示例,<!DOCTYPE html><html style="height: 100%"><head> <meta charset="utf-8"></head><body style="height: 100%; margin: 0"> <div id="containe原创 2020-07-22 15:18:01 · 3591 阅读 · 2 评论 -
关于支付完成后禁止回到支付页面
js删除当前history记录问题描述当进入到支付订单页面后, 然后去支付中, 或者支付完成,我们不希望用户通过后退按钮,在回到这个支付页面解决方案window.location.replace('支付链接')拓展window.location.href 可读写属性, 返回完整 url字符串window.location.href = url设置url, 跳转到指定的url，可以点击后退返回上一个页面window.location.assign(url)设置url, 跳转到指定的u原创 2020-07-03 18:58:01 · 962 阅读 · 0 评论 -
关于ajax 返回 JSON格式传输数据量大的问题
ajax 返回JSON数据,Size数据量大,传输时间长的解决方案问题描述有一个接口需要一次性返回数据, json数据的Size最大的时候,有将近1M的数据量,返回时间将近20s,是可忍,孰不可忍?这个问题,是必须要解决的,估计除了我们自己,没人愿意等上20s了解决方案减少SIze主要是两个方面:resources(资源) 和 transferred(传输);首先,当然是压缩,分为2个方面可压缩的字段内容,全部压缩减少不必要的字段然而,resources(资源) 和 transferr原创 2020-07-03 18:09:34 · 8590 阅读 · 0 评论 -
JS判断括号是否匹配
首先对**大写的ZDQ**博主的感谢,灵感源于此.判断括号是否匹配–JavaScript根据给定的一段字符串,判断字符串中的括号()[]{}是否按规则一一对应思路括号一定是成对出现的.字符串中遇到的闭合括号,一定是和它的前一个开始括号是一对.兼容写法function isValid(str){ if(!str.trim()) return -1; var stack = []; var keys = [')',']','}']; var values = [原创 2020-05-21 10:10:53 · 4495 阅读 · 1 评论 -
JS 之 String split() 用法详解
关于 split() 方法的用法详解说明split() 是字符串根据分隔符分割成字符串数组的一个方法,返回一个数组;注意1 如果分割符是正则表达式, split 会检测 正则表达式 中是否有小括号() , 小括号中的内容会输出到数组中,如果不想输出到数组中, 请使用正则 **(?:x)**字符;2 如果分隔符出现在字符串的开头或结尾,那么数组的开头或结尾会分割出空字符语法str....原创 2020-04-07 03:05:55 · 9256 阅读 · 0 评论 -
字符串倒序
在实际工作中,有的时候我们需要把字符串倒序。比如”123456”的倒序就是”654321”。利用字符串substr的方法,实现字符串倒序! var a = "1234567890111"; var c = ""; for(var i = a.length - 1; i >= 0;i --){ c += a.substr(i,1); } console.log(c);原创 2016-08-22 17:36:45 · 874 阅读 · 0 评论 -
以@为间隔,每5个字符为间距,分隔字符串
从前往后数,每隔5个字符插入一个 @ 字符一般情况下,从前往后数,每5个字符之间依次,插入@进去;最后一组字符,不插入 @ ;例如:12345@12345@123 12345@12345说明: 以几个字符为间隔,那么就设定 i 变量的步长为几;var a = "1234567890111";var b = ""; //从前往后数,每隔5个字符插入一个 @ 字原创 2016-08-22 17:54:04 · 1948 阅读 · 0 评论 -
原生js五星评价
代码,不多说了,直接上代码,第一次上传心情忐忑啊 …<!doctype html><html><head><meta charset="utf-8"><title>五星评价</title><style> *{margin:0;padding:0;} a{display: inline-block;padding:20px;font-size: 30px;cursor原创 2016-08-13 18:10:08 · 623 阅读 · 0 评论 -
IE8 用滤镜实现上传预览图片,解决C:\fakepath\*.jpg问题,获取本地路径
IE8 用滤镜实现上传预览图片,解决C:\fakepath*.jpg问题,获取本地路径 IE8出于安全考虑,将本地路径替换为fakepath,不曾想却给我们这些程序员造成了这么大的问题,为了实现上传预览功能抓耳挠腮了. 开始从网上找了好多资料,放到编辑器中运行,试验了好多次都不成功; 主要报错类型有: 1、无法获取未定义或 null 引用的属性“item”; 2、拒绝访问； 就在绝望的搜原创 2016-11-08 13:21:40 · 2200 阅读 · 0 评论 -
Nuxt 下 iView-ui 定制主题
iView-ui 定制主题 解决灵感源于 尼伯特的博客 的vue 下iView-ui 解决方案，在此表示感谢；**在nuxt下解决方案：**1、在plugins目录下创建如下结构目录： 2、custom.less 是iviewUi原装的主题文件，放在这里方便查阅；3、theme.less 是我们要覆盖定制的主题文件，修改主题就在这里完成了； 4、inde...原创 2018-07-31 18:39:48 · 2719 阅读 · 0 评论 -
popper.js——tooltip文档及源码分析
popper.js之tooltip文档及源码分析popper说明由于popper.js这个名字比较大众化，有必要说明一下具体指的是哪一个；没错就是你想的这个：https://popper.js.org/tooltip-examples.htmlhttps://github.com/FezVrasta/popper.jspopper 是一个定位引擎，就是说他只做一件事使指定节点定位到指定...原创 2018-12-23 23:03:37 · 9463 阅读 · 0 评论 -
面向对象中this的深入理解
{var fullname = 'John Doe'; var obj = { fullname: 'Colin Ihrig', prop: { fullname: 'Aurelio De Rosa', getFullname: function () {原创 2016-08-29 11:14:26 · 434 阅读 · 0 评论