LaShLian~！-CSDN博客

原创汉诺塔

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 85

原创原生JavaScript实现todoList

预览：https://lanshiliang.github.io/todo-with-original/源码：https://github.com/LanShiLiang/TodoList技术栈：原生JavaScript，HTML ，CSS原生JS实现的实用待办事项小站，具备增删查改、状态切换、数据储存功能

2021-02-19 19:35:33 317

原创原生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 281

原创 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 1774

原创栈解leetcode力扣1106题. 解析布尔表达式

解题思路只有遇到‘|’ 或 ‘&’需要进一步用函数进行判断。整体逻辑并不难，只是比较麻烦，将代码ctrl+c v调试一下就懂了代码/** * @param {string} expression * @return {boolean} */var parseBoolExpr = function (str) { if (str.length === 1) { //判断“t” “r” switch (str) { case "t":

2020-06-25 15:37:21 341

原创 document.createElement()只能声明一个标签不能添加属性借助以下函数完善功能

document.createElement()只能声明一个标签不能添加属性借助以下函数完善功能添加子节点 function elt(tagName, ...children) { //children为所添加的子节点 for (var child of children) { if (typeof child === 'string') { //判断是否是文本节点 node.appendChild(document.create

2020-06-23 21:56:48 723

原创力扣题解：837. 新21点，复杂度O(K+W)

转换公式:dp[x] = 1/W*(dp[x+1]+dp[x+2]+dp[x+3]…+dp[x+w])x为主角手上的总牌面大小，dp[x]为主角当时的获胜概率如何得出此转换公式:抽牌的结果有W个，抽到每个概率都是1/W，也就是说抽牌后一共有W个状态，每个状态的概率都是1/W。将抽牌后可能出现的各个结果的总和概率相加，即是抽牌前状态获胜的概率（dp[X]）理解与思路由转换公式递推至dp[0]即是在给定条件下获胜的概率，因为dp[0]表示手里牌面为0时获胜的概率。这两张图表示运算过程代码/

2020-06-07 17:21:13 174

原创解决git bash 提交 On branch master Changes not staged for commit:

因为 mi-flex.html 有更新未跟踪使用git commit -am可以省略使用git add命令将已跟踪文件放到暂存区的功能即可提交成功

2020-06-06 20:15:19 4647

原创超好用的正则表达式在线测试工具，以及关于正则表达式中零宽断言的理解

关于正则表达式各种字符的含义运用可见菜鸟教程点击看文档测试工具分享https://regex101.com/基本的快速判断表达式是否合法不用多做说明亮点示例:匹配邮箱格式的字符串，表达式的关联部分高亮，并且hover在上面可以看到各处字符的用途更棒的是右侧有详细解析，分析该正则表达式！帮助理解正则表达式的路线图生成工具:https://regexper.com/关于肯定|否...

2020-04-16 21:30:00 401

原创 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 425

原创 JavaScript，数组相关的常用方法总结

数组是值的有序集合即值在数组中是有序存放的，并可以根据顺序得到相应的值数组中可以存放任意类型的值，数组自身也是一种类型的值所以数组中也可以存放数组用 ary = [] 创建一个空数组用 ary = Array(5) 创建一个有5个下标/位置的数组用 ary = [1, 2, 3] 创建有初始值的非空数组例子 ary = [1, null, [1,2,3], undef...

2020-01-08 21:58:01 119

原创输入一个数，判断这个数是否是回文数简单方法

.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 1304

原创手动实现balloon.css的基础效果

今天在接触使用效果库后自己尝试着实现了一下基础的tips效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt...

2019-12-25 21:57:28 270

原创 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 807

原创 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 419

原创 css3动画 transform中rotate旋转方向（旋转立方体）

这两天学习了CSS3动画运用 translate和animation做旋转立方体时因为rotate旋转方向折腾了很久，现在终于明白了总结为一张图整体效果绕Y轴(rotateY)，角度为正时 @keyframes cubic { from { transform: rotateX(0deg) rotateY(0deg); } ...

2019-12-22 22:05:26 2686 1

转载关于flex布局与‘flex-grow、flex-shrink’分享两篇好文章

链接????1.详细介绍flex基本语法2.详细说明CSS弹性盒子——flex-grow、flex-shrink

2019-12-16 16:23:40 88

加油哇