Javascript
关注
分享
扫一扫
文章平均质量分 54
Rudon滨海渔村
我就是我，简单的我。
展开
-
vue、uniapp使用jsencrypt进行RSA加密解密
(2 / 4) /common/js/fns.js 设置通用方法：加密、解密。(4 / 4) /pages/index/index.vue 页面调用。(1 / 4) /store/rsaKeys.js 记录密钥、公钥。/common/js/fns.js 设置通用方法：加密、解密。/pages/index/index.vue 页面调用。(3 / 4) /main.js 全局调用$fns方法。/store/rsaKeys.js 记录密钥、公钥。/main.js 全局调用fns方法。原创 2023-04-13 14:17:04 · 2333 阅读 · 0 评论 -
uniapp如何在任意一个js文件获取$store数据 - vuex全局通用
问题描述我在main.js里面把app全局导出 {代码...} --any.js {代码...} 你期待的结果是什么？实际看到的错误信息又是什么？我希望不是两个undefined, 而是可以直接对 $store 和 globalData 里面的属性进行操作。vue.js - vue, uni app如何在任意一个js文件获取store或者globalData - SegmentFault 思否。原创 2023-04-11 11:32:32 · 2047 阅读 · 0 评论 -
解决“0.1 + 0.2 = 0.30000000000000004” - uniapp中JS浮点运算精度问题 - uniapp引入decimal.js、math.js等数学库
运算很准.jpg【js】小数浮点数计算不准确问题 - 三行代码 - 博客园1）uniapp项目引入decimal.js2）在页面中使用数学库方法进行运算 uniapp使用decimal.js处理js的加减乘除的计算精度问题 - 赵永强 - 博客园npm i decimal.js import { Decimal } from 'decimal.js';//引入 let num1 = 351921.8; let num2 = 3https://www.cnblogs.com/xiaozhua原创 2022-12-07 16:34:45 · 3401 阅读 · 0 评论 -
js逆向树操作 - 收集所有节点的父节点 （包括顶级根节点） - 递归
JS逆向树操作 - 逆向树操作 - 收集所有节点的父节点的集合 （包括顶级节点） - function get_list_parent_nodes (tree = {}, id = null) { // 预设返回值 let res = {} let deeper_list = [] let deeper_lists = {}原创 2022-09-06 17:13:26 · 1126 阅读 · 0 评论 -
js判断是对象还是数组的方法
其原理是一层一层查找__proto__，如果和constructor.prototype的值相等则返回true，否则返回false。我们都知道instanceof是用来判断对象的类型的，并且所有的对象 instanceof Object结果都是true。obj是待检测的对象，如果结果返回Array则整体返回true，否则该表达式返回false。很容易可以发现这个方法有个问题是无法判断对象是属于Object还是Array。内部机制是通过判断对象的原型链中是否能找到同类型的prototype。原创 2022-09-06 15:05:40 · 637 阅读 · 0 评论 -
JavaScript中判断函数是否存在 - function_exists
要搭配try catch才行另外，检测时，不会真的运行指定函数 JavaScript中如何判断函数、变量是否存在-js教程-PHP中文网JavaScript中判断函数、变量是否存在的方法：1、判断是否存在指定函数，代码为【if (typeof(eval(funcName)) == "function")】；2、判断是否存在指定变量。https://www.php.cn/js-tutorial-473375.html...原创 2022-06-23 11:05:33 · 1516 阅读 · 0 评论 -
JS简单实现“滚动到顶部“按钮悬浮效果，在一定高度才显示 - 替代CSS粘性定位position：sticky方案
懒其实sticky很炫酷： 一个很厉害的属性——sticky_高shan仰止的博客-CSDN博客核心思路： js监测页面滚动高度，实时对比，通过addClass操作显示、隐藏DOM封面原创 2022-06-17 16:59:31 · 1536 阅读 · 1 评论 -
ES6 - 原生js遍历DOM - document.querySelectorAll(‘.xx‘)、给DOM元素添加、删除类名 - dom.classList.add、切换类名toggle
原生js遍历DOM原生js给DOM元素添加、删除类名// 获取所有xxx类的DOMvar doms = document.querySelectorAll('.xxx');// 遍历doms.forEach((one)=>{ // 添加类名 one.classList.add('colorRed'); // 删除类名 one.classList.remove('colorRed'); // 来回切换类名 one.classList.toggle('colorRed原创 2022-05-27 20:21:45 · 1317 阅读 · 4 评论 -
MySQL中数字类型的最大值 - int无法储存11位手机号码 - bigint, int, tinyint
示意图最大最小值 - mysql数字类型字段类型 大小 (字节) Signed 带正负符号时 最小值 Unsigned 不带正负符号时 最小值 Signed 带正负符号时 最大值 Unsigned 不带正负符号时 最大值 TINYINT 1 -128 0 127 255 .原创 2022-04-29 16:03:34 · 3018 阅读 · 0 评论 -
uniapp通过js唤起picker等组件 - 无需直接点击操作uniapp组件 - uniapp用JS点击某个DOM
常规<picker @change="bindPickerChange" :value="index" :range="array"> <view class="uni-input">{{array[index]}}</view></picker>JS唤醒<picker @change="bindPickerChange" :value="index" :range="array" ref="xxoo"> <view原创 2022-04-07 11:14:12 · 4473 阅读 · 4 评论 -
JS获取星期几 - 周几
/** * JS获取星期几 * @param {number} timestamp 目标时间戳，不带毫秒 * @param {boolean} isChinese 是否中文 * @return {String} 返回指定格式的星期N字符串 * * 中文："日一二三四五六" * 数字：0123456 */function get_day_in_week_by_time(timesta.原创 2022-04-06 19:40:35 · 1368 阅读 · 0 评论 -
js的Bug - 大数传参 参数错误 - 精度丢失
示意图解决办法传参前，数字转字符串，再传入，传出时转为数字即可完整代码（错误例子）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width原创 2022-03-30 12:22:45 · 2719 阅读 · 1 评论 -
Javascript数组splice函数 - js根据key删除数组某个值 - js在数组指定位置插入值
完整代码-删除数组.splice( 下标key， 删除个数)数组直接被修改<script> let arr = [ 'Peter', 'Kim', 'Lucy', 'Alina', 'John' ]; console.log(JSON.stringify(arr)); // ["Peter","Kim","Lucy","Alina","John"] arr..原创 2022-03-28 11:08:48 · 1435 阅读 · 0 评论 -
uniapp中的addClass（仿jQuery动态添加class方法） - removeClass的方法
效果效果： 点击变红色(addClass clicking)，0.5秒后还原 (removeClass)思路建议先看以下的完整DEMO。uniapp中没有addClass、removeClass，需要用到“通过变量动态控制class是否显示”点击，js判断当前事件e绑定的容器的data-product是什么，对应修改某个变量，这个变量控制某个class的显示/隐藏 - class自定义样式setTimeout() 定时再次修改变量完整代码<templat原创 2022-03-23 10:30:45 · 3596 阅读 · 0 评论 -
Javascript箭头函数和非箭头函数的this指向有何不同？
原创 2022-03-21 10:05:20 · 471 阅读 · 0 评论 -
解决jQuery(e).addclass(‘xxx‘)始终不生效的问题 - $(...).addclass is not a function
错误解决步骤先找标准的(接近)官方手册 （百度jquery addclass）jQuery 属性操作 - addClass() 方法https://www.w3school.com.cn/jquery/attributes_addclass.asp 找到官方例子，一个字一个字的核对： $("button").click(function(){ $("p:first").addClass("intro");}); 发现问题， 不是addclass 而是add..原创 2022-03-20 20:55:02 · 2082 阅读 · 0 评论 -
JavaScript获取当前时间戳，时间戳转日期 - js
获取当前时间戳（不带毫秒）/** * get_current_timestamp 获取当前时间戳（不包含毫秒，总共10位） */function get_current_timestamp () { return Number(Number(+new Date()).toString().substr(0,10));}获取当前时间戳（带毫秒）/** * get_current_timestamp_ms 获取当前时间戳（包含后面三位的毫秒，总共13位） */function原创 2022-03-01 16:00:16 · 781 阅读 · 0 评论 -
【填坑日记】uni-app如何调用页面vue以外的js文件变量 - js如何赋值多行文字给变量
效果图步骤创建/static/js/longText.js并定义下标为calculated export default { calculated: `代码行1代码行2代码行3代码行4`} 在视图文件/pages/index/index.vue中import这个js文件，并且赋值给app的一个变量，再输出 <template> <view> {{codes.calculated}} </view><原创 2022-01-13 17:22:12 · 745 阅读 · 0 评论 -
JavaScript全部替换 - js replaceAll()
方法/* 把f全部换为e */String.prototype.replaceAll=function(f,e){ var reg=new RegExp(f,"g"); return this.replace(reg,e); }/* 使用方法 */var str = '贪吃的吃货很会吃！';var newstr = str.replaceAll('吃','玩');alert(newstr); // 贪玩的玩货很会玩！感谢大神：js replace全部替换的原创 2022-01-12 17:21:26 · 2377 阅读 · 0 评论 -
nodejs运行html文件的方法 - node开启web服务
步骤cd /path/to/your/project/ ## 你的项目根目录位置 npm install --global http-server http-server web服务器已经开启成功，通过http://127.0.0.1:8080/访问项目主页，手动找到html文件即可效果图更多方法：Node JS启动webserver服务_Sawyerswt的博客-CSDN博客_node server.js启动...原创 2021-12-30 22:59:50 · 5061 阅读 · 0 评论 -
【原型方法】JS获取日期、时间字符串 - yyyy-MM-dd hh:mm:ss
效果步骤1：先在JS中增加date原型的format方法Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, // 月份 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+": this.getMinutes(), // 分 "s.原创 2021-12-30 12:38:30 · 1519 阅读 · 0 评论 -
为Bootstrap标签页切换nav-tab组件添加 切换回调方法 - callback
效果nav-tab标签切换后，js可以执行指定函数。关键代码<ul class="nav nav-tabs nav-justified" role="tablist"> <li role="presentation" class="active"> <a href="#tab1st" aria-controls="tab1st" role="tab" data-toggle="tab" data-target-go='AAA'>原创 2021-10-19 11:30:45 · 1390 阅读 · 0 评论 -
Javascript在class内使用setTimeout()调用类内部函数 - js class 调用自身
效果代码<script> class AAA { delayAndShow ( edObj ) { setTimeout(function(){ edObj.showIntroducerInfo(); }, 1000); } showIntroducerInfo () { alert('delay + a.原创 2021-09-26 15:52:39 · 1389 阅读 · 0 评论 -
Bootstrap V3 nav-tabs 完整例子
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Bootstrap V3 nav-tabs 测试</title> <link href="https://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet.原创 2021-09-17 17:03:05 · 770 阅读 · 0 评论 -
JS / jQuery 实现页面跳转到指定位置-锚点
最简单的代码$(document).ready(function () { location.hash = ""; setTimeout('location.hash="#foot";', 2000);});感谢：[求助]如何用JS跳转到页面中的指定ID-CSDN论坛无广告的百度首页绿色版： http://baidu.rudon.cn/失败例子以下是亲测在chrome上不能用的跳到页面最底部的方法：$('body').scrollTop( $(...原创 2021-09-11 14:43:43 · 1463 阅读 · 0 评论 -
js跳转window.location.href=‘xxx‘；总是失败的解决办法
js跳转window.location.href='http://baidu.com/';总是失败！解决办法：在window.location.href='http://baidu.com/';后，加入return false;即可原创 2021-06-24 10:50:20 · 1127 阅读 · 0 评论 -
【前端】真实手感翻书，书页卷角，JS翻页
完整一套JS在线阅读器：http://www.turnjs.com/超精致CSS3图片切换过渡效果：http://v.bootstrapmb.com/2018/5/ejb9a1255/原创 2020-06-15 23:46:46 · 7757 阅读 · 0 评论 -
JS中监听键盘操作，onkeyup / onkeydown绑定，event.keyCode，常用KeyCode大全
区别onkeydown 当用户按下键盘按键时触发。onkeyup 当用户释放键盘按键时触发。onkeypress 当键盘按键被按下并释放一个键时发生。onchange 当对象或选中区的内容改变时触发。jQuery绑定左右方向键事件$(document).keydown(function(event){ var e = event || window.eve...原创 2020-04-21 02:03:29 · 7074 阅读 · 0 评论 -
jQuery为iframe设置onmouseover事件，onkeyup, onkeydown等 - 百度富文本编辑器ueditor修改
DOM示例<iframe id="ueditor_0" width="100%" height="100%" frameborder="0" src="any-path.html"> <!DOCTYPE html> <html> <head> </head> <body class="view" content...原创 2020-03-26 16:50:05 · 974 阅读 · 0 评论 -
JS模仿PHP日期格式化 - 时间戳转字符串 - 日期字符串转时间戳 - date('Y-m-d H:i:s', 1529625620)
使用方法引入下面的JS函数 需要字符串转时间戳，可以使用var timestamp = (new Date("2018-06-22 08:00:20")).getTime()/1000; 需要时间戳转字符串，var dateString = formatDate('Y-m-d H:i:s', 1529625620);JS函数<script type="text/j...原创 2020-03-24 12:53:47 · 1287 阅读 · 0 评论 -
jQuery的完整ajax实例
精简$.ajax({ url: 'https://demo.com/ajax.php', type: 'POST', dataType: 'JSON', data: { name: 'someone', age: 18 }, success: function(res){ alert(JSON.stringi...原创 2020-03-19 12:29:36 · 409 阅读 · 0 评论 -
jQuery实现shift键的行多选，checkbox连续多选，反选
步骤下载jquery.shiftcheckbox.js -https://download.csdn.net/download/qq285744011/12199311 在页面中引用jq + 上述js，写好各个checkbox如：<input type="checkbox" class="multi-checkbox" value="c1"/> JS调用： $(d...原创 2020-02-28 23:16:37 · 1126 阅读 · 0 评论 -
百度web编辑器ueditor配置日记 - 添加按钮 - 全屏 - 按钮管理 - 适配手机屏幕显示 - 背景色
# 让整个页面适配手机屏幕，包括编辑器./index.html中的head中添加一句：<meta name="viewport" content="width=device-width, initial-scale=1.0" /># 获取当前编辑器里面的内容（html格式）<button onclick="save();">保存</butt...原创 2020-01-08 10:01:21 · 1500 阅读 · 0 评论 -
解决JavaScript数字处理的烦恼！万能js四舍五入tofixed方法，兼容负数
方法Javascript的小数点处理很麻烦，round是取整，toFixed经常出错。下面是自定义函数，方便使用。/** * 思路: * 四舍五入取两位小数点: 乘100再取整再除100 * 四舍五入取三位小数点: 乘1000再取整再除1000 * ... */function my_tofixed (num, dig) { var times = Math.po...原创 2019-04-09 11:22:30 · 1574 阅读 · 4 评论