随笔分类 -  html/css/js

摘要:reactnative中没有双击事件,只能通过setTimeout实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button id='btn'>click me</but 阅读全文
posted @ 2020-06-29 11:13 _DC 阅读(1320) 评论(0) 推荐(0) 编辑
摘要:nodejs-websocket是nodejs的websocket模块 服务端: var ws = require('nodejs-websocket'); var wsPort = 3000; var peers = []; var server = ws.createServer(functio 阅读全文
posted @ 2020-05-27 11:00 _DC 阅读(1972) 评论(0) 推荐(0) 编辑
摘要:原文地址:https://www.cnblogs.com/jaxu/archive/2013/05/17/3083019.html var container = $('div'), scrollTo = $('#row_8'); container.scrollTop( scrollTo.offs 阅读全文
posted @ 2020-04-11 14:42 _DC 阅读(1278) 评论(0) 推荐(0) 编辑
摘要:原文链接https://www.cnblogs.com/zhabayi/p/6419938.html 阅读全文
posted @ 2020-04-10 16:07 _DC 阅读(244) 评论(0) 推荐(0) 编辑
摘要://点击复制到剪切板 $("#copytocutpad").click(function(){ var div = document.getElementById('sharedurl'); if (document.body.createTextRange) { var range = docum 阅读全文
posted @ 2020-04-10 16:05 _DC 阅读(1740) 评论(0) 推荐(1) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> .textarea{ width: 400px; min-height: 20px; max-hei 阅读全文
posted @ 2020-01-17 17:39 _DC 阅读(138) 评论(0) 推荐(0) 编辑
摘要:先记录下,以后再研究 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Page Not Found</title> <style> #ckbox:checked:after{ opacity: 1; } #c 阅读全文
posted @ 2020-01-13 18:02 _DC 阅读(1377) 评论(0) 推荐(0) 编辑
摘要:来码! <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #conttainer { width: 300px; height: 300px; background-color: beige; } 阅读全文
posted @ 2019-12-31 11:44 _DC 阅读(476) 评论(0) 推荐(0) 编辑
摘要:在使用javascript中的replace替换字符串中的字符时,发现只能替换第一个匹配的字符,后面的都没有替换。 "aaaaaa".replace("a","b"); 返回的字符串是 baaaaa 应该这样写 "aaaaaa".replace(/a/g,"b"); 阅读全文
posted @ 2019-12-26 18:38 _DC 阅读(4489) 评论(0) 推荐(0) 编辑
摘要:阻止冒泡事件即可 //jquery $("#btn").click(function(event){ event.stopPropagation();//阻止事件冒泡即可 }); //js document.getElementById("btn").onclick=function(event){ 阅读全文
posted @ 2019-12-24 15:16 _DC 阅读(2165) 评论(0) 推荐(0) 编辑
摘要:通过js截取video窗口的一帧渲染到canvas。 如果需要保存为图片,只需将canvas保存为图片即可。 canvas保存为图片参考:https://www.cnblogs.com/dch0/p/11698982.html <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2019-12-24 10:55 _DC 阅读(2322) 评论(0) 推荐(0) 编辑
摘要:本文非个人原创,https://www.cnblogs.com/007sx/p/7583202.html 本文转自:91博客;原文地址:http://www.9191boke.com/227207824.html 此demo为大于1M对图片进行压缩上传 若小于1M则原图上传,可以根据自己实际需求更改 阅读全文
posted @ 2019-11-14 18:22 _DC 阅读(183) 评论(0) 推荐(0) 编辑
摘要:代码如下: <form method="post" onsubmit="return checksubmit()"> <input type="file" id="uploadfile"> <input type="submit" name="Submit" value="提交"> </form> 阅读全文
posted @ 2019-11-06 11:20 _DC 阅读(3125) 评论(0) 推荐(0) 编辑
摘要:使用jQuery封装的Ajax实现单文件上传,后台使用了Java springboot框架接收文件处理,当然其它语言也都差不多,主要是前端代码。 菜鸟笔记,老鸟请绕飞! 1.html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti 阅读全文
posted @ 2019-11-05 15:40 _DC 阅读(449) 评论(0) 推荐(0) 编辑
摘要:1.把canvas转为base64编码的数据 2.生成下载连接 a标签中的download 属性规定被下载的超链接目标。 阅读全文
posted @ 2019-10-18 16:23 _DC 阅读(3374) 评论(2) 推荐(0) 编辑
摘要:一个h5唤醒app的工具包 https://github.com/suanmei/callapp lib 启动手机chrome 的 url Schema 阅读全文
posted @ 2019-10-18 15:56 _DC 阅读(1823) 评论(0) 推荐(0) 编辑
摘要:火狐浏览器中的 autocompletion 火狐浏览器提供了表单自动填充的功能,当页面被刷新后会根据表单的历史数据自动填写表单的value值。 关闭自动填写表单 登录表单 禁止记住密码 autocomplete="new password" 更多内容查看:https://developer.moz 阅读全文
posted @ 2019-10-18 15:29 _DC 阅读(642) 评论(0) 推荐(0) 编辑
摘要:1.获取当前时间(年月日时分秒) Date 对象方法 阅读全文
posted @ 2019-10-15 18:25 _DC 阅读(429) 评论(0) 推荐(0) 编辑
摘要:定位属性:static,relative,absolute 1.static 默认都是static,可用于清除定位 2.相对定位 以自己的左上角为基点移动位置,原来的位置继续占有,不脱离标准流 3.绝对定位 如果所有的父元素都没有定位(除static外的定位),以document文档为基点, 如果父 阅读全文
posted @ 2019-09-23 10:05 _DC 阅读(204) 评论(0) 推荐(0) 编辑