- 博客(69)
- 收藏
- 关注
RSS订阅原创 求两数之和
题目：示例： 解法一：（JS）解法二：(JS)巧用map方法。时间复杂度为O(n)map对象中存放的是{key,value}键值对 has(key)方法判断map中是否存在key，返回boolen值 get(key)方法返回map中的value值
2022-12-06 14:49:56
184
1
原创 git查看提交的代码行数
loc += $1 - $2 } END { printf "增加的行数:%s 删除的行数:%s 总行数: %s\n",add,subs,loc }'
2022-08-25 11:16:47
1039
原创 react和vue3比较
https://www.csdn.net/tags/NtzaMg4sNDE0NDctYmxvZwO0O0OO0O0O.html
2022-08-05 11:30:45
2116
原创 antd组件中的Table表格相关知识
打印出来text和record，可以看到，text是location的值，record是这一整行的值。一、Column（列描述数据对象，是columns中的一项，）生成复杂数据的渲染函数，参数分别为当前行的值，当前行数据，行索引。二、实现Table表格的拖拽排序。......
2022-07-28 11:42:03
2164
原创 鼠标经过显示隐藏盒子
visibilityhidden/visible与displaynone/block的区别visibility还会留下它的位置，display不会，所以用display时可能有其他东西移动位置的情况。（所以这里我们选择用visibility）在父盒子中有一个子盒子，默认是不显示出来，当鼠标经过的时候显示出来。（1）使用定位的写法在子盒子的外部在包裹一个div盒子。...
2022-07-18 15:03:42
1319
原创 路由页面跳转以及传值
实现页面的跳转和传值一、react-router@51、功能实现在首页有三个卡片，分别对应子页面不同状态数据的数量（任务数量、等待发布任务、已发布任务），实现以下交互： （1）点击对应任务数量，打开跳转到消息发布任务页面。 （2）点击等待发布任务时：发布状态选项自动选择等待发布。 （3）点击已发布任务时：发布状态选项自动选择已发布。 这里用到一个方法 ，可以直接通过切换key值改变options中得value值在子页面中打印props得值...........
2022-07-06 10:45:08
1120
原创 防抖（debounce）
应用场景：滚动条事件监听问题1：为什么需要使用防抖函数？举个例子在项目中，我们可能需要通过监听图片的加载来重新获取（条用scroll.refresh函数）滚动的区域（scrollerHeight）,我们一次请求的图片可能是很多张，而请求的速度也比较快，就会出现在短时间内频繁执行refresh函数，致使服务器性能降低。解决方法： 利用防抖函数，在某个时间期限内，事件处理函数只执行一次 /* * 封装一个防抖函数 * 防抖函数传入两个参数 *...
2022-04-28 19:42:32
639
原创 vue3配置vue.config.js文件后内容不生效
问题：我们写路径方便，会给一些路径起别名，vue-cli3需要自己对vue.config.js文件进行配置，但是发现更新完之后vue.config.js内容不起效果module.exports = { configureWebpack: { resolve: { alias: { // 脚手架3中起别名可以用@代替src 'assets': '@/assets', 'common': '@/common', 'co
2022-04-26 21:53:14
4601
1
原创 vue配置路由，路由不跳转，页面不显示
问题1：路由不跳转遇到这个问题第一时间去检查自己的代码（1）在router index.js中①查看这两个routes是否一致const routes:[...]const router = new VueRouter({ routes,})②配置中的component是否多加了s{ path: '/home', component: Home},③导入的文件路径是否正确const Home = () => import('../vi
2022-04-26 19:53:49
18096
3
原创 Vue3项目中slot插槽不起作用（解决方法）
问题：在子组件中定义一个具名插槽，在父组件中使用，但是内容并不能渲染出来。原因：Vue在2.6.0,版本更新了有关插槽的大量内容,具名插槽和作用域插槽引入了一个新的语法v-slot来取代slot和slot-scope这两个已废弃但未移除的属性。所以使用原来的写法内容不能被渲染出来。修改：使用的每一个slot都需要一个 template 包裹，且 slot=“名称” 修改为 v-slot:名称原来的写法：//子组件<template> <div class="tab-
2022-04-26 16:10:11
10494
2
原创 简易计数器
功能实现：点击- +按钮的时候，中间数值减一加一，当数值为0的时候，弹出一个“已经是最小数量了”的对话框，当数值为十的时候，再点击会弹出一个“到头啦，别点啦”的对话框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me..
2022-03-23 21:42:31
247
原创 数组去重（2）
描述为 Array 对象添加一个去除重复项的方法示例1输入：[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN]复制输出：[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']Array.prototype.uniq = function () { let arr = this; let res = [];//结果要返回的没有重复
2022-03-18 21:33:35
239
原创 返回新数组
描述该函数接受两个参数分别为数组、索引值，要求在不改变原数组的情况下返回删除了索引项的新数组。<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> const _delete =
2022-03-16 14:07:26
1087
原创 数组排序（页面渲染）
根据预设代码中的数组，实现以下功能：1. 列表只展示数组中的name属性2. 实现点击"销量升序"按钮，列表内容按照销量升序重新渲染3. 实现点击"销量降序"按钮，列表内容按照销量降序重新渲染注意：1. 必须使用DOM0级标准事件（onclick）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> &
2022-03-16 14:07:15
392
原创 计数器（闭包）
描述请补全JavaScript代码，要求每次调用函数"closure"时会返回一个新计数器。每当调用某个计数器时会返回一个数字且该数字会累加1。注意：1. 初次调用返回值为12. 每个计数器所统计的数字是独立的<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <scr
2022-03-16 14:07:00
263
原创 模板字符串
描述请补全JavaScript代码，实现以下功能：1. 根据已有的person对象的注册时间求出距离当前时间的天数（天数向下取整）。2. 将获得的天数和person数据拼接成字符串，作为h2标签的内容。注意：使用模板字符串进行字符串拼接，字符串最终内容如：尊贵的牛客网2级用户小丽您好，您已经注册牛客网3天啦~<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF
2022-03-16 13:34:10
208
原创 类继承（extends）
描述请补全JavaScript代码，完成类的继承。要求如下：1. "Chinese"类继承于"Human"类2. "Human"类实现一个函数"getName"，返回该实例的"name"属性3. "Chinese"类构造函数有两个参数，分别为"name"、"age"4. "Chinese"类实现一个函数"getAge"，返回该实例的"age"属性<!DOCTYPE html><html> <head> <meta ch
2022-03-16 13:33:58
325
原创 参数解析器
描述请补全JavaScript代码，要求将字符串参数URL中的参数解析并以对象的形式返回。示例1输入：getParams('https://nowcoder.com/online?id=1&salas=1000')复制输出：{id:1, salas: 100}<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">
2022-03-16 13:33:49
257
原创 生成页码（page）
描述请补全JavaScript代码，要求根据参数动态生成"li"标签页码并插入"ul"标签下。要求如下：1. "allItem"为总数据项个数，"pageItem"为每页的数据项个数2. "li"标签内容为当前页码数，页码从1开始示例1输入：_createPage(13,2)复制输出："li"长度为7，"li"内容依次为"1","2","3","4","5","6","7"<!DOCTYPE html><html> <head
2022-03-15 23:24:14
887
原创 总成绩排名
描述请补全JavaScript代码，要求将数组参数中的对象以总成绩(包括属性"chinese"、"math"、"english")从高到低进行排序并返回。<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript">
2022-03-15 23:24:06
185
原创 控制动画效果
描述请补全代码，要求当滑动id为"range"的滑块控件时可以改变id为"rect"的矩形旋转速度。要求如下：1. id为"rect"的矩形初始动画周期为10秒2. id为"range"的滑块控件默认值为1、最小值为、最大值为10、滑动间隔为13. 当滑动滑块值为1时，矩形动画周期为10秒、当...，为...、当滑动滑块值为10时，矩形动画周期为1秒注意：1. 必须使用DOM0级标准事件（onchange）<!DOCTYPE html><html> &l
2022-03-15 23:23:57
266
原创 Map保存节点
描述请补全JavaScript代码，要求将页面中的"p"标签以键名的形式保存在Map对象中，键名所对应的键值为该"p"标签的文字内容。<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <p>1</p> <script type="text/java
2022-03-15 23:23:49
178
原创 全选和反选
1. 选中"全选"框，以下所有选项全部勾选。2. 把"全选"框从选中状态勾选成未选中状态，其他复选框全部取消选中效果。3. 当其他复选框全部选中，"全选框"为选中状态。4. 当其他复选框有一个未选中，"全选框"取消选中状态。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style&
2022-03-15 23:23:32
1722
原创 回文字符串
描述请补全JavaScript代码，要求以boolean的形式返回参数字符串是否为回文字符串。<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> const _isPalindr
2022-03-15 23:23:24
144
原创 Proxy计数器
描述请补全JavaScript代码，请给参数对象添加拦截代理功能，并返回这个代理，要求每当通过代理调用该对象拥有的属性时，"count"值加1，否则减1。<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript">
2022-03-15 23:23:16
291
原创 Proxy拦截器
描述请补全JavaScript代码，请给参数对象添加拦截代理功能并返回这个代理。要求如下：1. 该函数接收多个参数，首个参数为对象，从第二个参数（包括）往后皆是该对象的属性名2. 通过该函数给首个参数对象添加拦截器功能，每当该对象访问到该函数第二个参数（包括）往后的属性时，返回"noright"字符串，表示无权限。<!DOCTYPE html><html> <head> <meta charset=utf-8>
2022-03-15 23:23:07
283
原创 监听对象属性的变化
描述请补全JavaScript代码，要求如下：1. 监听对象属性的变化2. 当"person"对象的属性发生变化时，页面中与该属性相关的数据同步更新注意：1. 必须使用Object.defineProperty实现且触发set方法时更新视图2. 可以使用预设代码"_render"函数<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> &
2022-03-15 23:22:59
1523
原创 商品购物面板
描述请补全JavaScript代码，要求如下：1. 当点击"-"按钮时，商品数量减12. 当点击"+"按钮时，商品数量加13. 每当点击任意按钮时，购物面板中相关信息必须同步更新注意：1. 必须使用DOM0级标准事件（onclick）<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body>
2022-03-15 23:22:48
146
原创 子字符串频次
描述请补全JavaScript代码，该函数接受两个参数分别为字符串、子字符串，要求返回子字符串在字符串中出现的频次。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <script> const _searchStrIndex
2022-03-14 00:48:28
370
1
原创 继承（组合继承）
描述请补全JavaScript代码，实现以下功能：1. 给"Human"构造函数的原型对象添加"getName"方法，返回当前实例"name"属性2. 将"Chinese"构造函数继承于"Human"构造函数3. 给"Chinese"构造函数的原型对象添加"getAge"方法，返回当前实例"age"属性<!DOCTYPE html><html> <head> <meta charset=utf-8> <
2022-03-14 00:48:20
203
原创 判断是否为斐波那契数列
描述请补全JavaScript代码，要求以Boolean的形式返回参数数组是否为斐波那契数列。在数学上，斐波那契数列以如下方法定义：F(0)=0，F(1)=1, F(n)=F(n - 1)+F(n - 2)（n ≥ 2，n ∈ N）注意：1. [0,1,1]为最短有效斐波那契数列<!DOCTYPE html><html> <head> <meta charset=utf-8> </head>
2022-03-14 00:48:13
1587
原创 数组扁平化
描述请补全JavaScript代码，要求将数组参数中的多维数组扩展为一维数组并返回该数组。注意：1. 数组参数中仅包含数组类型和数字类型示例1输入：[1,[2,[3,[4]]]]复制输出：[1,2,3,4]<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body>
2022-03-14 00:48:05
211
原创 数组过滤（渲染页面）
描述请补全JavaScript代码，要求根据下拉框选中的条件变换重新渲染列表中展示的商品，且只展示符合条件的商品。注意：1. 必须使用DOM0级标准事件（onchange）2. 建议使用ES6的filter方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body> <select name="
2022-03-14 00:47:55
190
原创 判断是否为质数
描述请补全JavaScript代码，要求在Number对象的原型对象上添加"_isPrime"函数，该函数判断调用的对象是否为一个质数，是则返回true，否则返回false。<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"&
2022-03-14 00:47:39
137
原创 验证是否是身份证
描述请补全JavaScript代码，要求以Boolean的形式返回字符串参数是否符合身份证标准。注意：1. 无需考虑地区信息、出生日期、顺序码与校验码的验证示例1输入：_isCard('21062319980907888X')复制输出：true<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head>
2022-03-14 00:47:25
185
原创 Symbol
描述请补全JavaScript代码，要求以键/值对的对象形式返回参数数组。要求如下：1. 键名的数据类型为Symbol2. 键值为当前数组项3. Symbol的描述为当前数组项4. 返回普通对象<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script typ
2022-03-14 00:47:10
81
原创 相同的set
描述请补全JavaScript代码，要求以boolean的形式返回两个Set对象参数是否一样，是则返回true，否则返回false。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <script> const
2022-03-14 00:47:01
128
原创 无重复数组
实现一个函数，要求如下：1. 根据输入的数字范围[start,end]和随机数个数"n"生成随机数2. 生成的随机数存储到数组中，返回该数组3. 返回的数组不能有相同元素注意：1. 不需要考虑"n"大于数字范围的情况示例1输入：getUniqueNums(2,10,4)复制输出：[4,6,2,8]<!DOCTYPE html><html lang="en"> <head> <meta charset=
2022-03-14 00:46:47
292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人