web前端
LaShLian~!
这个作者很懒,什么都没留下…
展开
-
汉诺塔
function hanoi(n:number,from:number,to:number):void{ if(n === 1){ console.log(`${form} move to ${to}`) return } let temp = 6 - from - to hanoi(n - 1, from, temp) console.log(`${form} move to ${to}`) hanoi(n - 1, temp, to)'}原创 2021-04-04 14:32:28 · 88 阅读 · 0 评论 -
原生JavaScript实现todoList
预览:https://lanshiliang.github.io/todo-with-original/源码:https://github.com/LanShiLiang/TodoList技术栈:原生JavaScript,HTML ,CSS原生JS实现的实用待办事项小站,具备增删查改、状态切换、数据储存功能原创 2021-02-19 19:35:33 · 339 阅读 · 0 评论 -
原生HTML+CSS像素级还原小米商城首页
预览:https://lanshiliang.github.io/mi/源码:https://github.com/LanShiLiang/LanShiLiang.github.io/tree/master/mi未使用JS与任何库还原小米商城首页的所有交互效果(轮播图,下拉框,缓动动画等)与布局使用了大量transition动画,伪类,flex布局,处理了大量CSS优先级匹配以及层叠问题...原创 2021-02-19 19:33:52 · 291 阅读 · 0 评论 -
antdesign使用中遇到的bug踩坑记录 --- card
antdesign的card组件踩坑记录场景想要达成的需求如下,在接口未完成期间我这里通过循环生成4张card拟对不同类型的公式进行展示。出现问题第一张card的标题塌陷了!代码数据流大致如下 //model 返回新的list数组 list:ary = [] for(let i = 0; i < 4; i++){ list.push({ name: i, formula: '4212', calcRule: '原创 2021-01-05 16:07:49 · 1790 阅读 · 0 评论 -
超好用的正则表达式在线测试工具,以及关于正则表达式中零宽断言的理解
关于正则表达式各种字符的含义运用可见菜鸟教程 点击看文档测试工具分享https://regex101.com/基本的快速判断表达式是否合法不用多做说明亮点示例:匹配邮箱格式的字符串,表达式的关联部分高亮,并且hover在上面可以看到各处字符的用途更棒的是右侧有详细解析,分析该正则表达式!帮助理解正则表达式的路线图生成工具:https://regexper.com/关于 肯定|否...原创 2020-04-16 21:30:00 · 410 阅读 · 0 评论 -
JS基础:用循环判断水仙花数,列出1000以内的水仙花数
水仙花数的每个位的三次方之和等于它原来的值,例如 153判断水仙花数 var n = +prompt() var sum = 0 var digit = n //digit大于0时持续while循环 while (digit) { sum += Math.pow(digit % 10,3) digit = Math.floor(...原创 2020-01-09 09:54:59 · 432 阅读 · 0 评论 -
输入一个数,判断这个数是否是回文数简单方法
.split(’’)将输入打断成数组 再.reverse().join(’’) 数组反转再join 构成字符串,再用if语句进行判断即可 <script type="" id="palindrom"> var pnd = prompt() var arr1 = pnd.split('').reverse().join('') if (arr1 == pnd) { ...原创 2020-01-05 16:25:03 · 1307 阅读 · 0 评论 -
HTML+CSS3 实现时钟效果(秒针抖动)
效果如下思路写在注释里面啦<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>时钟</title> <style> .box { margin: 100px auto; wid...原创 2019-12-23 21:49:40 · 820 阅读 · 0 评论 -
CSS3动画 表情包围绕圆公转而不自转
效果如图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-23 20:47:21 · 432 阅读 · 0 评论 -
css3动画 transform中rotate旋转方向(旋转立方体)
这两天学习了CSS3动画 运用 translate和animation做旋转立方体时因为rotate旋转方向折腾了很久,现在终于明白了总结为一张图整体效果绕Y轴(rotateY),角度为正时 @keyframes cubic { from { transform: rotateX(0deg) rotateY(0deg); } ...原创 2019-12-22 22:05:26 · 2771 阅读 · 1 评论 -
关于flex布局与‘flex-grow、flex-shrink’分享两篇好文章
链接????1.详细介绍flex基本语法2.详细说明CSS弹性盒子——flex-grow、flex-shrink转载 2019-12-16 16:23:40 · 92 阅读 · 0 评论