小玩意
文章平均质量分 76
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 · 1092 阅读 · 0 评论 -
js计算倒计时天、时、分、秒
文章目录前言代码使用前言分享一个自己写的秒数转天、时、分、秒的方法,希望对大家有用。代码function secondFormat(s) { // 防止传入非正常数值 if (typeof s !== 'number') { s = Number(s) || 0 } let m = 60 // 1分钟的毫秒数 let h = m * 60 // 1小时的毫秒数 let d = h * 24 // 1天的毫秒数 if (s <原创 2020-10-31 15:51:55 · 936 阅读 · 0 评论 -
js简单实现一个json格式化功能
js简单实现一个json格式化功能背景html核心代码背景在最近的一个项目中,有个需求是实现json编辑和提交。在我的实现中,使用了在textarea编辑,然后在无序列表中显示json格式化的内容。textarea内编辑json内容会使用“tab”键加入缩进、“shift+tab”减少缩进和格式化json内容的功能,下面主要的内容就是关于这个三个功能。在线示例html<!-- 编辑...原创 2020-05-05 09:51:28 · 4029 阅读 · 0 评论 -
实现一个步骤提示插件
stepsTips步骤提示概述在线示例源码概述在后台管理的实际项目中,发现没有使用说明文档的话,用户在有些操作上不清楚怎么操作流程才是正确的(也可能是页面不够简明扼要),所以在假期突然想起来做一个步骤提示的插件来在以后项目中应用,参考了部分 jquery.joyride 参数获取的实现,查看源码。在线示例在线示例由于是在iframe下,所以滚动的位置并不正确,这个暂时没有处理。在线示例...原创 2020-02-01 14:05:50 · 425 阅读 · 0 评论 -
HTML5拖放换位
HTML5拖放换位在线示例:示例页面结构<ul class="drop-div"> <li href="/black"> <div>1</div> <p>1</p> </li> <li href="/green"> <d...原创 2019-06-10 16:34:13 · 752 阅读 · 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 · 1093 阅读 · 0 评论 -
JSON数组key的转换
JSON数组转换key应用背景js方法应用背景在前两天,项目中使用tree时遇到要把后端传到前端的转换为自己需要的key。取到的是JSON数组,但是key不是我想要的key,需要通过js来转换成自己需要的key的形式。收到的格式类似这样:var data = [{ "groupId": "01", "name": "第一组"}, { "groupId": "02", "name":...原创 2019-05-13 10:14:10 · 1762 阅读 · 0 评论 -
html+js调用手机摄像头扫描二维码(生产勿用!)
&amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;lt;title&amp;amp;amp;amp原创 2019-01-21 17:28:50 · 38112 阅读 · 40 评论 -
手势放大、缩小和移动图片
我写博客一般都是把在项目中遇到的一些问题记录下来,可以在以后遇到类似问题或者有新的思路时来回顾。前两天就遇到一个需求:在手机端,把html页面的图片内容放大和缩小、移动位置。花了我一天时间才做好,本来是自己先画逻辑草图和整理思路,做着做着发现有个别细节不对,所以走了一些弯路。现在把代码直接贴出来,功能和效果比较简陋,后面会继续完善,如果有疑问或建议可以留言,3Q。功能:双击图片放大,单点触摸...原创 2018-11-23 11:18:52 · 4398 阅读 · 23 评论 -
JS识别二维码、JS生成二维码
最近的项目中使用到了识别二维码和生成二维码,都是用JS生成的,应用在了移动端,在网上搜罗了许多进行验证,下面是我在项目中应用的:识别二维码1.JS文件和测试页面压缩包:https://download.csdn.net/download/github_37125043/10510383 2.HTML内容&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt原创 2018-06-30 16:28:37 · 18408 阅读 · 4 评论 -
position定位之后的内容滚动到底部加载更多
今天稍微清闲点,想起了前几天项目中遇到的问题,在页面position定位的内容里实现滚动加载更多,之前写了滚动加载更多是没有定位,通过window.onscroll()方法触发,现在的这个需求有些不一样,这里记录一下方便以后参考,下面直接放上代码:<!DOCTYPE html><html><head> <meta charset="ut...原创 2018-06-23 18:02:27 · 686 阅读 · 0 评论 -
使用JS进行图片懒加载
前几天修改了之前APP的一些功能,发现图片的加载太慢了,而且一个页面显示太多图片的话其他js什么的也都延迟了加载,造成事件方法未加载、操作无效果,用户体验差。原因除了图片显示的有点多之外还有我们的服务器限制的有下载速度,所以考虑到了图片的懒加载。下面我只是简单实现了一下效果,抛砖引玉,想一次加载一个屏幕那么多图片的话也不难,需要的可以另外加入判断即可,这里就不再赘述:CSS代码HTML代码JS代原创 2017-05-15 16:35:02 · 12059 阅读 · 0 评论 -
下拉多选checkbox
下拉多选checkbox本文原创,转载请注明出处目录下拉多选checkbox目录CSS代码HTML代码JS代码今天根据要求让实现下拉列表加入多选按钮,之前写过百度搜索效果,但是感觉不太适用。然后大概想了一下就动手开始试着去写,实现效果如下图:(注:选中下拉多选框之后点击输入框及下拉以外的地方隐藏下拉。依赖JQuery,为了写的方便些。)CSS代码定义一些样式:<style> u原创 2017-05-12 18:58:38 · 8188 阅读 · 0 评论 -
多张图片上传预览及上传到服务器
这周搞混合开发的时候给app提供帮助反馈页面,里面有图片上传功能。之前做过图片上传预览,但是上传到服务器用的插件,对于把图片上传到服务器的方法并不清楚。查了一些资料大部分也都是关于图片预览的,还好有上传到服务器的例子,根据例子做了一些修改方便用在移动端,当然PC端也是可以用的。可以获取到图片的名称、大小和类型。没有写成插件方便在不同的情况下使用,下面就直接把全部代码贴出来: 转载请注明出处全部原创 2017-05-25 10:30:05 · 2090 阅读 · 0 评论