- 博客(92)
- 收藏
- 关注
RSS订阅
原创 前端项目——实现qq音乐网页版本（样式+获取数据+播放）
这是一个完整的项目实现，内容包括网页排版，利用js css实现一些动态特效，特在此记录项目实现过程中的核心思想，以及难点的解决方法和在此项目中学到的新知识。首先看一下该项目的官网效果（静态）可以看到该网页的实现我们可以将其分为9个部分，即导航栏、歌单推荐栏、新歌首发、精彩推荐、新碟首发、排行榜、MV、页脚和一个固定在页面右侧的窗口...
2021-03-11 15:26:55
10589
9
原创 学习笔记——栈、队列的实现（python+链表）
python中没有指针，所以通过链表实现栈时，使用静态链表来模拟真正链表。栈的原理其实很简单，无非就是“先进后出”也就是说在入栈和出栈时，都是对栈顶元素进行操作，那说到这里就已经很清晰了，定义栈的”指针“时，我们只需要定义一个栈顶指针就可以完成入栈以及出栈的操作。（入栈方向和出栈方向相反）代码实现过程：1.在用链表进行表示时，首先要声明一个方法，为它开创一个节点空间。2.定义top”指针“。（为入栈出栈做准备）3.入栈：判断是否为空栈，若为空栈，直接让top指针移动到新元素n即可。需要注意的时，
2021-01-06 09:18:56
369
3
原创 topLevelAwait是什么？
正常情况下，对于异步的await函数，我们需要搭配关键字async使用，对于模块级别处理异步操作的能力就会有一定限制。topLevelAwait旨在解决该问题。
2024-04-18 15:11:15
278
1
原创 记录el-table的表格合并问题
可以看到该属性默认返回一个函数，函数有四个参数，分别表示横行数据、纵行数据、横行索引和纵行索引，然后我们实操一下，为该参数绑定一个函数rowSpanRulesHandler，在这之前声明一个数组，数组各项表示table各列，如果相同，则增加 count，并继续循环。首先，初始化 count（计数器）和 start（起始位置）变量，以及一个名为 multCompare 的布尔值，用于在循环中判断是否需要继续合并。否则，返回一个数组，包含 count（合并列的跨度）和 1（合并行的跨度）。
2024-03-30 17:43:43
448
原创 小程序内嵌web-view实现路由切换到同级页面无效的解决方案
如果与当web-view不处于同一层级目录下，直接使用 uni.navigateTo({url:‘xxxx’});即可实现跳转，如果处于同级目录下需要使用 uni.switchTab({url:‘xxxx’}),并且声明url时候需要注意是…
2024-03-13 11:15:41
456
原创 前端必备技能！一文读懂如何调试node_module内源码
在项目开发中发现有一个bug问题可能原因出现在node_module内的包问题，但是发现直接调试该包源码是无法正常console的，这对于开发定位问题来说十分不友好。本文仅介绍如何定位npm包的问题和调试方法，但是要注意修改后再npm i 又会覆盖掉修改，如何避免这个问题网上有相关文章，笔者暂未实践。
2023-12-06 10:52:04
857
原创 微信小程序uni.chooseImage()无效解决方案
微信小程序在上传图片时可以通过 uni.chooseImage()方案进行上传，这里不再赘述具体参数。一直项目都可以正常使用，突然有一天发现无法使用该方法，于是查了一下，发现是用户隐私协议问题。故记录一下解决方案。大师。
2023-12-04 14:35:06
1981
6
原创 万字长文——这次彻底了解LLM大语言模型
在深入学习LLM（大型语言模型）之前，了解NLP（自然语言处理）的基本原理对于应用LLM至关重要。虽然在具体的LLM训练和应用中，NLP相关概念的内容应用可能有限，但这并不削弱了解NLP基础知识的重要性。这种基础知识有助于更好地理解LLM的训练方法、功能以及其在各种领域的潜在应用。因此，在学习LLM之前，建议先掌握NLP的基础原理，以便更全面地掌握这一领域的知识，并能够更好地应用它们。感兴趣的同学可以移步AI模型训练——入门篇。
2023-11-30 10:39:22
1105
原创 Cannot read properties of null bug解决方法
定位到el-dialog组件，最初认为是dialog中table依赖的接口数据返回有问题，后发现不是，于是定位到组件本身。看到网上有说是因为dialog销毁失败的 要添加v-if 或者 destory-on-close设置为true，但是对于我们的项目都没用…后来发现 是因为触发dialog的 span标签，用了style设置样式，把行间样式改成了scss样式就修复了 有点玄学。本地运行没有任何错误，在生产环境中，当点击按钮，展示el-dialog时第一次正常，关闭时报错。
2023-09-14 14:54:54
647
原创 element-plus中的el-table如何动态合并行（复制粘贴即可使用 亲测有效！）
但构建函数需要注意的是，这个函数是按照行数去遍历的，比如前 5 行 resource_name相等，那我们在遍历到第一行的时候，就需要返回rowspan=5，colspan=1，接下来函数在此调用，返回的结果会影响第二行，而第二行已经被合并到第一行里了，这时返回rowspan=0，colspan=0即可，第三、四、五行都是一样的返回rowspan=0，colspan=0。现在需要将 prop=desc的这一列，按照resource_name 相等时进行合并。
2023-06-28 19:08:39
1604
3
原创 没有权限merge到源git仓库？一招教你如何解决。
在git上贡献项目的时候，一般步骤是，clone源项目到本地，切出一个新的分支，然后在新分支上开发，最后push到远程，然后提出mr。
2023-05-26 11:45:58
969
原创 数据分析应该怎么做？
数据分析报告通常可以分为三类：日常分析报告、专题型分析报告和综合性分析报告。前两者是以数据+结论+建议的格式去撰写，综合性分析报告则是：行业环境调研（竞品类产品数据分析）+自身产品数据综合性分析+结论+建议。
2023-03-16 16:34:26
1106
原创 el-select数据回填时的处理方案与踩坑解决方法
为需要进行双向数据绑定的组件设定默认值时就是直接对v-model绑定的值赋值。但是对于el- select来说 不仅需要赋值v-model的初值，还需要将对应v-model的el-option所依赖的数据设置好，这样才能解决初始化选择器的问题。
2023-03-09 10:55:08
625
原创 elemenet-plus级联选择器（el-cascader）一级单选 二级三级多选+hover弹窗样式修复+
此时的v-model值为一个数组，数组的第一项则为一级的id，第二项则为二级的id…最近的需求需要实现级联选择器的一级只支持单选，二三级可以支持多选。对于原生的这个组件来说，并没有这个功能，所以需要自己在组件上进行二次封装。
2023-01-05 19:20:01
3088
原创 使用vue-echarts绘图更新option视图不更新问题
在更新echarts视图的配置项时，在对echarts图本身的配置项进行修改的时候，删除新增的图表配置，视图并不会更新，查看原因之后可以发现是因为对于echarts来说，为了提升效率，会自动将图表的option与之前的option进行合并， 但是当图表，根据传进来的option变化的时候，比如折线图当传进来两列数据的时候绘制一条线，传进一列数据时就绘制一条线。
2023-01-03 19:25:33
3000
原创 在chrome中修改dom元素样式
开发过程中，我们很多时候想在chrome中直接调试元素样式，这样是比较快捷的一种调试方法，对于正常元素，这是很容易做到的。但是针对某类hover展示元素，就很困难，因为当选中->鼠标移动到样式区域的时候，hover元素就不再展示，这时也就没办法修改样式了。解决方法：在控制台键入 setTimeout(() => { debugger }, 2000) ，然后在未执行debugger这个时间区间，利用快捷键选中hover展示的想要修改的元素，此时页面进入debugger，即可修改hover元素样式。
2022-12-19 15:07:28
408
原创 如何保存el-pagination组件的分页状态。
当用户从列表页——>详情页——>列表页，在列表页的mounted生命周期则可以获取当前存在sessionStorage中的页码数值，并赋值给分页组件绑定的页码变量，不过这里还有两个点需要注意：一是在列表页的时候什么时候去获取sessionStorage的值 二是我们的sessionStorage值应该在什么时候清空。那如何判断是从详情页返回的呢？可以在进入详情页的时候，存储一个seeion，来标识，再返回列表页的时候则可以判断，该session是否存在，存在即去读取这个当前页码的值，反之则不需要读取；
2022-09-27 16:31:36
504
原创 更改对象属性的方法
在完成表单验证时，某些需要远程搜索的来自于后端返回的数据属性名，与最后提交表单验证时，要求的属性名不一致，Eg:后端返回的产品有关信息为producet_name,product_id，但是最后需要的却是一个product对象，里面含有id和name两个属性。在正式介绍解决方法之前，笔者在此先更加详细的介绍一下，项目的背景，以便更好的理解解决方法。项目使用了element-plus，这种情况出现在，利用el-select组件，链接远程搜素，直接获取数据库的某些数据，这些数据是对象的格式，这个时候参考ele
2022-07-04 17:46:34
1728
原创 表单校验问题——el-select（初始化页面自动触发校验解决办法）
情景：为表单添加校验功能：填好信息后，点击提交按钮，触发校验。bug：当触发过校验函数后，再次进入表单页面，会自动触发添加了multiple属性的el-select组件的表单校验。el-select绑定的数据为null，就会触发change事件，从而开启了表单校验将v-model的初始值修改为空数组即可。...
2022-06-28 14:36:43
5807
原创 Mac前端开发配置
mac与windows系列电脑最大的一个区别之一就是mac利用shell的频率是十分高的，并且其功能十分强大。说到这，有些小伙伴可能不太理解什么是shell，在此介绍一下 :shell的本质上是命令解释器。是人与电脑之间交互的接口，通过shell可以指示计算机完成一些操作。shell的指令集同linux。在mac中经常使用iTerm2作为terminal的替代，官网如下：itrem2官网node官网Mac系统安装node.js时 的默认安装路径是 /usr/local/bin/node, 安装nod
2022-06-08 20:06:36
3021
1
原创 Attempted import error: ‘get‘ is not exported from ‘../../api/musicGet‘.
今天在导入一个函数的时候，出现了以下错误：检查了几遍路径，都是正确的，最后发现是因为自己在导出时时exportdefault，而在导入时却用了{{}}，才导致此错误的产生：export 导出内容时必须注意当前模块文件中可以有多个 export 并且export 可以一次导出多个，export class top extends Component{ render() { return ( <div > </div&g
2022-04-21 14:09:08
981
原创 二分查找通用模板
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、二分法使用场景二、二分法模板二、二分法做题步骤二、二分法例题前言`二分法的原理本身是很简单的，但是在实际场景中却总是有着各种各样的边界问题，此文章为y哥学习笔记。一、二分法使用场景当问题存在以下特征时，往往可以利用二分法进行求解。1、具有单调性（70%）2、答案区间具有两段性。（95%）一段满足题设，一段不满足。边界会有两个（前端边界点为A和后端边界点为B）二、二分法模板根据上图分析可总结出两套代码.
2022-03-18 16:01:27
743
原创 TS学习笔记
文章目录一、Ts中的数据类型1、number型2、boolean 布尔型。3、string字符串型4、数组类型：5、元组类型6、枚举类型：定义数值集合。7、any 任意类型8、unknown 未知类型9、null:已定义且值为空10、undefined:未定义的值11、never 从不会出现的值12、void:表示为空，空也是存在的，这就是和never的区别。13、object：键值对的形式。14、函数：15、零散知识点二、类1、基本语法：2、类的继承3、抽象类类中属性的封装三、接口四、泛型一、Ts中
2022-01-17 14:08:12
1644
3
原创 webpack运行项目时端口占用解决方法
问题：今天在运行项目时控制台报了如下错误：可以看出webpack无法正常打包运行的原因是因为8080端口被占用。解决方法：1）找到占用该端口的进程以及PIDWIN+R打开任务管理器->cmd打开控制台->netstat -ano 查看所有正在运行的进程这里可以看到占用了我电脑的8080端口的进程PID为87962）CTRL+AIT+.进入任务管理器->点击详细信息即可查看到进程及其对应的PID，杀死占用端口的进程即可。...
2022-01-14 10:01:57
1186
1
原创 VScode安装ts环境并自动编译
官方文档提示，ts文件无法直接运行，需要编译成js文件。（VScode）快速运行ts文件。①首先要全局下载ts运行插件：npm install -g typescript （-g就是全局下载的意思）②安装ts编译器：ts-node并不等于ts的Node.js,仅仅封装了ts编译的过程，提供直接运行ts代码的能力npm install ts-node -g③运行：终端中输入ts-node xxx.ts即可编译ts文件成为js文件①在项目文件根目录中运行 tsc --init此步骤会自动
2021-12-31 11:00:48
2918
原创 el-pagination的使用及修改默认样式
前言最近在项目中要用到分页组件，由于项目是使用element-plus搭建的，所以直接引用了组件库中的el-pagination，在此记录用法以及默认样式更改。一、使用方法1）来到Element-plus官网，复制代码到项目中 <el-pagination class="white-list-tool" background :hide-on-single-page :page-s
2021-10-11 11:44:01
9788
7
原创 剑指offer——斐波那契数列
前言题目就没有什么好介绍的了，主要记录做法一、普通递归这个方式很简单，时间复杂度也很爆炸，直接使用递归处理：var fib = function(n) {if(n==1||n==2)return 1return (fib(n-1)+fib(n-2)) % 1000000007;};二、辅助优化思路为引入一个辅助table，避免重复计算。function Fibonacci(n){ if(n<1)return 0 let arr = new Array(n+1).f
2021-07-18 15:36:51
91
原创 vue电商平台项目
系列文章目录对于开发一个vue项目来说通常要经过以下几个步骤 ：一、前端项目初始化安装Vue脚手架：要在全局环境中安装Vue这个脚手架，安装步骤如下：1.首先：从nodejs.org中下载nodejs->然后全局安装vue。npm install vue-cli -g2.利用vue-cli初始化项目：在cmd中输入vue init初始化创建一个基于vue的项目。`vue init webpack xxx3.安装依赖的资源将文件拖入vscode，npm install 下载所依
2021-07-14 16:02:35
3382
1
原创 vue的多页面配置
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结工程化应用——vue的多页面前言本文介绍对于一个vue多页面项目应该如何配置一、pandas是什么？在利用vue-cli进行vue项目开发的过程中，我们往往需要通过vue.config.js文件进行一些相关的配置，因为vue项目的运行是需要进行二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as
2021-07-13 08:34:23
730
原创 TS自学记录
系列文章目录本文记录ts的自学。文章目录系列文章目录前言一、初始化ts二、ts中的原始数据类型1、Boolean2、Number3、String3、空值4、Null 和 Undefined三、ts中的其他数据类型1、任意值2、联合类型四、ts中的对象数据类型1、接口2.可选属性3.任意属性4.只读属性五、数组类型1.数组中元素类型一样2.数组泛型3.接口六、函数类型1.函数声明2.函数表达式前言TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它
2021-07-12 13:53:24
1511
原创 Vue-cli配置
在利用vue-cli进行项目配置时，可以利用vue.config.js进行一系列的相关配置，其中对于webpack的一系列配置也可以在此文件中进行。这个文件初始是并不存在于目录当中，需要我们自己进行手动的生成。根目录下的文件生成目录如下：在vue.config.js可以进行的配置内容如下：module.exports = { publicPath: "./", // 公共路径 默认为"/"，建议使用"./"相对路径 devServer: { // 本地服务器配置(npm run s
2021-06-28 14:48:25
1153
原创 node.js报错解决方法
npm install 报错解决最近在npm install时总是失败，提示：Error: Cannot find module ‘are-we-there-yet’上网搜索了好久也没有找到问题解决方法，但知道了大概原因是因为npm文件损坏，但是反复卸载重新安装都没有用。后来发现只要进入AppData中的Roaming文件中npm 有关文件夹都删除，然后再重新安装即可。...
2021-06-24 09:54:13
768
原创 VUE自学记录
文章目录前言一、VUE是什么？二、使用步骤1.引入vue2.读入数据总结前言此文章主要用来记录VUE学习路线以及学习过程中的思考。以便回顾复习。一、VUE是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入vue类似于Jquery，直接利用，将其引入html文档中，将某个标签作为vue标签使用时，则可以new一个新的vue对象，利用el指明id名，利用data表明想让此标签显示什么内容：2.读入数据代码如下（示例）：da.
2021-06-21 15:52:18
407
原创 看代码说输出
var a=10function b(){ a=100}b()console.log(a)//100因为b中的a没有var 所以改变的是全局中的avar a=10function b(){ a=100 return function a(){}}b()console.log(a) //10因为function使a变量提升，所以b中改变的a的值其实为内部的a所以不影响全局的a，仍输出10var a=10if(true){ var a
2021-05-25 19:53:28
118
原创 clickOnce
指定dom对象 给这个dom对象绑定一个click事件 无论点击多少次只有第一次触发事件回调callback方法一、function clickOnce(element,callback){let click=falseelement.addEventListener('click',()=>{ if(!click) { click=true callback() }else{ return }})}方法
2021-05-25 19:40:33
192
原创 React
React一、基础知识：语言为JSX=JS+HTML jsx满足js语法for=htmlForclass=classNamestyle用{{}}包裹一个{}只能执行一句js语句二、组件模型：（只写了类方式一种）class App extends Component {constructor(props) //构造器内设置初始状态{ super(props) this.state={ themeColor:color }}handleClick(color) //操
2021-05-22 15:34:11
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人