- 博客(44)
- 收藏
- 关注
RSS订阅
原创 深拷贝和浅拷贝——画内存图理解
通过代码绘制内存图来理解深拷贝和浅拷贝浅拷贝//此时有一个obj1的对象 var obj1 = { name: 'lilei', age: 18, sex: 'nan', wife: { name: 'hanmeimei', age: 21 } } //现在将obj1的内容复制给obj2 var obj2 = {} for (var key in obj1) { obj2[k
2022-05-14 19:12:01
280
原创 web网页常见特效3——轮播图
HTML结构分析首先要有一个大的fouce盒子，里面存放图片，小圆点，左右按钮在focus中里面有一个ul，在这个ul中有li，装着一个个图片在focus中有一个ol，在li中是一个个底部小圆点在focus中有两个按钮，btnlet,btnright <!-- 轮播图的大盒子 --> <div class="focus"> <!-- 装图片的盒子 --> <ul> <li&g
2022-05-11 15:41:42
2459
6
原创 网页常见特效2——仿京东放大镜
1效果图分析1.鼠标移入，让遮罩层和装有大图片的div显示，鼠标离开，让遮罩层和装有大图片的div消失2.鼠标进行移动，将鼠标在box的坐标位置给遮罩层，并且判断遮罩层的临界值3.在移动鼠标同时，右侧大盒子中的图片也要跟着相反的方向进行移动2.代码实现 <div class="box"> <img src="./upload/mobile.jpg" alt=""> //遮罩层 <div class="mask">
2022-05-09 21:17:36
278
原创 web网页常见特效1（原生JavaScript）
全选和不全选// An highlighted block <script> // 1.获取元素 j_cbAll(全选按钮) // 全选按钮 var j_cbAll = document.getElementById('j_cbAll'); // 2. 获取下面所有的复选框 var j_tbs = document.getElementById('j_tb').getElementsByTagName
2022-05-04 16:08:23
584
原创 原生ajax的请求步骤
1.get请求 //1.创建一个ajax对象 var xhr = new XMLHttpRequest() //2.调用open方法，声明请求方式和url地址以及参数 //因为该请求是一个get请求，没有请求体，所以，参数需要拼接在url路径的后面，格式为===>？key1=value1&key2=value2... //xhr.open('GET', "http://www.liulongbin.top:3006/api/getbooks?id=
2022-05-29 21:16:34
618
原创 JS高级之面向对象
JS高级之面向对象什么是面向对象面向对象主要是将一个物体的属性和功能进行封装成一个大的类别，然后通过实例化创建出对象，创建对象的方式2.1 字面量2.2 function的构造函数2.3 通过class，创建类//1.字面量 var girlFriend = { name: 'hanmeimei', age: 21, height: 170, say: function () { console.log("你
2022-05-17 21:31:40
108
原创 面向对象版Tab栏切换，（增加，删除，修改和切换）
面向对象版Tab栏切换，（增加，删除，修改和切换） <main> <h4> Js 面向对象 动态添加标签页 </h4> <div class="tabsbox" id="tab"> <!-- tab 标签 --> <nav class="fisrstnav"> <ul>
2022-05-14 09:52:40
385
原创 JavaScript使用localStorage实现ToDoList待办事项
JavaScript使用localStorage实现ToDoList待办事项
2022-05-13 19:35:46
271
原创 localStorage本地存储——记住用户名和密码
localStorage本地存储——记住用户名和密码html进行布局：主要就是需要有一个文本框和一个密码框，以及需要一个记住密码的复选框 <section> <div> <label for="username">用户名：</label><input type="text" id='username' name='username'> </div> <di
2022-05-13 12:55:57
1386
原创 统计字符串出现的次数
统计字符串出现的次数该题所用到的知识点：字符串的一个方法str.charAt(i)从一个字符串中获取返回的指定字符例如： var str = 'abc'; console.log(str.chatAt(0))//a console.log(str.chatAt(1))//b console.log(str.chatAt(2))//c给一个对象的元素进行赋值或者获取一个元素的属性名和属性值例如： var obj = { a:1 } //通过对象.属性名获取属性值 co
2022-05-12 17:48:55
1588
原创 css好用且细节的知识点
1.精灵图为什么要使用精灵图访问页面时每次都会向服务器端发送请求，发送频繁，导致服务器压力变大，加载速度变慢，这时就有精灵图，一但发送请求，服务器直接将整个精灵图返回客户端，减小服务器压力有什么解决办法使用精灵图，一次请求，返回多个背景图如果使用精灵图第一步，先放入这个背景图第二步，确定当前元素有需要的背景图的位置 2.字体图标什么是字体图标字体图标严格意义上来说算作字体，只不过看着是小小的背景图片，但是这个字体图标是可以手动更改它的大小和颜色。如下图所示去
2022-03-26 21:32:53
72
原创 HTML5和CSS3新增知识点总结
html5新增语义化标签header 头部标签nav 导航栏标签article 内容标签section 某一块区域，相当于大号divaside 侧边栏footer 尾部标签多媒体标签视频标签video：MP4，webm，ogg，尽量使用MP4 属性： autoplay:自动播放 muted：静音播放 contrls：播放控件 loop：循环播放 preload：预加载 poster：预加载等待的图片音频标签：audio：MP
2022-03-20 18:02:27
135
原创 罗马数字转整数
罗马数字包含以下七种字符: I， V， X， L，C，D 和 M。字符 数值I 1V 5X 10L 50C 100D 500M 1000示例 1:输入: s = “III”输出: 3示例 2:输入: s = “IV”输出: 4示例 3:输入: s = “IX”输出: 9示例 4:输入:
2022-03-10 18:18:19
38
原创 margin:0 auto没效果是什么原因
首先进行了一个html的布局，一个div标签分别包含行内标签和块级标签，我想在居中的元素里再使用margin：0 auto居中。第二步给div,p,span三个属性进行添加css样式，同样是添加了margin：0 auto，但只有div居中效果如下：第三步：问题所在，后来发现，1.如果当前元素没有设置宽高属性的情况下，margin:0 auto是不起任何效果的；2.如果当前元素使用百分比设置宽高，margin:0 auto同样不起效果3.如果是行内元素，需要先转化为块级元素，注行内块不行，
2022-03-03 15:26:01
7626
原创 html第一天
第一天1.html：又称超文本标记语言2.常用的浏览器及内核 ie、edge：trident 火狐：gecko 谷歌：Blink Safar：webkit opera：Blink3. web标准构成结构（html），表现（css），行为(js)4.书写规范：单标签和双标签，包含或并列关系5.骨架 略6.开发工具略7. HTML常用标签标题标签h1-h6段落标签 p换行标签 br文本格式化标签 ：加粗==>strong、b 倾
2022-03-02 14:39:57
324
原创 移除元素（双指针）
移除元素给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。示例 1：输入：nums = [3,2,2,3], val = 3输出：2, nums = [2,2]解释：函数应该返回新的长度 2, 并且 nums 中的前两个元素均为 2。你不需要考虑数组中超出新长度后面的元素。例如，函数返回的新
2022-01-22 14:02:24
168
原创 猜数字大小（二分查找）
猜数字游戏的规则如下：每轮游戏，我都会从 1 到 n 随机选择一个数字。 请你猜选出的是哪个数字。如果你猜错了，我会告诉你，你猜测的数字比我选出的数字是大了还是小了。你可以通过调用一个预先定义好的接口 int guess(int num) 来获取猜测结果，返回值一共有 3 种可能的情况（-1，1 或 0）：-1：我选出的数字比你猜的数字小 pick < num1：我选出的数字比你猜的数字大 pick > num0：我选出的数字和你猜的数字一样。恭喜！你猜对了！pick == num
2022-01-21 11:15:41
1977
原创 5.替换空格
请实现一个函数，把字符串 s 中的每个空格替换成"%20"。示例 1：输入：s = “We are happy.”输出：“We%20are%20happy.”思路：1.对字符串进行遍历，使用charAt函数对每一个字符进行比较，看是否为空格，如果不为空，该字符进行拼接，否则拼接的是替换的字符2.使用replace函数将每一个空格进行替换（不做演示）代码展示...
2022-01-20 13:46:52
126
原创 寻找数组的中心索引
寻找数组的中心索引给你一个整数数组 nums ，请计算数组的 中心下标 。数组 中心下标 是数组的一个下标，其左侧所有元素相加的和等于右侧所有元素相加的和。示例：输入：nums = [1, 7, 3, 6, 5, 6]输出：3解释：中心下标是 3 。左侧数之和 sum = nums[0] + nums[1] + nums[2] = 1 + 7 + 3 = 11 ，右侧数之和 sum = nums[4] + nums[5] = 5 + 6 = 11 ，二者相等。思路1.求出数组的总和to
2021-11-20 10:39:24
285
原创 平方数之和
平方数之和给定一个非负整数 c ，你要判断是否存在两个整数 a 和 b，使得 a2 + b2 = c 。示例 1：输入：c = 5输出：true解释：1 * 1 + 2 * 2 = 5示例 2：输入：c = 3输出：false示例 3：输入：c = 4输出：true思路:使用双指针，判断left的平方和right的平方是否大于给定的值代码展示...
2021-11-11 17:27:16
190
原创 剑指 Offer II 006. 排序数组中两个数字之和
剑指 Offer II 006. 排序数组中两个数字之和给定一个已按照 升序排列 的整数数组 numbers ，请你从数组中找出两个数满足相加之和等于目标数 target 。示例 1：输入：numbers = [1,2,4,6,10], target = 8输出：[1,3]解释：2 与 6 之和等于目标数 8 。因此 index1 = 1, index2 = 3 。示例 2：输入：numbers = [2,3,4], target = 6输出：[0,2]思路：1.暴力破解，两层for循
2021-11-11 16:55:47
180
原创 字符串中第一个唯一字符
字符串中第一个唯一字符给定一个字符串，找到它的第一个不重复的字符，并返回它的索引。如果不存在，则返回 -1。示例：s = “leetcode”返回 0s = “loveleetcode”返回 2思路：1.利用indexof和lastindexOf进行比较，如果第一次出现位置和最后一次出现的位置是一样的那么就说明这个就是第一个唯一字符代码展示...
2021-11-11 12:53:36
3894
原创 旋转数组中的最小数字
旋转数组中的最小数字把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个递增排序的数组的一个旋转，输出旋转数组的最小元素。例如，数组 [3,4,5,1,2] 为 [1,2,3,4,5] 的一个旋转，该数组的最小值为1。示例 1：输入：[3,4,5,1,2]输出：1示例 2：输入：[2,2,2,0,1]输出：0思路：1.面向api大法（最直接）2.暴力解法，遍历数组，如果数组的当前元素大于当前+1的元素，说明这里是从这里进行了旋转，那么这个当前元素+1 就是最小数字，
2021-11-11 11:23:50
169
原创 搜索插入位置
搜索插入位置给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。示例 1:输入: nums = [1,3,5,6], target = 5输出: 2示例 2:输入: nums = [1,3,5,6], target = 2输出: 1示例 3:输入: nums = [1,3,5,6], target = 7输出: 4思路：1.遍历数组，判断如果遍历的元素大于等于目标值，那么，就返回这个下标，如果遍历结束都没有，说明目标
2021-11-11 11:04:05
313
原创 力扣：平方根
平方根给你一个非负整数 x ，计算并返回 x 的 算术平方根 。案例：输入：x = 4输出：2输入：x = 8输出：2解释：8 的算术平方根是 2.82842…, 由于返回类型是整数，小数部分将被舍去。思路这道题主要考察的是二分查找的应用，完全可以使用二分查找的模板代码展示...
2021-11-10 18:44:56
79
原创 排序算法：选择排序
选择排序思路：1.先指定第一个元素为最大或最小的值2.随后与后面 的元素比较，如果有比第一个元素还小的就让这个元素作为最小值或最大值3.最后一步就是交换了代码示例：
2021-11-10 18:38:35
34
原创 冒泡排序即优化
冒泡排序思路：每一趟比较时，让当前元素比较当前元素+1即可代码示例上面这一版是比较常见的一种冒泡，也就是有长度为5的数组，最多需要遍历4趟，如果第2趟之后就已经排序完成了怎么办？所以还可以进行优化思路：定义一个flag，每当数字进行交换时候就改变当前flag的值，如果flag不再改变，则说明遍历完成，不再需要遍历...
2021-11-10 18:30:10
37
原创 二分查找
给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 target ，写一个函数搜索 nums 中的 target，如果目标值存在返回下标，否则返回 -1。示例 1:输入: nums = [-1,0,3,5,9,12], target = 9输出: 4解释: 9 出现在 nums 中并且下标为 4示例 2:输入: nums = [-1,0,3,5,9,12], target = 2输出: -1解释: 2 不存在 nums 中因此返回 -1思路：二分查找，找中间数字，如果中
2021-10-24 13:48:48
50
原创 分割平衡字符串（贪心算法）
分割平衡字符串（贪心算法）题目：在一个 平衡字符串 中，‘L’ 和 ‘R’ 字符的数量是相同的。给你一个平衡字符串 s，请你将它分割成尽可能多的平衡字符串。示例 1：输入：s = “RLRRLLRLRL”输出：4解释：s 可以分割为 “RL”、“RRLL”、“RL”、“RL” ，每个子字符串中都包含相同数量的 ‘L’ 和 ‘R’ 。示例 2：输入：s = “RLLLLRRRLR”输出：3解释：s 可以分割为 “RL”、“LLLRRR”、“LR” ，每个子字符串中都包含相同数量的 ‘L’ 和
2021-10-22 11:44:10
400
原创 救生艇（排序，对撞指针）
题目大概意思就是，有people n个人，船只限载重为limit，且每艘船只能做两个人，求运送完这批人，最少需要多少船只；示例 1：输入：people = [1,2], limit = 3输出：1解释：1 艘船载 (1, 2)示例 2：输入：people = [3,2,2,1], limit = 3输出：3解释：3 艘船分别载 (1, 2), (2) 和 (3)示例 3：输入：people = [3,5,3,4], limit = 5输出：4解释：4 艘船分别载 (3), (3),
2021-10-21 15:27:40
71
原创 有效的字母异位词
有效的字母异位词给定两个字符串 s 和 t ，编写一个函数来判断 t 是否是 s 的字母异位词。判断条件：若 s 和 t 中每个字符出现的次数都相同，则称 s 和 t 互为字母异位词。示例 1:输入: s = “anagram”, t = “nagaram”输出: true示例 2:输入: s = “rat”, t = “car”输出: false思路：：可以使用排序，对比排序后的字符串，如果两个字符串相等，那么一个字符串试另一个字符串的字母异位词代码展示...
2021-10-20 14:15:18
58
原创 反转字符串
反转字符串示例 1：输入：s = [“h”,“e”,“l”,“l”,“o”]输出：[“o”,“l”,“l”,“e”,“h”]示例 2：输入：s = [“H”,“a”,“n”,“n”,“a”,“h”]输出：[“h”,“a”,“n”,“n”,“a”,“H”]思路：1.使用字符串的reverse反转，不建议使用；2.使用for循环倒序遍历，将倒序的字符串取出形成反转后的字符串3.使用双指针代码展示reverse();使用双指针，利用一个中间变量temp将左边和右边值进行交换...
2021-10-20 07:45:00
91
原创 斐波那契数列
day04,斐波那契数列写一个函数，输入 n ，求斐波那契（Fibonacci）数列的第 n 项（即 F(N)）。：F(0) = 0, F(1) = 1F(N) = F(N - 1) + F(N - 2), 其中 N > 1.答案需要取模 1e9+7（1000000007），如计算初始结果为：1000000008，请返回 1。示例 1：输入：n = 2输出：1示例 2：输入：n = 5输出：5思路：方法1：利用递归当n<2的时候，fn的结果就是n当n>2的时
2021-10-19 14:20:19
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人