javascript

【您有新消息】——实现标签页闪烁效果,非当前页面提示【您有新消息】功能

1349 0

在做websocket的时候有新消息推送需要一个闪烁功能,于是找到了下面这个原生写法,感觉可以用,先抄下来再封装一下。在非当前页面的时候提示“您有新消息”功能的js://    窗体失焦的时候,标题就会闪。 //    这里有一个小的知识点,就是浏览器窗体获得焦点和失去焦点,Chrome和FireFox浏览器是wind...

html2canvas
javascript

用html2canvas快速生成海报分享图片,画布和图片互转,要看到最后啊,优化的在后面!!!

2241 0

上次分享的通过php方式生成的海报图片总有写字是模糊的,多次调试没有解决问题,后来干脆想办法在前端页面直接搞,请教了前端的大佬后分享了一个很不错的js脚本,可以快速实现html转换成canvas画布,然后自行通过其他逻辑下载截图即可。效果图:html2canvas.js引入到项目进行操作即可,可以对指定的元素进行“截图”模式。案例代码(自己非专业前端,不喜勿喷,基于weui排版写的页面):<...

msg.js
javascript

msg.js 无任何依赖的js提示

1179 0

今天发现一个不错的js文件,是用来做提示信息用的,不依赖任何其他js库,操作也是非常简单。用这个msg.js可以兼容已有的消息提示而不会因为需要引入其他js而冲突,下面是消息类型效果:代码比较简单,一看就会用,而且可以自定义修改里面的内容和扩展其他功能。msg.js代码:/**  * 信息提醒,不依赖任何乱七八糟框架及其他文件,导入 msg.js ,msg....

js美化json数据
javascript

js美化json数据

1106 0

json是一种非常常用的数据格式,经常用了作为返回数据使用,比如接口返回、数据提交等。在写接口文档的时候对返回的json数据进行格式化排版一下就非常不错了,下面是我收集的一个不错的json格式函数://json格式美化 function prettyFormat(str) {     try {   &nbs...

js回到顶部
javascript

js快速回到顶部的方式

916 0

某些情况下需要回到顶部,除了常见的点击锚点回到顶部外,ajax加载分了多页后切换内容时快速回到顶部的方式可以通过修改浏览器的视图定位实现。问题描述:某个商品列表页面有多个平台可以切换,采用了滚动分页加载更多的模式进行流式加载,当某个平台的商品分了多页后切换另外的平台时导致新平台的数据被同时请求多个分页,导致大量的数据出现并且没有回到顶部。解决:百度一下,找了几个都不好使,没有效果。最后在滚动加载前...

14款web前端常用的富文本编辑器插件
javascript

14款web前端常用的富文本编辑器插件

1664 0

富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一样长。作为一个技术人员,手上备上两款富文本编辑器还是很有用的,指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了,毕竟从开发上讲,每个富文本编辑器的用法都是有区别的。下面是我收集的一些业界比...

h5拖拽div
javascript

h5拖动div,js拖拽div排序

2102 0

简单通过js实现拖动div调整位置功能,比如页面拖拽排版、商品拖动排序、拖拽设计等。在可拖动的div元素加入:ondrop="drop(event,this)" ondragstart="drag(event, this)" ondragover="allowDrop(event)"比如:<div&nb...

WdatePicker
javascript

WdatePicker时间插件使用方式

1303 0

1. 日期范围限制   静态限制:  注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致   你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围。  示例4-1-1 限制日期的范围是 2006-09-10到2008-12-20<input id="d411" type=&qu...