- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端原生拼图小游戏
拼图小游戏先来预览，咳咳，这个比上次那个地鼠会好看点……代码是可以设置难度的，3 就是 9,9 就是 81……相比来说，此程序难度可是远远高过打地鼠的，希望小伙伴能跟上~html<header> <button ='Game.restart()'>重新开始</button> <button id="download" ='Game....
2020-04-29 11:04:35
828
1
原创 逆序数，拼图游戏必备知识
关于拼图游戏生成可恢复队列的关键概念解析。近两天准备出个拼图游戏的教程，准备时候遇到一些问题，收集保存分享下来，一来自己用，二来涨点知识，三来有需要的小伙伴刚好也看看。事情起因很简单，比如下面这个拼图（矩阵）：1 23 空这样一个2*2矩阵，是标准原始矩阵，但是变一下：3 12 空这样是可还原的（空和附近的可以换位置，空2，空3，空1，空2即可）。但下面这个呢？1 32...
2020-04-29 11:00:43
455
原创 字符show，ES6模板字符串与标签化模板
ES6字符串骚包点模板字符串标签化模板模板字符串带过，主要解释标签化模板。模板字符串这个大家应该都用过，或许这个名字你不熟悉吧，如下：let str = `<div> <button>打我啊，笨蛋</button></div>`/** " * <div> * <button&g...
2020-04-29 10:59:32
459
原创 汤不热真香，教练我要学这个动作
汤不热一个有趣的动画效果学习。别问我为什么上汤不热（猥琐脸），友尽！正经事Tumblr 分享成功会有这么个动画，觉得挺有意思，就扒出来看了看……第一感觉以为是 canvas 绘制的，后来发现居然是原生DOM操作，嘿嘿，我就喜欢这种！首先自然是去找 DOM 结构，Chrome 调试出来结果如下：<div class="avatar-wrapper"> <d...
2020-04-29 10:58:54
386
原创 Grid布局20行代码快速生成瀑布流
网格布局Grid 布局，好用又简单，至少比 Flex 要人性化一点，美中不足就是浏览器支持度差点。DOM结构中间夹层为了后续拓展。CSS.grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10px; grid-column-gap: 4px; h...
2020-04-29 10:58:06
856
原创 js获取每个月最大天数
巧用js的Date对象，获取每个月对应的最大天数。转载自js可以Date对象很方便的获取到每月的天数，在初始化Date对象时，我们可以通过这种方式:let d = new Date(2015,2,0)console.log(d.getDate())以上代码可以在控制台输出2015年2月份的天数Date对象月份从0开始，即0表示1月份，以此类推。在上面的代码中，我们初始化d为三...
2020-04-29 10:57:27
1197
原创 express粗暴允许跨域的演示代码
建议测试环境用。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-...
2020-04-29 10:55:07
138
原创 ajax关于excel文件导出下载
通过GET、POST获取Excel文件流的处理方式，区分返回链接与数据流两种情况。返回链接情况GET常规 GET 请求，然后返回地址使用，window.open(res.url) 打开即可。POST同上非返回链接情况GET比上面还要简单点，window.open(url + params) 直接打开即可。POST// 请求时候要添加个字段，比如 axiosoption.r...
2020-04-29 10:54:02
550
原创 利用Vue特性与Cavnas的API绘制简易时钟
模块作用域、computed的灵活运用，以及CSS的border边框处理。模块作用域、computed的灵活运用，以及CSS的border边框处理。实例代码从template，到css，再到详细的js逻辑代码。html里面放置一个canvas，我们假设宽高都是200px，则：<canvas class="clock" width="200" height="200" ref=...
2020-04-29 10:53:21
277
原创 vue简单日历的实现方案
从CodePen上找一个开源并且符合度较高的计算器，然后改写成常规vue组件来为自己用。改造项目CodePen原项目场景自己写个聚合首页，方便自己统一管理常用的网页工具，参考的是Mac OS的仪表盘，如下：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6LU7pw3B-1588128350451)(https://lc-vdtaziqw.cn-e1.l...
2020-04-29 10:47:00
1078
LeanCloud关于JavaScript封装
2020-03-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人