- 博客(40)
- 收藏
- 关注
RSS订阅
原创 Vue项目中的问题汇总（持续更新中）
代码更简洁错误处理更准确，第一种写法在处理验证失败的情况时可能会有问题，因为错误对象与true的比较会导致不准确的结果返回结果更可靠，因为它总是能得到正确的布尔值结果符合 Element Plus 表单验证的标准用法} else {});});
2025-01-07 17:42:16
1668
原创 用正则表达式校验身份证号码及验证详解
根据上述地址码做身份证号码的前两位校验，进一步的提高准确率。在做用户实名验证时，常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案，大家可以根据自己的项目实际情况，选择适合的方案。华东： 上海31，江苏32，浙江33，安徽34，福建35，江西36，山东37。华北：北京11，天津12，河北13，山西14，内蒙古15。西南： 四川51，贵州52，云南53，西藏54，重庆50。西北： 陕西61，甘肃62，青海63，宁夏64，新疆65。根据方案1的不足，引入方案2进而改进方案1的不足。
2024-10-29 14:11:15
1352
原创 electron知识整理和问题汇总
electron npm 地址- Electron NPM 镜像: https://registry.npmmirror.com/binary.html?path=electron/- Electron Builder 镜像: https://mirrors.huaweicloud.com/electron-builder-binaries/
2024-10-29 14:07:00
1320
2
原创 js new的原理
学习本文内容内容前，你需要了解js中对象，原型链，call()，bind()，apply()，arguments的用法。new操作符的原理在调用 new 的过程中做了四件事：**新生成对象：**new关键字会首先创建一个空对象**链接到原型：**将这个空对象的原型对象指向构造函数的原型属性，从而继承原型上的方法**绑定this：**将this指向这个空对象，执行构造函数中的代码，以获取私有属性**返回新对象：**如果构造函数返回了一个对象res，就将该返回值res返回，如果返回值不是对象，就将
2022-05-11 15:29:01
327
原创 instanceof原理
一、instanceof原理：作用：①用于判断某个实例是否属于某构造函数②在继承关系中用来判断一个实例是否属于它的父类型或者祖先类型的实例查找构造函数的原型对象是否在实例对象的原型链上，如果在返回true，如果不在返回false。说白了，只要右边变量的 prototype 在左边变量的原型链上即可。因此，instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果查找失败，则会返回 false。var obj = new Object()obj
2022-05-11 15:28:02
8450
2
原创 阿里云SSL证书免费申请和部署方法（(DigiCert 免费版 SSL-图文教程）
本文参考以下文章并整理：阿里云SSL证书免费申请方法（图文教程）藏羚骸的博客~阿里云 SSL证书部署(DigiCert 免费版 SSL)2022阿里云免费SSL证书品牌为DigiCert DV单域名证书，每个阿里云账号可以申请20个免费SSL证书资源包，SSL证书大全图文详解阿里云SSL证书免费申请和部署教程，包括SSL证书申请域名DNS验证等操作。阿里云DigiCert 免费版 SSL 有效期一年，过期后需要重新部署SSL。所以，不管是第一次部署SSL还是刚接手公司项目SSL就到期的小伙伴都可
2022-05-11 15:18:41
16288
原创 Jenkins+码云实现前端项目自动部署
Jenkins安装Jenkins的安装参考我另一篇文章 Jenkins+Github+Nginx实现前端项目自动部署在Jenkins里安装码云插件下载安装，重启即可。jenkins创建构建项目1.新建任务2.选择源码管理输入要部署的git项目git记得码云的仓库要用ssh链接然后会提示没密钥，点添加去添加shh密钥3.生成密钥生成公钥，私钥ssh-keygen -t rsa输入三个回车后就能生成。获取公钥cat /root/.ssh/id_rsa.pub打
2021-12-16 15:45:44
1199
1
原创 Jenkins+Github+Nginx实现前端项目自动部署
前言最近在搭建一个自己的网站，网站框架搭好了要把项目放到服务器运行，但是每次更新网站内容就要手动部署一次，实在很麻烦，于是就想搭建一套自动化部署的服务。看了一些案例最后选用现在比较主流的Jenkins + Github + Nginx的方案来搭建，于是跟着教程去做，顺便把自己搭建的过程分享出去。以下操作默认大家已经申请自己的服务器，并开放所需要的端口。我自己的服务器是阿里云CentOS。注意：ubuntu使用（apt-get install 软件名） 来安装软件，redhat(即CentOS)服务器使用
2021-06-24 11:42:23
408
原创 AI的出现，是否能替代IT从业者？一场技术与人文的深度对话
从代码生成的自动化工具到智能运维系统的实时监控，从自动化测试的高效执行到复杂决策的智能化辅助，AI正以其独特的优势，不断提升着IT工作的效率与质量。在科技浪潮的汹涌澎湃中，人工智能（AI）以其无与伦比的数据处理速度、精妙的算法逻辑以及持续进化的学习潜能，正以前所未有的速度重塑着信息技术（IT）行业的面貌。AI的出现并非IT从业者的终结，而是技术与人文共鸣的新起点。让我们以开放的心态、创新的勇气与人文的情怀，迎接AI时代的挑战与机遇，共同推动信息技术的发展，为人类社会的进步贡献智慧与力量。
2025-01-07 18:06:54
437
原创 Vue 组件开发：构建高效可复用的 UI 构建块
Vue 组件化开发是其核心特性之一，它允许我们将复杂的 UI 拆分成多个独立、可复用的组件，从而提高代码的可维护性和可扩展性。通过理解组件的基本概念、掌握组件间通信的方式、遵循最佳实践以及运用高级技巧，我们可以构建出高效、可复用的 Vue 组件，为开发高质量的前端应用打下坚实的基础。Vue 组件是自定义的 Vue 实例，它扩展了基本的 Vue 功能，通过封装模板、脚本和样式，形成一个独立的、可复用的 UI 构建块。动态组件允许根据条件渲染不同的组件，而异步组件则可以实现组件的按需加载，优化应用性能。
2025-01-07 18:06:29
1139
原创 网络安全技术深度解析：构建坚不可摧的数字防线
网络安全是一场没有硝烟的战争，它要求我们不断学习新知，适应技术的快速发展，同时也要保持警惕，随时准备应对未知的挑战。通过上述技术的综合应用与实践，我们可以大大增强网络环境的安全性，为构建一个更加安全、可信的数字世界贡献力量。网络安全是指通过采取技术和管理措施，保护计算机网络系统中的硬件、软件及数据不因偶然的或者恶意的原因而遭到破坏、更改或泄露，确保系统连续可靠地运行，网络服务不中断。防火墙是网络安全的第一道防线，通过设置规则来监控和控制进出网络的数据包，阻止未经授权的访问。
2025-01-07 17:57:49
460
原创 单片机原理及应用深度探索：智能设备的微型大脑
单片机作为智能设备的核心控制器，其重要性不言而喻。通过深入理解单片机原理，掌握高效的编程技巧，结合丰富的实践经验，您将能够设计出更加智能、高效、可靠的嵌入式系统，为科技进步贡献力量。单片机开发通常依赖于集成开发环境（IDE），如Keil uVision、IAR Embedded Workbench、Arduino IDE等，这些IDE提供了代码编写、编译、烧录、调试等功能，极大地提高了开发效率。智能手表、蓝牙耳机、游戏机控制器等消费电子产品，单片机负责处理用户输入、显示控制、音频处理等任务，提升用户体验。
2025-01-07 17:54:54
360
原创 python：利用神经网络技术确定大量离散点中纵坐标可信度的最高集中区间
在这个示例中，我们首先生成了一些示例数据，其中x为离散点的横坐标，y为离散点的纵坐标。最后，我们使用训练后的模型对离散点的纵坐标进行预测，并找到纵坐标最高集中区间的索引范围。当我们有许多离散点并想要确定纵坐标在某个区间内的可信度时，我们可以使用神经网络模型来解决这个问题。下面是一个使用Python编写的示例代码，展示了如何使用神经网络来确定大量离散点中纵坐标可信度的最高集中区间。此外，该示例仅展示了一个简单的方法来确定纵坐标可信度的最高集中区间，您可以根据实际需求进一步扩展和改进该方法。
2025-01-07 17:52:10
371
原创 深度学习：探索人工智能的未来
深度学习的核心思想是通过大量的数据和强大的计算能力，让机器自动学习和提取高层次的抽象特征，从而实现自主识别和智能决策。它的出现不仅给人类带来了更多的便利和机会，也提出了一系列的挑战和问题。我们有理由相信，深度学习将在未来的科技创新和社会进步中扮演重要的角色，为人类创造更美好的未来。本文将介绍深度学习的基本概念、应用领域以及其对未来的影响。教育和职业发展：深度学习的普及将对教育和职业发展带来新的挑战和机遇。它的出现将使得更多传统行业实现智能化和自动化，推动新技术和新业态的出现，改变人们的生活方式。
2025-01-07 17:45:52
456
原创 JavaWeb开发：从入门到精通
HTML/CSS/JavaScript：HTML（HyperText Markup Language）是一种用于创建网页的标记语言，CSS（Cascading Style Sheets）用于设置网页的样式，JavaScript用于实现页面的交互和动态效果。通过学习和掌握JavaWeb开发的基本概念、常用技术和开发流程，我们可以快速构建高效、安全的Web应用。通过使用JavaBean，我们可以实现数据的封装和传递，从而实现数据的持久化和复用。同时，我们还需要绘制页面的原型图，确定页面的布局和交互方式。
2025-01-07 17:35:07
365
原创 优化你的Linux系统性能：必备的技巧
结论：通过使用以上提到的技巧和工具，你可以优化你的Linux系统性能，提高系统的响应速度和效率。设置适当的系统参数：通过调整系统的内核参数，如网络参数、TCP缓冲区大小等，可以提高系统的吞吐量和响应时间。使用高性能网络协议：选择合适的网络协议，如TCP/IP协议栈的高性能实现，可以提高网络传输的速度和稳定性。使用最新的内核版本：升级到最新的Linux内核版本可以获得更好的性能优化和修复已知的性能问题。使用节能和性能模式：根据实际需求设置CPU的功耗管理和性能模式，可以在性能和功耗之间取得平衡。
2025-01-07 17:15:45
415
原创 k8s和docker的区别及各自的应用场景
Docker是一种开源的容器引擎，可以帮助开发者将应用程序和其依赖项打包成独立的容器，实现应用的开发、部署和运行的一致性。Kubernetes（简称为K8s）和Docker是容器化技术领域中的两个重要工具，，但它们在构建、部署和管理容器化应用程序方面发挥着不同的作用。Kubernetes是一个开源的容器编排平台，用于自动化管理容器化应用程序的部署、扩展和管理。
2024-11-05 11:13:29
844
原创 鸿蒙生态崛起，开发者有哪些机遇与挑战？
3.市场竞争优势：随着鸿蒙生态的崛起，鸿蒙设备的用户数量和市场份额也会逐渐增加，开发者可以利用鸿蒙生态的优势来推广和推广自己的应用程序，获取更多的用户和市场份额。2.更好的开发工具和资源支持：鸿蒙生态为开发者提供了一套更好的开发工具和资源支持，例如鸿蒙开发者工具、鸿蒙开发者社区等，可以帮助开发者更高效地进行开发工作。2.竞争压力：随着鸿蒙生态的崛起，越来越多的开发者将加入到鸿蒙生态中，市场竞争将会变得更加激烈，对于开发者来说，如何在竞争中脱颖而出，是一个相当大的挑战。
2024-11-05 10:48:18
255
原创 关于js的style.width取不到元素的宽度值的问题
方法来获取一个元素的当前的宽度。不管该元素是否设置了宽度，CSS样式是内联、外联or内嵌，都可用此方式获得元素当前的宽度。虽然这种方式取不到宽度值。但却可以设置元素的宽度值。那么，对于没有设置宽度的元素、亦或CSS样式非内嵌式的，所以，只有将元素的样式设置成内嵌式的，才可以通过。对于设置了CSS样式的元素（内联、内嵌、外联）今天想用原生JS想获取一个元素宽度时，写。原来，在以下情况下，js无法取到。执行后输出结果为144px。
2024-10-29 14:12:13
430
原创 使用View Transitions实现Element Plus的炫酷主题切换
提供了一种机制，可以在更新 DOM 内容的同时，轻松地创建不同 DOM 状态之间的动画过渡。同时还可以在单个步骤中更新 DOM 内容，。
2024-10-29 14:08:18
1047
原创 何为 RESTful API
RESTful API（Representational State Transfer，表述性状态转移应用程序接口）是一种基于HTTP协议的软件架构风格，用于构建分布式系统中的 Web 应用程序。它是一种轻量级的、可伸缩的和可维护的通信方式，常用于构建面向互联网的服务和应用程序。通过使用RESTful API，开发人员可以构建灵活、可扩展的 Web 应用程序，并通过HTTP协议进行数据的传输和交互。这种方式可以提高应用程序的可维护性和可靠性，同时也使得不同平台和系统能够更好地集成和共享数据。
2024-10-29 13:58:56
365
原创 我的创作纪念日
机缘提示：可以和大家分享最初成为创作者的初心例如：实战项目中的经验分享日常学习过程中的记录通过文章进行技术交流…收获提示：在创作的过程中都有哪些收获例如：获得了多少粉丝的关注获得了多少正向的反馈，如赞、评论、阅读量等认识和哪些志同道合的领域同行…日常提示：当前创作和你的工作、学习是什么样的关系例如：创作是否已经是你生活的一部分了有限的精力下，如何平衡创作和工作学习…憧憬提示：职业规划、创作规划等Tips您发布的文章将会展示至 里程碑专区
2022-05-16 09:41:41
137
1
原创 CSS重排Reflow和重绘Repaint
一、什么是重排（回流）Reflow和重绘Repaint1.重排（回流）重排（回流）:当渲染 render 树中的一部分或者全部因为大小边距、布局等问题发生改变而需要 DOM 树重新计算的过程，每个页面至少需要一次重排，就是在页面第一次加载的时候。2.重绘当元素的一部分属性发生改变，如外观、背景、颜色等不会引起布局变化，只需要浏览器根据元素的新属性重新绘制，使元素呈现新的外观叫做重绘。3.页面渲染过程浏览器加载，解析，渲染页面，分为五个步骤：1. 浏览器将获取的 HTML 文档解析成 DOM 树
2022-05-11 15:26:36
497
转载 基于Hexo的matery主题搭建博客并深度优化
本文转自 悟尘纪，获取更新内容可查看原文： https://www.lixl.cn/2019/092856736.html对于有一定技术背景的同学，自己动手搭建博客网站是一个很不错的选择。选择喜欢的主题，按需进行个性化配置，随时在本地用自己喜欢的工具写文章，一键发布到多个博客托管平台，使用自己喜欢的图床/CDN来加速…演示站点（天弈初心） 基于 Hexo 的 hexo-theme-matery 主题构建。安装hexoHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown.
2022-05-11 15:24:18
1506
原创 服务器配置https协议，三种免费的方法
本文转自 TSY，获取更新内容可查看原文： 服务器配置https协议，三种免费的方法最近想搞一个网站玩玩，发布网站用https协议已经是大势所趋了。例如微信小程序，不使用https协议根本不让接入。所以，分享一下我尝试过的三种方法。Linux自签（OPENSSL生成SSL自签证书）阿里云免费证书Let’s Encrypt永久免费SSL证书【墙裂推荐】一、Linux自签（OPENSSL生成SSL自签证书）第1步：生成私钥执行如下命令生成一个RSA私钥//生成rsa私钥，des3算法，1
2022-05-11 15:14:47
6698
原创 什么是Ajax？
Ajax的定义官方是这么定义的：Ajax即Asynchronous Javascript And XML（异步JavaScript和 XML）。是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax 是一种用于创建快速动态网页的技术。Ajax 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。传统的网页（不使用 Ajax ）如果需要更新内容，必须重载整个页面。一、原生JS中的Ajax1、使用ajax发送数据的步
2022-05-11 15:07:32
285
原创 JS基础篇：数组去重
数组去重有哪些方法？1.利用es6中的set去重，将数组传入到set方法中就可以了2.两层for循环+splice，如果拿每个元素与后面元素进行对比，如果有相同就讲后面重复的元素用splice删除掉3.indexof实现去重,创建一个空数组，然后遍历原数组，取出每个值，进行indexof判断，如果等于-1表示不存在，加入到新数组中。4.利用sort进行排序,，然后两两相邻比较，如果不相等就加入到新数组中5.利用includes判断新数组中是否存在该元素，如果不存在就添加6.利用filter 如果
2021-11-15 09:41:03
676
原创 vue中v-show和v-if的异同
一、官方解释：v-if 是“真正”的条件渲染，只会在指令的表达式返回 truthy 值的时候被渲染。因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件内容。因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <t
2021-11-09 11:36:41
223
原创 nginx 配置网站只允许域名访问，不允许通过id访问
为什么要禁止ip访问页面呢?这样做是为了避免其他人把未备案的域名解析到自己的服务器IP，而导致服务器被断网，我们可以通过禁止使用ip访问的方法，防止此类事情的发生。解决方法：这里介绍修改配置文件nginx.conf两种方法：1）在server段里插入如下正则：listen 80;server_name blog.tianyichuxin.com;if ($host != 'blog.tianyichuxin.com'){ return 403;}2)添加一个server新
2021-11-09 11:27:38
3022
原创 阿里云Centos安装mysql教程
一、基本安装过程1.查看系统是否安装了mysql软件# rpm -qa|grep -i mysql2.将已经安装过的软件卸载掉。注意：这样的卸载是不彻底的。# yum remove ‘软件名’3.下载安装mysql的repo源CentOS 7的yum源中默认是没有mysql的。所以，为了解决这个问题我们首先下载安装mysql的repo源。# wget http://repo.mysql.com//mysql57-community-release-el7-7.noarch.rpm.
2021-06-24 14:29:52
422
原创 vue cli安装到打包详细流程
1.下载vs codevs code下载链接：https://code.visualstudio.com/下载完直接点击安装即可。第一次打开是英文版本，下面是修改成中文版本。2. 下载node下载完直接点击安装即可。然后打开命令行（win+r，然后输入cmd），尽量是管理员模式。输入node -v 可以查询node 的版本号，输入npm -v 可以查询npm的版本号；3.安装v...
2020-02-19 17:54:00
730
原创 vue-cli3.0移动端项目搭建
1.引入lib-flexible .安装lib-flexible：npm i lib-flexible --save在项目的入口main.js文件中引入lib-flexible: import 'lib-flexible'2.使用postcss-px2rem自动将css中的px转换成rem安装postcss-px2rem ：npm install postcss-px2rem -...
2019-10-21 14:20:33
2237
原创 Git的详细操作使用
git基本操作克隆：git clone添加：git add ./提交：git commit -m “提交”上传：git push下拉： git pullgit分支操作1. git branch 查看当前分支2. git branch dev1 创建分支dev13. git checkout dev1 切换到dev1分支4. git branch -a 查看本...
2019-09-26 10:34:42
160
原创 当li设置为inline-block之后元素之间空隙的产生原因和解决办法
当我们在使用ul>li标签写导航的时候，又不想让其变成浮动流，我们只需要把li的css样式添加一个display: inline-block就可以了。但是当我们写完样式之后，本来应该是这样的。实际情况却是这样的。究其原因，我们在使用display:inline-block的时候，浏览器的默认行为是把inline元素间的空白字符（空格换行tab）渲染成一个空格，也就是我们上面的代码&...
2019-06-22 20:14:48
1121
原创 vuejs从安装到搭建整个过程以及部分报错原因
昨天打算安装一个vue框架,就在网上找了一些方法,虽然也成功安装了,但是由于各种安装文件,导致安装了一些不必要的东西,今天上午又重新安装了几遍,终于弄清楚安装vue.js的主要流程了.以及其中我遇到的一些问题.安装1、 安装nodejs从node.js官网下载并安装node，点击下载安装即可.node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人