随笔分类 -  JavaScript

echart 格式化水平坐标 tooltip数据
摘要：在做图表的时候，总是会遇到提示的内容和水平的内容格式不统一。然后每次都要做两次处理，鼠标滑过的提示x坐标内容 和 水平x显示的刻度要不一样，或者把外部的数据传入到内部进行切割。 更好的做法，提示的显示全部，水平的刻度单独做处理。 xAxis: [ { type: "category", axisLa 阅读全文
posted @ 2026-01-21 10:26 微宇宙 阅读(2) 评论(0) 推荐(0)
array数组 js
摘要：arr.reduce(callback,[initialValue])。call回调函数，他是多个数组方法的组合。 callback(init, curr, index, arr) curr和index 有map循环处理功能，arr 拥有array原始数组项，init 找到上一次的返回结果。 let 阅读全文
posted @ 2025-12-11 10:42 微宇宙 阅读(6) 评论(0) 推荐(0)
js 保留两位小数
摘要：设置金额带有浮点数的设置。oninput(4.223) oninput(val,limit = 2) { if(val.indexOf(".") == -1){ if(val.length > 17){ val = val.substr(0,17) } } val = val.replace(/[^ 阅读全文
posted @ 2025-07-14 15:35 微宇宙 阅读(23) 评论(0) 推荐(0)
中文转拼音首字母
摘要：中文转拼音首字母简化版，不管是PC端，移动端，小程序上已验证均可运行。 代码如下： // 拼音声母可能的首字母 const PINYIN_INITIAL_CONSONANT_LETTERS = 'ABCDEFGHJKLMNOPQRSTWXYZ'.split(''); // 拼音声母对应的边界中文 c 阅读全文
posted @ 2025-02-10 22:16 微宇宙 阅读(192) 评论(0) 推荐(1)
co-dialog弹出框组件-版本v2.0.0
摘要：co-dialog theme 访问git：co-dialog 版本v2.0.0 主题2 主题3 主题4 以下访问官网：https://koringz.github.io/co-dialog/index 浏览器默认的alert弹出框 这是一个基础的弹出框 co-dialog弹出框 你可以拖动我一下 阅读全文
posted @ 2018-09-13 13:38 微宇宙 阅读(384) 评论(0) 推荐(0)
JavaScript:理解Promise方法
摘要：什么是promise？ Promise的核心思想是代表异步操作的一个结果，并且promise具有三个状态(pending初始状态,fulfilled成功状态,rejected失败状态)。我们可以理解为使用promise可以实现非阻塞io的功能，根据三个不同的状态，我们可以知道回调函数实现在哪个过程。 阅读全文
posted @ 2018-03-05 21:45 微宇宙 阅读(1251) 评论(0) 推荐(1)
JS每点击一次添加多少条数据
摘要：很久不写文档，平时只写日记，所以对这个有点生疏，如果写的不好别介意。 今天闲的蛋疼，于是要写写白天的东西，并且以后也会一直更新(一直写)下去。 时间太仓促了，这几个月，今天算最晚的一次凌晨1点，吃不消的路过。 进入正题！ 这是一个每次点击添加指定数据的插件，基于jQuery封装，调用方法名batch 阅读全文
posted @ 2017-12-12 01:19 微宇宙 阅读(3010) 评论(0) 推荐(1)
JavaScript:理解worker事件api
摘要：如果你不是很了解Event事件，建议先看我上一篇随文javascript:理解DOM事件。或者直接看下文workerapi。hack首先，我们需要实例一个Worker的对象，浏览器会根据新创建的worker对象新开一个接口，此接口会处理客户端与indexedDB数据库之间的通信。这里的数据库是指浏览... 阅读全文
posted @ 2015-12-24 21:33 微宇宙 阅读(2185) 评论(1) 推荐(1)
javascript:理解DOM事件
摘要：首先，此文不讨论繁琐细节，但是考虑到读者的心灵感受，本着以积极向上的心态，在此还是会列举示例说明。 ​标题为理解DOM事件，那么在此拿一个简单的点击事件为例，希望大家看到这个例子后能触类旁通。 DOM事件的兼容性 最初我们给页面实现点击，就像下面这样的简单操作。 先定义一个块如<div id="we 阅读全文
posted @ 2015-12-17 21:45 微宇宙 阅读(1151) 评论(0) 推荐(3)
javascript:理解try...catch...finally
摘要：以前，我一直喜欢用console.log(do some thing)去执行输出的类型和值，想马上看到弹出的信息，就会直接在浏览器alert()一下，这些是基础知识。 稍微复杂一点点，就要用到判断语句，if else进行条件判断，话说if条件else否则，这样的判断对于写程序代码的码侬已经是非常熟悉 阅读全文
posted @ 2015-10-12 23:46 微宇宙 阅读(1511) 评论(2) 推荐(2)
鼠标响应事件
摘要：这是怎么了，打开随笔不知如何下手去写，写好了一行字，又删掉，又写又删。可能是我很久没有来写博客了，算算时间，距离上一次随笔起码有一至二个月了，看来写博客的时间不能间隔太长，否则就失去了写作的能力。切记！切记！如何实现捕抓鼠标事件，当鼠标滑动时，获取当前鼠标的坐标，接着在一个透明区域里绑定捕抓的位移，... 阅读全文
posted @ 2015-09-13 10:13 微宇宙 阅读(1116) 评论(0) 推荐(0)
颜色随机的小方块
摘要：用碎片加载小方块实现简单的随机色块，直接上代码，如果你嫌麻烦，可以看demo：http://codepen.io/koringz/pen/QbZEwx/**/js注释已删 koringz * { -... 阅读全文
posted @ 2015-07-24 15:49 微宇宙 阅读(784) 评论(0) 推荐(0)
nodejs中exports与module.exports的区别
摘要：原文：http://www.cnblogs.com/pigtail/archive/2013/01/14/2859555.html你肯定非常熟悉nodejs模块中的exports对象，你可以用它创建你的模块。例如：（假设这是rocker.js文件）exports.name = function() ... 阅读全文
posted @ 2015-07-17 13:50 微宇宙 阅读(242) 评论(0) 推荐(0)
如何删除github上项目的文件
摘要：1. 你要有前面一章的开发平台和github插件，下面就是基于前面来做的。如何删掉你github上的文件呢？想必你的电脑有一个下载的git工具了，如果还是没有的话，请用npm下载一个git。这是我已经下载好的。2. 然后打开这个git，登录到你已经注册好的git上，如果没有注册马上去注册一个吧。3.... 阅读全文
posted @ 2015-07-16 17:01 微宇宙 阅读(15644) 评论(0) 推荐(0)
vs和github同步开发步骤
摘要：首先，这是在visual studio中使用。需要了解关于vs同步github必不可少。下载安装破解什么的先完成vs。 1.然后安装一个vs中使用github的插件。vs自带的下载。这个是下载地址。 https://www.microsoft.com/web/handlers/webpi... 阅读全文
posted @ 2015-07-16 11:29 微宇宙 阅读(4770) 评论(1) 推荐(0)
使用canvas能画各种各样的东西
摘要：用过canvas的人都知道，在这个画布上面可以制作各种各样的动画效果，想必大家都用过这个。晒晒刚刚用这个做的一个demo：现在来画一个圆看看:demo.js:var can,ctx,count = 1,w,h,i;can = document.getElementById('can');ctx = ... 阅读全文
posted @ 2015-07-02 22:05 微宇宙 阅读(1924) 评论(0) 推荐(0)
文字自动自左向右滚动的js代码
摘要：重要的一点，就是scrollLeft一直在变化。对象一直在移动，参照物没有动。代码：css：#div1{display:black;width:110px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;backgrou... 阅读全文
posted @ 2015-06-10 23:46 微宇宙 阅读(9173) 评论(1) 推荐(0)
JavaScript（appendChild添加节点）
摘要：首先，我们有一个编辑器，有一个简单的HTML页面，页面的级别分别 --> html -->head[title，meta，script，link]-- body，然后再新建一个index.js页面，专门编写javascript代码。后面再建一个style.css页面。html页面 DO... 阅读全文
posted @ 2015-04-29 22:11 微宇宙 阅读(4552) 评论(0) 推荐(0)
scrollTop方法
摘要：说明 scrollTop(offset)表示滚动的高度，offset表示相对顶部的偏移，以像素计为单位。 滚动功能 scrollTop()表示滚动时，既能"设置"滚动值，也能"获取"滚动值。当设置滚动值时，该方法就会设置所有匹配元素的滚动值；当获取滚动值时，该方法只返回第一个匹配元素的滚动位置。 获 阅读全文
posted @ 2015-04-12 22:31 微宇宙 阅读(849) 评论(0) 推荐(0)