领秀5858-CSDN博客

原创不花钱、不买服务器可以搭建个人博客吗？快进来，给你安排！

想搭建自己的博客，又不想花钱买服务器怎么办？手把手教你白嫖github服务器，并发布个人博客到自己的域名！首先搭建 VuePress ，一个Vue驱动的静态网站生成器，官方提供的生成器需要自己排版好导航栏、侧边栏的位置和路由，如果你感觉比较麻烦。下载我 Github仓库修改过的生成器，不用排版，自动生产导航栏、侧边栏！这个生成器是通过 Vuepress1.0版本修改过的。1、预览一下魁首的效果2、开始搭建，点击这里下载生成器3、把你的文章放到这里????，点开depl

2021-07-11 16:58:26 649 8

原创 JavaScript 中 0.1 + 0.2 != 0.3：浮点数运算的陷阱

JavaScript 中0.1 + 0.2不等于0.3的现象并非 bug，而是由于浮点数运算的本质导致的。了解浮点数运算的特性，采用适当的解决方案，可以帮助我们避免在开发中因为这类问题而浪费时间。通过合理的数学运算和注意运算顺序，我们可以更好地利用 JavaScript 的数值计算功能，确保我们的应用在处理数学运算时保持准确性和可靠性。

2024-01-11 21:16:21 434

原创 Vue3+Vite打包跨平台(七牛、阿里OSS)上传部署前端项目

阅读之前，想了解一下各位观众老爷们，你们公司的项目是怎么部署的...

2024-01-08 21:54:44 893

原创 Vue3+Pinia实现持久化动态主题切换

PC端主题切换大家都用过，下面用Vue3+Pinia实现一下这个过程;// 国际化配置-默认中文。

2024-01-07 20:28:41 1103

原创 canvas实现电子签字功能

去银行办理银行卡的时候你会发现，有的是用电子办卡机，大堂经理带着你一步步操作，其中有一个操作就是签署电子协议，那么这个功能具体怎么实现的呢？

2022-12-15 21:38:08 542 1

原创那个新来的前端，js写个日历组件会不会？

电脑右下角的日历各位观众老爷再熟悉不过了（特别是看还有几天发工资的时候），今天来实现一个阉割版的日历！

2022-12-10 17:14:47 161

原创前端不同场景下的自动化部署方式

前端自动化部署，简单来说就是打包完成后自动发布服务器的过程，简单搜集一下不同的部署方式供大家参考：

2022-12-08 23:17:05 1151

原创使用cookie，让MessageBox 弹框一天内不再弹出

业务场景：基于element UI 15.6版本,MessageBox 弹框点击一个按钮后，固定时间内不再弹出能不能实现？需求分析：这个时候就需要用到我们浏览器的 Cookie 了，当点击按钮后，将一天后的时间存入到 cookie 中，第二次打开时，会首先判断一下当前的时间是否到了 cookie 中保存的时间，如果没到，则不用弹出！

2022-05-29 15:39:08 484

原创用 A-Z 表示 el-table 表格序号，一个你可能忽略的方法

业务场景：基于element UI 15.6版本,el-table 表格的序号我想用 A-Z 该怎么表示呢需求分析：这里可以用的方法 `String.fromCharCode()`, 看看 MDN 怎么解释的！功能实现：在线远行在 UTF-16 中，绝大部分常用的字符可以用一个 16 位的值表示（即一个代码单元）。然而，有一类字符叫 Base Multilingual Plane (BMP)，是所有可寻址的 Unicode 码点的 1/17th。剩下的码点，从范围 `65536` (`0x010000`)

2022-05-29 15:36:50 195

原创 Python + Vue 分析水果行情信息

夏天到了，什么季节的水果卖得最好？价格怎么样？产地都是哪儿的？python + Vue 捣鼓捣鼓水果行情信息，并用可视化图形展示！🤖git地址数据获取：# 准备好需要的包import reimport jsonimport timeimport requests# 循环遍历分页内容for page in range(1,10): try: # 目标 url=f"https://www.guo68.com/market?page={page

2022-05-28 16:40:44 832 3

原创 Transform 穿梭框组件重写，实现多列穿梭

官方组件：重写后：在线远行业务场景：基于element UI 15.6版本,Transform 穿梭框里穿梭内容只有一列勾选内容，能不能展示多列，以表格的形式进行勾选呢？需求分析：其实重头实现一个穿梭效果也不难，在el-table 表格的基础上，中间两个按钮的点击事件来动态改变左右两边表格的数据；功能实现：<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <t

2022-05-07 09:31:19 1466 2

原创虚拟列表实现 element UI 表格内的无限滚动

<el-table :data="taskData" v-loading="taskLoading" v-el-table-infinite-scroll="toLoadMore" infinite-scroll-disabled="scrollDisabled" infinite-scroll-immediate="false"> <el-table-column label="id" prop="ID" show-overflow-

2022-05-06 00:15:29 4579 4

原创 Jquery +Ajax 请求Json文件，绘制Echarts 上下两个堆叠折线图

魁首????一个没有天赋的前端程序员????‍???? ????博客关注我????????Github |????CSDN | ????掘金 | ???? 知乎 | ????博客 |HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt

2021-10-18 11:05:04 602

原创 Vue深入学习4—指令和生命周期

1.Vue是怎么识别 v- 指令的？首先将HTML结构解析成属性列表，存入到数组中，接着遍历数组中的每一个节点，获取到不同指令对应的方法。// 将HTML看作真正的属性列表var ndoeAttrs = node.attributes;var self = this;// 类数组对象变为数组，一层一层的遍历节点[].slice.call(nodeAttes).forEach(attr => { // 这里开始分析指令 var attrName = attr.name;

2021-08-06 00:07:10 136

原创 Vue深入学习3—数据响应式原理

1、数据响应式原理1.1、MVVM是什么？简单来说，就是数据变了，视图也会跟着变，首先你得定义一个带有{{ }}的模板Model，当数据中的值变化了，视图View就会跟着变化；视图模型View-model是模板Model和视图View之间的桥梁，Vue属于非侵入式，React和小程序就是侵入式（数据变化的时候需要调用提前写好的API）// Vue数据变化，非侵入式this.a ++// React、小程序数据变化，侵入式this.setState({ a: this.state.a +.

2021-07-26 23:02:36 214

原创 Vue深入学习2—虚拟DOM和Diff算法

1、snabbdom 是什么？snabbdom是“速度"的意思，源码只有200行，使用TS写的，让东西变得模块化2、snabbdom 的 h 函数如何工作？h函数用于产生虚拟节点，同时也可以嵌套使用，得到虚拟DOM树，3、什么是虚拟DOM?一个js对象描述DOM 的层次结构，用对象属性来描述节点，实际上它对真实DOM的抽象结果，本质上就是JS和真实DOM之间的一个缓存，原生DOM运行慢，将DOM放在JS层，提高渲染性能。3.1、创建一个虚拟DOM<ul id='list.

2021-07-26 22:45:31 113

原创 Vue深入学习1—mustache模板引擎原理

mustache 是 “胡子”的意思，因为它的嵌入标记 {{ }} 旋转过来很像胡子，Vue中的 {{ }} 语法也引用了mustache，这也是我深入学习的目的。1、原始js方式使数据变为视图 <ul id="list"></ul> <script> var arr = [ {"name":"张三", "age":12, "sex":"男"}, {"name":"李四", "age":13,

2021-07-23 23:11:25 195

原创 Vue深入学习—虚拟DOM和Diff算法

1、snabbdom 是什么？snabbdom是“速度"的意思，源码只有200行，使用TS写的，让东西变得模块化2、snabbdom 的 h 函数如何工作？h函数用于产生虚拟节点，同时也可以嵌套使用，得到虚拟DOM树，3、什么是虚拟DOM?用js对象描述DOM 的层次结构，DOM中的一切属性都在虚拟DOM中有对应到的属性。3.1、创建一个虚拟DOMconst patch = init([classModule, propsModule, styleMod...

2021-07-19 23:28:21 121

原创同一个项目能上传至多个GitHub账号或Gitee的仓库嘛？

Host github.com HostName github.com PreferredAuthentications publickey IdentityFile ~/.ssh/id_rsa# lingxiu58(自定义)Host lingxiu58.github.com HostName github.com PreferredAuthentications publickey IdentityFile ~/.ssh/id_rsa_lingxiu5

2021-07-11 21:45:06 779

原创 uni-app 实现微信授权登录

最近在写网易云音乐微信小程序，发现项目中少了点什么东西，于是爆肝了几天，参考了很多网上的写法，最终实现了这个简单的登录功能！注意，微信小程序是没有登出功能的，害的我找了半天的api，在平时的是使用中，退出小程序直接点右上角的小圆点，只要你第一次授权登录了，下次登录基本会记住你的头像信息，当然也不排除一些很蛋疼的小程序，每次都要重复授权！！话不多说，请看代码index.vue<template> <view class="index"> <musichead t

2021-07-09 21:38:44 3366 2

原创 uni-app 写了一个网易云微信小程序

????uni-app 写了一个网易云微信小程序uni-app、vue、小程序集于一身的实战，很好的一个练手项目。包括：云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。⚡后端接口地址 https://github.com/Binaryify/NeteaseCloudMusicApi????项目下载地址 https://github.com/kuishou68/neteaseMusic????可以拿真实的网易云微信小程序做个对比

2021-06-22 16:28:00 4696 15

原创 python爬取网页版QQ空间，生成词云图、柱状图、折线图（附源码）

python爬取网页版QQ空间，生成词云图、柱状图、折线图最近python课程学完了，琢磨着用python点什么东西，经过一番搜索，盯上了QQ空间，拿走不谢，欢迎点赞收藏，记得github给个star！爬取的说说内容个性化说说内容词云图每年发表说说总数柱状图、每年点赞和评论折线图按照你的谷歌浏览器下载指定版本的驱动http://chromedriver.storage.googleapis.com/index.html驱动跟两个python脚本放入同目录，我的版本是90.0.44

2021-05-24 00:13:00 392

原创 Hash表的时间复杂度为什么是O(1)？

Hash表的时间复杂度为什么是O(1)？从hash表的结构来看：hash表是基于数组和链表来实现的，存储数据是使用的是余数法，即使用hash表的长度(8)对key的hashCode(101)求余，余数(5)就是数组的下标。但是，余数法存在一个问题，就是不同key可能存在相同的下标，比如：101%8=5和109%8=5得到相同的下标（5），这就造成了hash冲突。为了解决hash冲突，常用的方法就是链表法，hash表将冲突的下标退化成一条链表，链表的时间复杂度为O(N)，所以hash表单的时间复杂度

2021-05-20 19:14:01 2121 1

原创 Vue3+Vant+Vue-cli+Restful api实战—图书商城移动端

Vue3+Vant+Vue-cli+Restful api实战—图书商城移动端项目向导npm install编译远行如果已经安装好node环境，下载后直接远行npm run serve打包npm run build经过20几天的努力，项目终于做完了，编写的时候在代码中写了很多注释，方便自己后期查看，有问题的小伙伴可以找我帮忙解决！源码下载地址：https://github.com/kuishou68/Vuejs/tree/main/ewshop-master记得给个st

2021-05-19 15:05:00 1125 5

原创搭建一款开源的微信商城小程序：海风小店

很润，很丝滑，搭建一款开源的微信商城小程序：海风小店准备工作申请小程序账号申请小程序账号只需要按照官网文档说明操作即可，这里我就不展开说了，地址：https://developers.weixin.qq.com/miniprogram/introduction/官网下载GitHub三个文件服务端： https://github.com/iamdarcy/hioshop-server微信小程序：https://github.com/iamdarcy/hioshop-miniprogram

2021-05-10 00:12:22 3920 1

原创手把手教你上手Git并上传项目到GitHub官网

闲来没事做，不如玩Git（手把手教你上手Git并上传项目到GitHub官网）Learning Git Branch: 学习 Git 最好的游戏及教程 https://learngitbranching.js.org这个就是那个超强的动画游戏趣味俱佳的 Git 闯关游戏！无论对于新人而言，还是老人来讲，都能从中受益，更能理解 Git 的核心，是我觉得的最好的关于学习 Git 的教程。基础篇1.Git Commitgit commit git commit2.Git Branchgit

2021-05-09 00:14:59 155

原创《JavaScript高级程序设计》红宝书第二遍阅读（动手实践）

《JavaScript高级程序设计》红包书第二遍阅读（动手实践）第1章——什么是JavaScript第2章——HTML中的JavaScript第3章——语言基础第4章——变量、作用域与内存第5章——基本引用类型第6章——集合应用类型第7章——迭代器与生成器第8章——对象、类与面向对象编程第9章——代理与反射第10章——函数第11章——期约与异步函数第12章——BOM第13章——客户端检测第14章——DOM第15章——DOM拓展第17章——事件第20章——Streams API第23章——解析与序列化第24章

2021-04-15 23:50:00 201

原创 layui table表单提示数据接口请求异常

问题：layui table表单提示数据接口请求异常不废话，直接上问题图原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”解决：通过nvm安装node 下的http-server开启一个本地服务器，将json改成数组，并通过外联方式拿到数据。①使用 nvm 安装 Nodejs 参考连接：https://zhuanlan.zhihu.com/p/47977487②http-server开启一个本地服务器参考连接：https://ww

2021-04-12 11:32:09 1246

原创《Web前端》学习总结

这都2021年了，还不学会做总结？《Web前端》学习总结第1章 HTML语言基础第2章表格与框架第3章表单第4章 CSS语言基础第5章 CSS页面布局第6章 JavaScript语言基础第7章 JavaScript对象第8章 BOM与DOM编程第9章 HTML 5基础第10章 HTML 5进阶第11章 jQuery基础第1章 HTML语言基础 HTML是一种描述性标记语言，用来描述页面内容的显示方式； HTML是一种纯文本文件，以“.html”或“.htm”为后缀；

2021-03-23 19:52:53 1069

原创《JavaScript高级程序设计》红宝书第一遍阅读（了解概念）

JavaScript高级程序设计，红包书第一遍阅读（了解概念）第一章——什么是JavaScriptDOM将整个页面抽象为一组分层节点。BOM用于支持访问和操作浏览器的窗口。第二章——HTML中的JavaScript异步执行脚本：async属性和defer，两者都能适用于外部脚本，告诉浏览器立即开始下载。<html> <head> <title>异步执行脚本</title> <script async src="main.js&

2021-03-22 11:28:30 441 4

原创记录一下2019年-2020年期间的学习、工作经历

记录一下2019年-2020年期间的学习、工作经历2019年，我正在学PHP，那时的我怀着对各种编程知识的好奇心，认为编程界这么多种语言，只要学好一门，以后想转其他的语言应该都不难。于是我就开始疯了一样的学PHP，书翻了又翻，收藏PHP官方资料，逛CSDN大牛的博客，总能保持着对学习的兴奋感，每次写代码都能奋斗到黑夜，想要是以后工作了，自己租一个房间，下班回去想学到时候就学到什么时候，没人打扰，也不怕影响到室友休息，哈哈哈。可是，真正步入社会，却很骨感。2019年整个PHP界实习生都不好找工作，之前暑

2021-02-23 00:52:22 254 4

weixin_44019370的博客