js
文章平均质量分 79
CN-cheng
不断的学习,不断的充实自己
展开
-
控制台日志打印console的封装,加入美化、行显示与打印开关,支持node.js环境
这是“console”对象的进一步美化和封装,包括console.log、console.info、console.warn、console.error,可以显示并定位到日志打印位置(日志行号)。可以加入自定义的console打印前缀、对内容进行美化(web端规则参考,node环境参考),可随时关闭console打印,支持node环境。原创 2023-09-18 18:17:39 · 1000 阅读 · 0 评论 -
js循环的label语句浅析
文章目录前言一、使用场景二、使用方法三、示例参考文档前言今天突然想到了多年前初学前端时的一个例子,今天查了下文档,发现是循环种特有的label语句。自从当时学完之后就没用过,今天查询文档加上自己验证,发现在有些场景还是比较有用的。下面就将下label语句的作用和适用场景一、使用场景一个 label 提供了一个让你在程序中其他位置引用它的标识符。例如,你可以用 label 标识一个循环, 然后使用 break 或者 continue 来指出程序是否该停止循环还是继续循环。label语句只原创 2021-02-26 17:56:25 · 808 阅读 · 1 评论 -
js简单实现一个json格式化功能
js简单实现一个json格式化功能背景html核心代码背景在最近的一个项目中,有个需求是实现json编辑和提交。在我的实现中,使用了在textarea编辑,然后在无序列表中显示json格式化的内容。textarea内编辑json内容会使用“tab”键加入缩进、“shift+tab”减少缩进和格式化json内容的功能,下面主要的内容就是关于这个三个功能。在线示例html<!-- 编辑...原创 2020-05-05 09:51:28 · 3973 阅读 · 0 评论 -
实现一个步骤提示插件
stepsTips步骤提示概述在线示例源码概述在后台管理的实际项目中,发现没有使用说明文档的话,用户在有些操作上不清楚怎么操作流程才是正确的(也可能是页面不够简明扼要),所以在假期突然想起来做一个步骤提示的插件来在以后项目中应用,参考了部分 jquery.joyride 参数获取的实现,查看源码。在线示例在线示例由于是在iframe下,所以滚动的位置并不正确,这个暂时没有处理。在线示例...原创 2020-02-01 14:05:50 · 422 阅读 · 0 评论 -
JS Notifications消息通知
Notifications API 的通知接口用于向用户配置和显示桌面通知。let notification = new Notification(title, options)MDN链接参数:title一定会被显示的通知标题options 可选一个被允许用来设置通知的对象。它包含以下属性:dir : 文字的方向;它的值可以是 auto(自动), ltr(从左到右), or r...原创 2019-05-24 16:57:26 · 1563 阅读 · 0 评论 -
时间转换成距离现在有多久
下面的方法用来把时间转换成距离现在有多久,如几分钟前、几小时前。需要传入过去的时间,调用示例:timeFromNow(‘2019/6/13 8:15:00’)timeFromNow(‘2019-6-13 8:15:00’)timeFromNow(‘2019-06-13 8:15:00’)timeFromNow(‘2019,6,13 8:15:00’)timeFromNow(15603...原创 2019-06-13 08:49:30 · 1074 阅读 · 0 评论 -
HTML5拖放的封装
在项目中遇到了拖放的需求,之前虽然了解过,但是时间久了就忘记的差不多了。前些天进行简单实现和封装了一下,自己测试没有发现大问题,有个小问题就是拖放到的位置是以松开鼠标时指针的位置来判断插入位置,所以可能效果不甚完美,后面会继续优化。自己封装的js放在了GitHub,欢迎提issues:链接。具体的效果可以点击查看:示例HTML结构示例<div class="abs"> ...原创 2019-06-03 11:18:19 · 185 阅读 · 0 评论 -
web components示例分析
总结一下web components的使用:在线示例引入单独文件引入(这样可以复用):<link rel="import" href="./components/userCard.html">直接写入同一个html文件内:<template id="userCardTemplate"> <style> ... <...原创 2019-08-13 10:06:27 · 507 阅读 · 0 评论