![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
编程哲学家
资深PHP,擅长抽象编程,没有我实现不了的需求,没有我解决不了的问题;主导过多个成功的项目,带领过超过十人以上团队,擅长架构与程序设计、发掘业务以及解决各种各样的问题,知识面广,博学,爱智慧与思考。
展开
-
js用户点击提交后检测并为未填写的输入框赋值
<!-- 此应用场景为翻译:--> <div class="layui-row layui-col-space15"> <div class="layui-col-md12"> <div class="layui-card"> <div class="layui-card-body"> &l.原创 2020-12-25 11:14:45 · 385 阅读 · 0 评论 -
webkitdirectory属性 实现文件夹上传
html : <form class="form-horizontal" role="form" id="fileUploadForm" action="/sys/uploadFolder" name="fileUploadForm" method="post" enctype="multipart/form-data"> <div class="form-gro...原创 2020-01-14 12:08:47 · 3534 阅读 · 0 评论 -
移动前端js图片压缩上传实践
此前跟同事聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了,如果用户用的是移动流量,完全把图片上传显然不是一个好办法。 目前来说,HTML5的各种新A...原创 2020-01-09 15:35:59 · 299 阅读 · 0 评论 -
js 移动开发框架:Hammer.js 移动设备触摸手势js库
hammer.js是一个多点触摸手势库,能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件,免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。hammer.js不但支持触摸屏设备的浏览器,在桌面浏览器上,也能将鼠标的点击当做触摸,方便开发人员在桌面浏览器上调试。这是一个专为触摸手势而生的js库...原创 2020-01-09 14:41:30 · 367 阅读 · 0 评论 -
android与javascript相互调用
下面这一节来介绍android和javascript是怎么相互调用的,这样我们的UI界面设计起来就简单多了,而且UI设计起来也可以跨平台。现在有好多web app前台框架了,比如sencha和jquery mobile等。相信未来随着web app的发展我们同样可以使用html设计出和本地应用一样漂亮的界面。这些虽然很美好,但是现在还有很多弊端,比如比本地框架调用慢的多,因为手机是受限的设备,所以...转载 2020-01-09 10:35:04 · 231 阅读 · 0 评论 -
HTML5之Javascript多线程
Javascript执行机制 在HTML5之前,浏览器中JavaScript的运行都是以单线程的方式工作的,虽然有多种方式实现了对多线程的模拟(例如:Javascript 中的 setinterval 方法,setTimeout 方法等),但是在本质上程序的运行仍然是由 JavaScript 引擎以单线程调度的方式进行的。在 HTML5 中引入的工作线程使得浏览器端的 Javascri...原创 2020-01-09 10:28:39 · 223 阅读 · 0 评论 -
js实现文件拖拽上传
本地上传,提前预览(图片,视频) 1.html中div标签预览显示,button标签触发上传事件。 [html]view plaincopy <divid="drop_area"style="border:3pxdashedsilver;width:200px;height:200px">将图片拖拽到此</div> <buttononcl...转载 2019-12-21 15:09:14 · 831 阅读 · 0 评论 -
关于jquery click()方法模拟点击事件对a标签不生效对问题
1 <ahref="www.baidu.com"></a> 问题分析 点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签中的文字了。 所以要想用JS模拟点击A标签事件,就得先往A标签中的文字添加能被JS捕获的元素,然后再用JS模拟点击该元素即可。 打印$(“a”)[0],得到的是http://w...原创 2019-12-13 15:04:38 · 355 阅读 · 0 评论 -
前端图片canvas,file,blob,DataURL等格式转换
最近用到一些图片相关的操作,记录一下笔记。 将file转化成base64 场景: 获取到一个file类型的图片,如果直接在html中预览?这里就是利用html5的新特性,将图片转换为Base64的形式显示出来。有两种方法: 方法一:利用URL.createObjectURL() <!DOCTYPE html> <html> <head> <t...转载 2019-12-11 10:41:08 · 780 阅读 · 0 评论 -
js 实现上传图片/拍照预览功能(无须上传即可预览)
我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传。本文记录了使用css+js实现图片选中后的预览及压缩上传功能,需要的朋友参考下吧 HTML code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta ...原创 2019-12-11 10:28:55 · 509 阅读 · 0 评论