- 博客(97)
- 收藏
- 关注
RSS订阅原创 如何渲染10w条数据？
后端返回 10w 条数据，该如何渲染？前端很少会有一次性渲染 10w 条数据的需求，而且如果直接渲染会非常卡顿。你可以反问面试官：这是什么应用场景。然后判断这个技术方案是否合理。例如，就一个普通的新闻列表，后端一次性给出 10w 条数据是明显设计不合理的。应该分页给出。你能正常的反问、沟通、给出自己合理的建议，这本身就是加分项。当然，面试官话语权更大，他可能说：对，不合理，但就非得这样，该怎么办？看下直接for循环渲染，需要多久第二次测量可以看到渲染速度非常慢那我们试一下用文档片段优化一下js运行时间
2024-03-11 21:13:25
1008
1
原创 一文教你搞懂Vue生命周期
vue2生命周期，beforeCreate,created,beforeMounted,mounted,beforeUpdate,update,beforeActived,actived,beforeDestory,destoryed,errorCaptured,watch,computed,props,provide,inject。面试常问问题
2024-03-08 13:19:26
890
原创 js对象继承方式总结
第一种是以原型链的方式来实现继承，但是这种实现方式存在的是，在包含有的数据时，会被所有的实例对象所，容易造成。还有就是在创建子类型的时候不能向超类型传递参数。
2024-03-05 11:29:17
374
原创 js创建对象方式总结
使用大括号{}创建一个新对象，这是最简单直接的方式。适用于创建单个对象，可以直接在大括号内定义属性和方法。这种创建方式对于创建大量相似对象的时候，会产生大量的重复代码。
2024-03-04 16:37:07
858
原创 爱写bug的小邓程序员个人博客
在我的博客中，我所涉及的技术主要包括前后端开发的相关技术。对于前端技术，我主要关注的是React、Vue等主流前端框架；对于后端技术，我主要关注的是Python、Java等语言以及对应的框架和库。同时，我也会在文章中分享一些数据库、操作系统等方面的技术感悟。我希望通过我的博客，能够与更多的人一起分享和学习前后端技术的知识和经验。如果你对博客中的内容有任何疑问或建议，欢迎在评论区留言，我会尽快回复。，这里主要分享我对于前后端相关技术的学习笔记、项目实战经验以及一些技术感悟。
2023-10-30 21:12:40
1528
2
原创 一个Vue页面中多次复用同一个echarts组件echarts.js?f2a6:2278 There is a chart instance already initialized on the do
错误echarts.js?f2a62278Thereisachartinstancealreadyinitializedonthedom.当封装为组件使用的时候，类名是一样的，同一个页面多次出现相同类名，只能显示一个。问题今天封装了一个echarts组件，想要在一个也页面中调用多次。当为id不能显示，因为id不能重复。但是问题却发生了，只会渲染一次。所以不能用这种方法来获取。...
2022-07-24 17:31:57
1405
2
原创 javascript数组操作
push() 数组末尾添加元素pop() 删除数组中的最后一个元素shift() 删除数组中的第一个元素unshift() 在数组最前面添加元素splice()删除元素/插入元素/替换元素1.删除元素：第一个参数：从这个索引后面开始删除第二个参数：传入要删除几个元素（如果没有传，就删除后面所有元素）2.替换元素：第二个参数：标识我们要替换几个元素，后面就是用于替换前面的元素3.插入元素：第二个参数：传入0，并且后面跟上要插入的元素sort() 排序rev
2022-07-07 20:03:07
365
原创 Vue Cli学习笔记
如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。CLI是什么意思?安装NodeJS可以直接在官方网站中下载安装.网址: http://nodejs.cn/download/检测安装的版本默认情况下自动安装Node和NPMNode环境要求8.9以上或者更高版本由于国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。你可以使用淘宝定制的 cnpm (gzip 压缩
2022-07-07 17:48:11
172
原创 Vue-Router学习笔记
路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. — 维基百科早期的网站开发整个HTML页面是由服务器来渲染的.但是, 一个网站, 这么多页面服务器如何处理呢?一个页面有自己对应的网址, 也就是URL.URL会发送到服务器, 服务器会通过正则对该URL进行匹配, 并且最后交给一个Controller进行处理.Controller进行各种处理, 最终生成HTML或者数据, 返回给前端.这就完成了一个IO操作上面的这种操作, 就是后端路由.当我们页面中需要请求不同的路径内容时, 交
2022-07-07 17:47:44
160
原创 axios学习笔记
http://httpbin.org/http://123.207.32.32:8000/home/multidatahttp://123.207.32.32:8000/home/data?type=sell&page=1Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢?选择一: 传统的Ajax是基于XMLHttpRequest(XHR)选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax相对于传统的Ajax非常好用.选择三: 官方在Vue1.x的时候, 推出了Vue-re
2022-07-05 19:09:22
149
原创 webpack学习笔记
什么是webpack？前端模块化：打包如何理解呢？grunt/gulp的核心是Task我们可以配置一系列的task，并且定义task要处理的事务（例如ES6、ts转化，图片压缩，scss转成css）之后让grunt/gulp来依次执行这些task，而且让整个流程自动化。所以grunt/gulp也被称为前端自动化任务管理工具。我们来看一个gulp的task下面的task就是将src下面的所有js文件转成ES5的语法。并且最终输出到dist文件夹中。安装webpack首先需要安装Node.js，Node.js
2022-07-05 19:08:31
246
原创 npm run serve 一直卡在40%
用图形化界面运行也是一直在building不报错误。出现错误原因：template写了多个根元素template里面只能有一个根元素template里面只能有一个根元素template里面只能有一个根元素
2022-07-03 09:36:37
414
原创 Vue-Router点击相同路由报错，vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided r
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/home”.at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2066:15)at createNavigationDuplic
2022-07-01 20:59:04
2211
原创 router-view渲染不出来(一个很低级的错误)
今天写代码遇到的一个问题，router-view渲染不出来。仔细检查了一下，看不出来问题，仔细看了半天。最后发现竟然是字母拼写错误。另外在网上看到其他集中原因，可能导致渲染不成功1.to属性的值要和路由里面的path值一样2.导入和导出vue-router官网介绍：https://router.vuejs.org/zh/官网入门案例：官网给的教程代码，仅供参考...
2022-07-01 19:21:59
1716
原创 ncaught TypeError: Object(...) is not a function at eval (webpack-internal:///./node_modules/vue
vue-router.esm-bundler.js?6c02:2143 Uncaught TypeError: Object(…) is not a functionat eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm-bundler.js:2161:97)at Module…/node_modules/vue-router/dist/vue-router.esm-bundler.js (chunk-vend
2022-07-01 16:29:48
2905
原创 [Vue warn]: Error compiling template: Component template should contain exactly one root element.
Vue报错：[Vue warn]: Error compiling template:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.错误原因：template里面只能一个根元素下面这种是正确的给出错误示例：这种也是正确的。只能包含一个根元素...
2022-06-29 14:43:38
787
原创 PTA(每日一题)7-77 加密
信息安全很重要，特别是密码。给定一个5位的正整数n和一个长度为5的字母构成的字符串s，加密规则很简单，字符串s的每个字符变为它后面的第k个字符，其中k是n的每一个数位上的数字。第一个字符对应n的万位上的数字，最后一个字符对应n的个位上的数字。简单起见，s中的每个字符为ABCDE中的一个。输入格式:测试数据有多组，处理到文件尾。每组测试数据在一行上输入非负的整数n和字符串s。输出格式:对于每组测试数据，在一行上输出加密后的字符串。输入样例:输出样例:代码：...
2022-06-21 18:23:12
2167
原创 PTA(每日一题)7-76 比例
某班同学在操场上排好队，请确定男、女同学的比例。输入格式:测试数据有多组，处理到文件尾。每组测试数据输入一个以“.”结束的字符串，串中每个字符可能是“MmFf”中的一个，“m”或“M”表示男生，“f”或“F”表示女生。输出格式:对于每组测试数据，在一行上输出男、女生的百分比，结果四舍五入到1位小数。输出形式参照### 输出样例:。输入样例:输出样例:代码：...
2022-06-21 18:21:32
1035
原创 PTA(每日一题)7-75 某校几人
某学校教职工人数不足n人，在操场排队，7个一排剩5人，5个一排剩3人，3个一排剩2人；请问该校人数有多少种可能？最多可能有几人？输入格式:测试数据有多组，处理到文件尾。每组测试输入一个整数n（1≤n≤10000）。输出格式:对于每组测试，输出一行，包含2个以一个空格间隔的整数，分别表示该校教职工人数的可能种数和最多可能的人数。输入样例:输出样例:代码：...
2022-06-21 18:19:09
871
原创 PTA(每日一题)7-74 昨天
小明喜欢上了日期的计算。这次他要做的是日期的减1天操作，即求在输入日期的基础上减去1天后的结果日期。例如：日期为2019-10-01，减去1天，则结果日期为2019-09-30。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试输入1个日期，日期形式为“yyyy-mm-dd”。保证输入的日期合法，而且输入的日期和计算结果都在[1000-01-01，9999-12-31]范围内。输出格式:对于每组测试，在一行上以“yyyy-mm-dd”的形式输出结果。输入样例:输出样例:
2022-06-19 17:16:04
2760
1
原创 PTA(每日一题)7-73 转向三角形
输入一个整数n，要求用数字1到n排列出一个转向三角形。例如，n=5时，转向三角形如输出样例所示。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试数据输入1个整数n（1≤n≤9）。输出格式:对于每组测试数据，输出一个有2n-1行的，由数字1…n…1组成的转向三角形（参看输出样例）。输入样例:输出样例:代码：...
2022-06-16 17:56:40
1351
原创 PTA(每日一题)7-72 求累加和
输入两个整数n和a，求累加和S=a+aa+aaa+…+aa…a（n个a）之值。例如，当n=5，a=2时，S=2+22+222+2222+22222=24690。输入格式:测试数据有多组，处理到文件尾。每组测试输入两个整数n和a（1≤n，a
2022-06-16 17:55:00
2301
2
原创 PTA(每日一题)7-71 字符梯形
用从m到n的数字字符排列出一个字符梯形。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试数据输入2个整数m、n（1≤m≤n≤9）。输出格式:对于每组测试数据，输出一个有n-m+1行的，由数字m…n排列而成的梯形，每行的长度依次为：m，m+1，m+2，……，n，每行的数字依次是m，m+1，m+2，……，n。输入样例:输出样例:代码：...
2022-06-16 17:53:20
2188
原创 PTA(每日一题)7-70 菱形
输入一个整数n，输出2n-1行构成的菱形，例如，n=5时的菱形如输出样例所示。输入格式:测试数据有多组，处理到文件尾。每组测试输入一个整数n（3≤n≤20）。输出格式:对于每组测试数据，输出一个共2n-1行的菱形，具体参看输出样例。输入样例:输出样例:代码：...
2022-06-15 22:38:38
1081
原创 PTA(每日一题)7-69 水仙花数
输入两个3位的正整数m，n，输出[m，n]区间内所有的“水仙花数”。所谓“水仙花数”是指一个3位数，其各位数字的立方和等于该数本身。输入格式:测试数据由多组，处理到文件尾。每组测试输入两个3位的正整数m，n（100≤m...
2022-06-15 22:36:55
3054
原创 PTA(每日一题)7-68 猴子吃桃
猴子第一天摘下若干个桃子，当即吃了2/3，还不过瘾，又多吃了一个，第二天早上又将剩下的桃子吃掉2/3，又多吃了一个。以后每天早上都吃了前一天剩下的2/3再多一个。到第n天早上想再吃时，发现只剩下k个桃子了。求第一天共摘了多少桃子。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组数据输入2个正整数n，k（1≤n，k≤15）。输出格式:对于每组测试数据，在一行上输出第一天共摘了多少个桃子。输入样例:输出样例:代码：...
2022-06-15 22:34:44
1337
原创 PTA(每日一题)7-67 最小回文数
若一个数正向看和反向看等价，则称做回文数。例如：6，2552，12321均是回文数。给出一个正整数n，求比n大的最小的回文数。（n和运算结果均不会超出int类型范围）输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试输入1个正整数n。输出格式:对于每组测试数据，输出比n大的最小回文数。输入样例:输出样例:代码：...
2022-06-14 22:43:18
3315
1
原创 PTA(每日一题)7-66 分解素因子
假设n是一个正整数，它的值不超过1000000，请编写一个程序，将n分解为若干个素数的乘积。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试数据输入一个正整数n（1< n ≤1000000）。输出格式:每组测试对应一行输出，输出n的素数乘积表示式，式中的素数从小到大排列，两个素数之间用一个“*”表示乘法。若输入的是素数，则直接输出该数。输入样例:2982888883输出样例:代码：......
2022-06-14 22:37:45
1942
原创 PTA(每日一题)7-65 Fibonacci分数序列
求Fibonacci分数序列的前n项之和。Fibonacci分数序列的首项为2/1，后面依次是：3/2，5/3，8/5，13/8，21/13……输入格式:测试数据由多组，处理到文件尾。每组测试输入一个正整数n（2≤n≤20）。输出格式:对于每组测试，输出Fibonacci分数序列的前n项之和。结果保留6位小数。输入样例:输出样例:代码：...
2022-06-13 17:03:17
1669
原创 PTA(每日一题)7-64 n马n担问题
有n匹马，驮n担货，大马驮3担，中马驮2担，两匹小马驮1担，问有大、中、小马各多少匹? （某种马的数量可以为0）输入格式:测试数据由多组，处理到文件尾。每组测试输入一个正整数n（8≤n≤1000）。输出格式:对于每组测试，逐行输出所有符合要求的大、中、小马的匹数。要求按大马数从小到大的顺序输出，每两个数字之间留一个空格。输入样例:输出样例:代码：...
2022-06-13 17:01:20
1616
原创 PTA(每日一题)7-63 部分逆置
输入n个整数，把第i个到第j个之间的全部元素进行逆置，并输出逆置后的n个数。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试先输入三个整数n，i，j（0 < n ...
2022-06-13 16:59:31
3861
原创 PTA(每日一题)7-62 保持数列有序
有n个整数，已经按照从小到大顺序排列好，现在另外给一个整数x，请将该数插入到序列中，并使新的序列仍然有序。输入格式:测试数据有多组，处理到文件尾。每组测试先输入两个整数n（1≤n≤100）和x，再输入n个从小到大有序的整数。输出格式:对于每组测试，输出插入新元素x后的数列（元素之间留一个空格）。输入样例:输出样例:代码：...
2022-06-11 16:51:21
1416
原创 PTA(每日一题)7-61 简单的归并
已知数组A和B各有m、n个元素，且元素按值非递减排列，现要求把A和B归并为一个新的数组C，且C中的数据元素仍然按值非递减排列。例如，若A=(3，5，8，11)，B=(2，6，8，9，11，15，20)，则C=(2，3，5，6，8，8，9，11，11，15，20)输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试数据输入两行，其中第一行首先输入A的元素个数m（1≤m≤100），然后输入m个元素。第2行首先输入B的元素个数n（1≤n≤100），然后输入n个元素。输出格式:
2022-06-11 16:49:10
2720
原创 PTA(每日一题)7-60 变换数组元素
变换的内容如下：（1）将长度为10的数组中的元素按升序进行排序；（2）将数组的前n个元素换到数组的最后面。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每行测试数据输入1个正整数n（0 < n < 10），然后输入10个整数。输出格式:对于每组测试数据，输出变换后的全部数组元素。元素之间以一个空格分隔（最后一个数据之后没有空格）。输入样例:输出样例:代码：...
2022-06-11 16:46:42
1415
原创 PTA(每日一题)7-59 武林盟主
在传说中的江湖中，各大帮派要选武林盟主了，如果龙飞能得到超过一半的帮派的支持就可以当选，而每个帮派的结果又是由该帮派帮众投票产生的，如果某个帮派超过一半的帮众支持龙飞，则他将赢得该帮派的支持。现在给出每个帮派的帮众人数，请问龙飞至少需要赢得多少人的支持才可能当选武林盟主？输入格式:测试数据有多组，处理到文件尾。每组测试先输入一个整数n（1≤n≤20），表示帮派数，然后输入n个正整数，表示每个帮派的帮众人数a(0...
2022-06-10 15:27:22
2012
2
原创 PTA(每日一题)7-58 集合A-B
求两个集合的差集。注意，同一个集合中不能有两个相同的元素。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试数据输入1行，每行数据的开始是2个整数n（0 < n ≤ 100）和m（0 < m ≤ 100），分别表示集合A和集合B的元素个数，然后紧跟着n+m个元素，前面n个元素属于集合A，其余的属于集合B。每两个元素之间以一个空格分隔。输出格式:针对每组测试数据输出一行数据，表示集合A-B的结果，如果结果为空集合，则输出“NULL”（引号不必输出），否则从小到大输出结果，每两
2022-06-10 15:20:46
2183
原创 PTA(每日一题)7-57 又见A+B
某天，诺诺在做两个10以内（包含10）的加法运算时，感觉太简单。于是她想增加一点难度，同时也巩固一下英文（学好英文真的很重要！），就把数字用英文单词表示。为了验证她的答案，请根据给出的两个英文单词表示的数字，计算它们之和并以英文单词的形式输出。如果没记住这些数字的英文单词，那就先好好学学英文吧。输入格式:多组测试数据，处理到文件尾。每组测试输入两个英文单词表示的数字A、B（0≤A，B≤10）。输出格式:对于每组测试，在一行上输出A+B的结果，要求以英文单词表示。输入样例:输出样例:代码：......
2022-06-10 15:17:08
1990
3
原创 PTA(每日一题)7-56 简版田忌赛马
这是一个简版田忌赛马问题，具体如下：田忌与齐王赛马，双方各有n匹马参赛，每场比赛赌注为200两黄金，现已知齐王与田忌的每匹马的速度，并且齐王肯定是按马的速度从快到慢出场，请写一个程序帮助田忌计算他最多赢多少两黄金（若输，则用负数表示）。简单起见，保证2n匹马的速度均不相同。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每组测试数据输入3行，第一行是n（1≤n≤100) ，表示双方参赛马的数量，第2行n个正整数，表示田忌的马的速度，第3行n个正整数，表示齐王的马的速度。输出格
2022-06-09 16:46:09
2834
原创 PTA(每日一题)7-55 判断回文串
若一个串正向看和反向看等价，则称做回文串。例如：t，abba，xyzyx均是回文串。给出一个长度不超过60的字符串，判断是否是回文串。输入格式:首先输入一个正整数T，表示测试数据的组数，然后是T组测试数据。每行输入一个长度不超过60的字符串（串中不包含空格）。输出格式:对于每组测试数据，判断是否是回文串，若是输出“Yes”，否则输出“No”。引号不必输出。输入样例:输出样例:代码：...
2022-06-09 16:15:46
2155
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人