![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
海边、lucky
这个作者很懒,什么都没留下…
展开
-
javascript tree(树结构)常见的操作的工具库 tree-handle-lib
关于1、2、5三个点已经有了对应的工具可以采用。那么3和4该如何解决呢?在每次打包前,扫描工作目录。生成临时的入口文件,每个入口文件就是一个子包。根据生成的临时入口文件,通过babel修改rollup的入口配置。这样每次开发一个新方法的时候,就不用开发者自己去修改配置了。原创 2023-05-18 14:33:35 · 738 阅读 · 0 评论 -
mui picker禁用选项
mui级联选择器禁用某一项 修改1.mui.picker.js 307行修改前buffer.push('<li>' + (item.text || item) + '</li>');修改后buffer.push('<li '+ (item.disabled ? 'style="color: #ccc"' : '') + '>' + (item.text || item) + '</li>');2.mui.poppicker.js 65-70行原创 2021-03-17 17:23:10 · 800 阅读 · 0 评论 -
html元素绑定点击事件,传入对象转JSON字符串,发现转换后的JSON字符串格式不规范
使用 JSON.stringify(v1).replace(/"/g, ‘"’)原创 2021-02-23 10:39:48 · 174 阅读 · 0 评论 -
js进制转换toString、parseInt理解
1、let result = num.toString(radix)可将num转化为radix进制,并返回给result。需要注意的是// 这种数字直接调用toString会报错。// 因为JavaScript的解释器把数字后的"."当作前面数字的小数点123.toString(2) // 正确的写法parseInt(123).toString(2) 2、let result = parseInt(str, radix)意思为将str解释为一个radix进制的整数,并计算其值返回给res原创 2021-02-18 21:54:59 · 172 阅读 · 0 评论 -
npm node_modules包依赖报错问题解决,Uncaught ReferenceError: JSENCRYPT_VERSION is not defined
这个问题的原因很好分析,就是jsencrypt这个的依赖包报错,我们只需要去修改node_modules\jsencrypt\lib\JSEncrypt.js的对应报错位置,加入图中红圈中的代码即可当然这种方法不是一劳永逸的。最好的办法就是将该依赖包放在本地,并上传代码版本管理...原创 2021-02-07 00:03:29 · 1889 阅读 · 1 评论 -
前端try catch finally与return结合,优先级与输出结果
显然在执行return之前先执行finally,return的值被存为一个临时的变量var v = 3function getValue() { try { throw new Error('周磊是哈比') } catch (error) { return v++; // 3 } finally { v++ console.log(v) // 5 }}console.log(getValue(原创 2021-01-25 10:53:29 · 129 阅读 · 0 评论 -
测试xss攻击
var a = 0console.log(a)原创 2020-12-13 11:12:57 · 163 阅读 · 0 评论 -
iframe结合postMessage,子窗体触发父窗体事件打开弹窗
子窗体触发父窗体事件打开弹窗项目示例如图a为父窗体,通过ifreame嵌套了b、c,b、c为子窗体,其中b窗体有个按钮点击可向父窗体触发事件弹出子窗体ca.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2020-12-07 11:05:19 · 430 阅读 · 0 评论 -
Object.prototype.toString.call(foo),foo直接调用原型链原始toString方法
Object.prototype.toString.call的理解toString()方法调用call()方法,使封装类调用原始的toString方法首先Object.prototype.toString.call(foo)的作用用来检验参数foo的数据类型。接下来一层一层的分析其原理。toString()方法js中包装类Number、String、Boolean、Array、Object和Function都是继承自Object,同时也继承了Object的toString方法。但是这些包装类又分别对t原创 2020-06-04 16:24:02 · 291 阅读 · 0 评论 -
移动端h5上拉刷新,下拉加载
移动端h5上拉刷新,下拉加载最近想找这种插件没找到,就顺便研究了一波。refresh.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,initial-scale=1.0,minimum-scale=1.0,maxi原创 2020-05-22 14:39:00 · 741 阅读 · 1 评论 -
vue3.0 history模式打包,服务器子目录访问配置
vue3.0 history模式打包,服务器子目录访问配置目前使用hash模式#遇到的问题打包时配置如下:目前使用hash模式#遇到的问题vue项目访问路径带#的话,在服务端跳转vue页面时传参数参数位置将会被带到 # 值后面。发送短信时,如果短信中推荐链接含有 # 的话,此 # 及其以后的内容将不会被解析成url链接。为了解决以上遇到的问题,翻阅资料最终实现了history模式打包,...原创 2020-04-09 17:34:56 · 2374 阅读 · 0 评论 -
React中防抖节流示例
React中防抖节流研究以下是代码。此处为了通用的节流防抖在React中形成闭包,是将节流防抖第一次调用函数在componentWillMount时赋值给了state中的变量import React from 'react'class PropsParent extends React.Component { constructor(props) { super(pr...原创 2020-03-12 17:33:05 · 2063 阅读 · 0 评论 -
js修改当前url所携带参数,不刷新当前页面
需求:JWT前后端分离,移动端H5首页通过url传递参数token,未登录时(app在url中未传递token参数),调取app原生登录回调得到token参数。问题:回调得到token之后,从其他页面跳回首页。由于首页在初始换时默认取的url中的token,此时跳转回首页时url中并没有token,token无法保存下来,决定看看有没有方法可以修改首页url的参数,在app原生登录返回时将tok...原创 2020-01-13 16:11:54 · 2619 阅读 · 0 评论 -
关于页面更改重新渲染的监听
vuevue渲染是异步的,存在dom diff对比// 监听页面渲染完毕 this.$nextTick(function() { // 执行的操作 })应用场景嵌套iframe页面,加载完数据后,子窗体向父窗体传递当前页面高度、宽度,做到高度、宽度自适应。this.$nextTick(function() { window.parent.postMessage( ...原创 2020-01-07 15:46:46 · 1291 阅读 · 0 评论 -
js this关键字 个人理解
1.普通函数 只要记住【this 永远指向调用它的对象,new的时候,指向new出来的对象。】这句话就够了。(普通函数this指向运行时的环境,而不是声明时的环境)2.对于箭头函数的this,也只需要记住一句话【箭头函数没有自己的 this,当在内部使用了 this时,它会指向最近一层作用域内的 this】3.箭头函数有几个使用注意点。(1)函数体内的this对象,就是定义时所在的对象,而不...原创 2019-12-17 15:19:42 · 69 阅读 · 0 评论 -
移动端使用eruda,连续点击10次,出现调试器
代码<script> // 记录点击次数 var clickCount = 0 // 设置连点监听 document.addEventListener('click', function() { clickCount++; if(clickCount === 10) { ...原创 2019-12-17 15:16:12 · 353 阅读 · 0 评论 -
js自定义事件、事件监听、触发事件
js自定义事件、事件监听、触发事件// 创建事件let myEvent = new CustomEvent('addCountReady', { detail: { result: '200', data: {}, msg: '成功' }})// 监听事件window.addEventListener('addCountRe...原创 2019-12-17 11:23:23 · 1225 阅读 · 1 评论