- 博客(35)
- 收藏
- 关注
RSS订阅原创 Angular中使用Intersection Observer API实现无限滚动
不过对于异步操作，元素可能在ngAfterViewInit被调用时还没有完成初始化而导致bug，所以用ngAfterViewChecked() 会更稳，当然也更会导致性能问题，每次变更检测它都被调用，这可能会增加应用程序的负载。实现原理为 在data下面加一个loading元素 如果此元素进入视窗 则调用api获取新的数据加到原来的数据里面，这时loading就会被新数据顶下去，如此循环。效果如图，为了截到loading，我在增加数据的函数里面加了个等待。
2023-12-15 10:43:52
182
原创 Angular中使用drag and drop实现文件拖拽上传，及flask后端接收
【代码】Angular中使用drag and drop实现文件拖拽上传，及flask后端接收。
2023-08-27 16:25:06
1234
原创 Vue3 setup里面生命周期引用普通函数显示undefine
问题描述：export default { setup() { onUpdated(() => { doit0() }), //改为分号 function doit0() { console.log("hhh"); }; ...并且vscode里面没有报错但是生命周期后面还是得加分号，不然出错了非常难找解决办法：将逗号改为分号...
2022-03-21 12:50:50
781
1
原创 css设置宽度=window.innerWidth却依然出现滚动条（已解决）
如图：设置了宽度高度= 窗口的宽度高度 x=canvas.width=window.innerWidth; y=canvas.height=window.innerHeight;出现了两根滚动条解决办法：-1可看到，成功解决 x=canvas.width=window.innerWidth-1; y=canvas.height=window.innerHeight-1;...
2021-12-22 21:38:43
1927
1
原创 pycharm的venu环境pip报错：no such option: --build-dir
原因：PyCharm 依赖于–build-dir安装包，该标志在最新的20.3 中被移除pip解决办法：pip降级，pycharm中打开terminal运行：python -m pip install pip==20.2.4参考网址：https://stackoverflow.com/questions/65085956/pycharm-venv-failed-no-such-option-build-dir...
2021-12-17 15:37:09
2202
原创 TypeError: ufunc ‘isnan‘ not supported for the input types...nan错误(已解决)
解决办法：pd.isnull()参考链接 http://cn.voidcc.com/question/p-cqsjkwhl-hr.html 第一个回答问题描述：从csv中读取数据，然后提取其中的5-12列 s1_s8 = answers.values[:,5:13] print(type(s1_s8))#<class 'numpy.ndarray'> print(s1_s8)[1.0 1.0 5.0 1 1 2 5 2][1.0 2.0 2.0 2 4 4 4 4]
2021-12-07 20:15:12
3370
原创 web前端开发工程师——高频面试题（1）
秋招一个月，躺平整理一些高频面试题，希望能让这个世界少一点内卷for in 和for of的区别：for of 循环用来获取一对键值对中的值 ;而 for in 获取的是键名，且能遍历原型上的key值和手动添加的其他键，适合遍历对象。其它数组迭代方法：https://blog.csdn.net/Merciwen/article/details/79875141Array.map()，返回经过函数处理的新数组Array.forEach()，类似for ofArray.filter(
2021-10-31 21:27:12
132
原创 ‘webpack‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
1、未全局安装webpack//全局安装npm install -g webpack2、曾经修改过npm全局安装路径，未同步环境变量打开cmd//查看npm -g安装路径npm config get prefix复制文件路径打开环境变量，系统变量，选择Path将刚才的路径复制到最后重新打开cmd窗口，输入webpack，完成...
2021-09-22 11:20:34
234
原创 jquery小说阅读器(前端部分)
文件链接：下载解压即可运行阿里云盘链接：https://www.aliyundrive.com/s/Czn98chxyyf运行截图：已实现功能：用户自定义阅读设置未实现功能：后端获取目录及txt资源最难的应该是css布局，细节很多，花了很多时间去完善<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jquery实现前端小说阅读</title&g
2021-09-08 20:29:40
1502
原创 64匹马，8个赛道，通过比赛，决出前四名，最少需要比赛次数
10或者11场一、先分8组，每组8人，进行8场比赛，12345678-12345678-12345678-12345678-12345678-12345678-12345678-12345678淘汰所有组的后四名1234-1234-1234-1234-1234-1234-1234-1234二、每组第一进行比赛，1场，决出前4组，这时候第一名已经确认留下：1234-123-12-1，淘汰剩余的三、前三组中的剩下的继续比赛：234-123-12。取前二可以确定第二名第三名四、若第三组的1
2021-09-06 11:21:01
522
原创 网站无法解选中以及复制——解决方案
禁止选中的,一般是用到了CSS的属性:user-select:none;那么只需要打开网页,按F12或者ctrl+shift+i打开开发者工具点击箭头再点击要复制的段落从style中找到如下语句：取消所有的勾再找到下面的语句，这是设置鼠标指针类型，直接取消掉勾才能选中文本然后就能选中文本了禁止复制完成上面的步骤后，可能还是无法复制，按右键也没有反应这就是使用了JS屏蔽了这些功能禁止右键 οncοntextmenu=“return false”禁止复制： οncοp
2021-09-01 17:43:32
461
原创 JS闭包，防抖和节流
Js闭包参考链接function a() { var counter = 0; return function () {return counter += 1;}}var add = a();add();add();add();形式：函数里面嵌套函数作用：访问函数的私有变量特性：如上例，a函数返回一个匿名函数给add，并且add使用了a的变量counter，所以a函数不会被销毁回收，变量counter一直存在内存中，且只有add()可以访问。Js防抖和节流参考链接
2021-08-31 15:49:02
129
原创 addClass()和css()的区别
1、优先级css() > addClass()<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> <styl
2021-08-30 10:21:11
356
原创 CSS控制图像变红
css制作hover变红效果，对于文字只需要设置color：red，但这对于图片无效。图片变色的方法：CSS3 filter(滤镜) 属性有多种滤镜，多种方法，这里使用svg滤镜filter:url(#colorMeMatrixRed);代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试</title> </head>
2021-08-29 17:36:08
1837
1
原创 CSS快速设置黑夜模式(黑色图标变白)
原图：转换后：代码：body.theme-6 {/* 图片怎么搞黑夜模式 */ background: white; filter: invert(1) hue-rotate(270deg); }说明：转换黑夜模式后（body加上class样式theme-6），设置白色背景是为了反向出黑色背景（invert（1）），字体默认为黑，反向变成白色，此外还需要改变图片色相（hue-rotate(270deg)）。...
2021-08-24 22:21:52
1332
原创 JS实现本地音乐可视化AudioContext+canvas+Audio
！代码在末尾效果：播放本地音乐：Audio+input file选择本地文件<audio id='myAudio' controls> <source src="./audio/林俊杰《起风了》.Mp3" type="audio/mp3"></audio><input type="file" id="file">使用jQuery，把file加载到audio标签$('#file').change(function() {//提交文件后
2021-08-14 16:07:27
1943
原创 ES6 import Export 把一个js文件导入另一个js
文件结构：导出：export_0.jslet myName = "Tom";let myAge = 20;let myfn = function(){ return "My name is" + myName + "! I'm '" + myAge + "years old."}let myClass = class myClass { static a = "yeah!";}export { myName, myAge, myfn, myClass }导入：es6.
2021-08-10 20:47:46
1052
原创 ES6的类 Class
1、class本质是function，不可被提升2、声明与定义class Example { constructor(a) { this.a = a; }}let exam = new Example(1);exam.a;//1声明后类实例对象属性(包括方法)在 prototype 中类的构造函数：class Example{ constructor(){ console.log('我是constructor'); }}ne
2021-08-08 22:24:12
92
原创 jQuery的data(),prop(),attr()获取属性
定义参考<a href="https://www.baidu.com" class="aaa" id="content" data-Age="18" myAge='99'>手握日月摘星辰</div> console.log("attr:"); console.log($('a').attr("href")); console.log($('a').attr("id")); console.log($('a').attr("myAge")); console.log($
2021-08-04 21:40:20
139
原创 Vue2双向绑定和Vue3双向绑定原理及区别
双向绑定包括： 从视图到的数据更新（通过监听实现），从数据到视图的更新。Vue响应式原理：MVVM架构模式Model 层代表数据模型，定义数据修改和操作的业务逻辑View 代表UI 组件，它负责将数据模型转化成UI 展现出来ViewModel 是一个同步View 和 Model的对象在MVVM架构下，View 和 Model 之间并没有直接的联系，ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，Model 和 ViewModel 之间的交互是双向的， 因此Vie
2021-08-03 12:47:37
2969
原创 ES6的Map
var myMap1 = new Map([["key1", "value1"], ["key2", "value2"]]);//Map键值对var myMap2 = new Map(myMap1);console.log(myMap2);console.log(myMap2.get("key1"));myMap1.set('key1',"hhh");//报错的可能是浏览器版本问题console.log(myMap1);console.log(myMap2);参考链接：https://w
2021-07-30 17:50:00
118
原创 浅拷贝和深拷贝
浅拷贝是拷贝一层，遇到深层次的对象级别的就拷贝它的引用；深拷贝是拷贝多层，每一级别的数据都会拷贝出来；浅拷贝的时候如果数据是基本数据类型，那么就如同直接赋值那种，会拷贝其本身，如果除了基本数据类型之外还有一层对象，那么对于浅拷贝而言就只能拷贝其引用，对象的改变会反应到拷贝对象上；但是深拷贝就会拷贝多层，即使是嵌套了对象，也会都拷贝出来。...
2021-07-30 17:32:14
51
原创 原生js通过事件对象e获取Input自定义属性的值
mydata为自定义属性，watch_num_1为触发的函数<input type = "text" v-model = "num_1" mydata=10086 @input="watch_num_1"/>watch_num_1(e){ console.log(e); console.log(e.target.getAttribute('mydata'));控制台输出：自定义属性就在：e.target.getAttribute('自定义属性名');..
2021-07-20 10:39:59
1312
原创 Vue3数据更新数组、对象的方法，使用setup（），Vue.reactive
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例-数组更新 </title><script src="https://unpkg.com/vue@next"></script></head><body><div id="app"> {{sites}} <button @
2021-07-08 11:22:32
12443
1
原创 CSS画三角形
这里要用到边框属性：border用法：border: 1px solid #ccc;//宽度，实线，颜色然后还可以分别设置上下左右边框样式：border-right，border-left，border-top，border-buttom在设置div宽度高度都为0，边框宽度不为0时：#border_1{ margin: 0 auto;/* 居中 */ width: 0px; height: 0px; border-right: 100px solid
2021-06-27 16:40:52
52
原创 flask接收前端的文件（最简），包括前端代码
1、python引入包：from flask import Flask,requestimport os可以从python中直接下载包2、python端全部代码：这里直接默认ip和端口为：127.0.0.1:5000注意：先新建一个upload文件夹，与py文件同级#-*-coding:gb2312-*-from flask import Flask,requestimport osapp = Flask(__name__)@app.route("/file_rec", met
2021-05-25 21:02:24
4439
4
原创 os.system()报错：Path %!s(＜nil＞) does not exist.（成功解决）
代码块：import osexe0 = 'ncm_to_mp3.exe'song = 'May It Be.ncm'r_v = os.system("%s %s"%(exe0,song))print(r_v)就是想通过python的os库里面的system调用exe文件：ncm_to_mp3，并且输入也为一个文件：May It Be.ncm。路径使用的是相对路径，就把exe与ncm都拉到py文件所在目录下。结果一直给我报错：解决方法：尝试很多遍，发现是因为文件名有空格，因为syste
2021-05-23 13:42:03
803
1
原创 python3替换字符串中字符
a="abc";#字符串#print(a[1:3])#print("a[:]",a[:])#=a#print(a[::-1])#反转字符串b=a[1:3];#前闭后开b[0]='b'print("b:",b)这样会报错，python3不支持这种操作，字符串是不可变类型解决办法：1、str.replace(str_old,str_new,int)， int代表最大替换次数，缺省则没有限制但是这样无法指定替换2、转换成列表，替换完再转回来list1= list(b)#字符串转列表
2021-04-28 12:42:35
425
原创 python：Message: ‘chromedriver‘ executable needs to be in PATH
爬虫chromedriver报错，按网上各种设置环境变量的方法都没有用，最后发现直接把驱动路径写入就行。from selenium import webdriverdriver=webdriver.Chrome(r'C:\Program Files (x86)\Google\Chrome\Application\chromedriver.exe') #调用chrome浏览器如图，没有设置环境变量，运行成功启动浏览器。然后关于chrimedriver版本：下载地址：http://npm.taob
2021-04-14 11:07:08
84
1
原创 Dijkstra算法_数组实现
算法思想：**贪心思想实现首先把源点到所有点的距离数组存下来每次循环找个距离最短的，然后对其访问，并且更新剩余点的距离把所有的点找遍之后就存下了源点到其他所有点的最短距离。图解详情可以看看https://www.jianshu.com/p/8efcacb6bdf3代码：#include<iostream>using namespace std;#define maxv 100 //设最长路径不超过9999,顶点数<=100void Dijkstra(
2020-07-25 20:57:39
572
原创 有符号16进制计算器
16进制补码有符号计算器用途：计算机里面的数据是用补码储存的，且这里仅仅适用于32位字节的16进制有符号计算，如0x12345678+0x0.直接输入要运算的16进制有符号补码（0x等前缀，随便你带不带）。若要增加功能，自己修改主函数就行，代码思路，在最下面。如图：废话留下面，上代码：#include<iostream>#include<string.h> #include<algorithm>#include<math.h>#define
2020-06-29 10:42:58
7249
原创 proteus8报错以及无法编译问题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-06-20 14:14:40
6491
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人