程序员有点田blog

介绍HTML5在移动端上的上传图片相关技巧，主要是安卓上。上传图片传统PC网页上传文件，大家都已经熟悉，这里不做介绍。本文简单介绍移动端常用上传图片功能。灵活使用轮询或长连接可实现PC与移动端数据同步，即PC端需要上传的图片是移动拍照下来或移动端硬盘储存的，不需要再传到PC上然后上传。比如拍照上传业务。。。移动端H5上传图片的方式，要点如下：要点解析input即...

拼图小游戏先来预览，咳咳，这个比上次那个地鼠会好看点……代码是可以设置难度的，3 就是 9,9 就是 81……相比来说，此程序难度可是远远高过打地鼠的，希望小伙伴能跟上~html<header> <button ='Game.restart()'>重新开始</button> <button id="download" ='Game....

关于拼图游戏生成可恢复队列的关键概念解析。近两天准备出个拼图游戏的教程，准备时候遇到一些问题，收集保存分享下来，一来自己用，二来涨点知识，三来有需要的小伙伴刚好也看看。事情起因很简单，比如下面这个拼图（矩阵）：1 23 空这样一个2*2矩阵，是标准原始矩阵，但是变一下：3 12 空这样是可还原的（空和附近的可以换位置，空2，空3，空1，空2即可）。但下面这个呢？1 32...

ES6字符串骚包点模板字符串标签化模板模板字符串带过，主要解释标签化模板。模板字符串这个大家应该都用过，或许这个名字你不熟悉吧，如下：let str = `<div> <button>打我啊，笨蛋</button></div>`/** " * <div> * <button&g...

汤不热一个有趣的动画效果学习。别问我为什么上汤不热（猥琐脸），友尽！正经事Tumblr 分享成功会有这么个动画，觉得挺有意思，就扒出来看了看……第一感觉以为是 canvas 绘制的，后来发现居然是原生DOM操作，嘿嘿，我就喜欢这种！首先自然是去找 DOM 结构，Chrome 调试出来结果如下：<div class="avatar-wrapper"> <d...

网格布局Grid 布局，好用又简单，至少比 Flex 要人性化一点，美中不足就是浏览器支持度差点。DOM结构中间夹层为了后续拓展。CSS.grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10px; grid-column-gap: 4px; h...

巧用js的Date对象，获取每个月对应的最大天数。转载自js可以Date对象很方便的获取到每月的天数，在初始化Date对象时，我们可以通过这种方式:let d = new Date(2015,2,0)console.log(d.getDate())以上代码可以在控制台输出2015年2月份的天数Date对象月份从0开始，即0表示1月份，以此类推。在上面的代码中，我们初始化d为三...

建议测试环境用。app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Origin", "*") res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS') res.header("Access-...

通过GET、POST获取Excel文件流的处理方式，区分返回链接与数据流两种情况。返回链接情况GET常规 GET 请求，然后返回地址使用，window.open(res.url) 打开即可。POST同上非返回链接情况GET比上面还要简单点，window.open(url + params) 直接打开即可。POST// 请求时候要添加个字段，比如 axiosoption.r...

模块作用域、computed的灵活运用，以及CSS的border边框处理。模块作用域、computed的灵活运用，以及CSS的border边框处理。实例代码从template，到css，再到详细的js逻辑代码。html里面放置一个canvas，我们假设宽高都是200px，则：<canvas class="clock" width="200" height="200" ref=...

从CodePen上找一个开源并且符合度较高的计算器，然后改写成常规vue组件来为自己用。改造项目CodePen原项目场景自己写个聚合首页，方便自己统一管理常用的网页工具，参考的是Mac OS的仪表盘，如下：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6LU7pw3B-1588128350451)(https://lc-vdtaziqw.cn-e1.l...