自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 阿里云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 15076

原创 阿里云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 371

原创 Jenkins+Github+Nginx实现前端项目自动部署

前言最近在搭建一个自己的网站,网站框架搭好了要把项目放到服务器运行,但是每次更新网站内容就要手动部署一次,实在很麻烦,于是就想搭建一套自动化部署的服务。看了一些案例最后选用现在比较主流的Jenkins + Github + Nginx的方案来搭建,于是跟着教程去做,顺便把自己搭建的过程分享出去。以下操作默认大家已经申请自己的服务器,并开放所需要的端口。我自己的服务器是阿里云CentOS。注意:ubuntu使用(apt-get install 软件名) 来安装软件,redhat(即CentOS)服务器使用

2021-06-24 11:42:23 370

原创 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 663

原创 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 2194

原创 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 145

原创 当li设置为inline-block之后元素之间空隙的产生原因和解决办法

当我们在使用ul>li标签写导航的时候,又不想让其变成浮动流,我们只需要把li的css样式添加一个display: inline-block就可以了。但是当我们写完样式之后,本来应该是这样的。实际情况却是这样的。究其原因,我们在使用display:inline-block的时候,浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格,也就是我们上面的代码&...

2019-06-22 20:14:48 1001

原创 vuejs从安装到搭建整个过程以及部分报错原因

昨天打算安装一个vue框架,就在网上找了一些方法,虽然也成功安装了,但是由于各种安装文件,导致安装了一些不必要的东西,今天上午又重新安装了几遍,终于弄清楚安装vue.js的主要流程了.以及其中我遇到的一些问题.安装1、 安装nodejs从node.js官网下载并安装node,点击下载安装即可.node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。![在这里插入...

2019-05-16 16:31:18 462

原创 electron进程间通讯

electron进程间通讯

2023-11-01 18:01:44 164

原创 VUE项目中录音

VUE项目中录音

2023-11-01 17:56:54 433

原创 Element中Tree树结构组件中实现Ctrl和Shift多选

【代码】Element中Tree树结构组件中实现Ctrl和Shift多选。

2023-09-04 11:35:54 367

原创 我的创作纪念日

机缘提示:可以和大家分享最初成为创作者的初心例如:实战项目中的经验分享日常学习过程中的记录通过文章进行技术交流…收获提示:在创作的过程中都有哪些收获例如:获得了多少粉丝的关注获得了多少正向的反馈,如赞、评论、阅读量等认识和哪些志同道合的领域同行…日常提示:当前创作和你的工作、学习是什么样的关系例如:创作是否已经是你生活的一部分了有限的精力下,如何平衡创作和工作学习…憧憬提示:职业规划、创作规划等​​Tips您发布的文章将会展示至 里程碑专区

2022-05-16 09:41:41 114

原创 js new的原理

学习本文内容内容前,你需要了解js中对象,原型链,call(),bind(),apply(),arguments的用法。new操作符的原理在调用 new 的过程中做了四件事:**新生成对象:**new关键字会首先创建一个空对象**链接到原型:**将这个空对象的原型对象指向构造函数的原型属性,从而继承原型上的方法**绑定this:**将this指向这个空对象,执行构造函数中的代码,以获取私有属性**返回新对象:**如果构造函数返回了一个对象res,就将该返回值res返回,如果返回值不是对象,就将

2022-05-11 15:29:01 283

原创 instanceof原理

一、instanceof原理:作用:①用于判断某个实例是否属于某构造函数②在继承关系中用来判断一个实例是否属于它的父类型或者祖先类型的实例查找构造函数的原型对象是否在实例对象的原型链上,如果在返回true,如果不在返回false。说白了,只要右边变量的 prototype 在左边变量的原型链上即可。因此,instanceof 在查找的过程中会遍历左边变量的原型链,直到找到右边变量的 prototype,如果查找失败,则会返回 false。var obj = new Object()obj

2022-05-11 15:28:02 7500 2

原创 CSS重排Reflow和重绘Repaint

一、什么是重排(回流)Reflow和重绘Repaint1.重排(回流)重排(回流):当渲染 render 树中的一部分或者全部因为大小边距、布局等问题发生改变而需要 DOM 树重新计算的过程,每个页面至少需要一次重排,就是在页面第一次加载的时候。2.重绘当元素的一部分属性发生改变,如外观、背景、颜色等不会引起布局变化,只需要浏览器根据元素的新属性重新绘制,使元素呈现新的外观叫做重绘。3.页面渲染过程浏览器加载,解析,渲染页面,分为五个步骤:1. 浏览器将获取的 HTML 文档解析成 DOM 树

2022-05-11 15:26:36 396

转载 基于Hexo的matery主题搭建博客并深度优化

本文转自 悟尘纪,获取更新内容可查看原文: https://www.lixl.cn/2019/092856736.html对于有一定技术背景的同学,自己动手搭建博客网站是一个很不错的选择。选择喜欢的主题,按需进行个性化配置,随时在本地用自己喜欢的工具写文章,一键发布到多个博客托管平台,使用自己喜欢的图床/CDN来加速…演示站点(天弈初心) 基于 Hexo 的 hexo-theme-matery 主题构建。安装hexoHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown.

2022-05-11 15:24:18 1448

原创 服务器配置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 5595

原创 什么是Ajax?

Ajax的定义官方是这么定义的:Ajax即Asynchronous Javascript And XML(异步JavaScript和 XML)。是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax 是一种用于创建快速动态网页的技术。Ajax 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。传统的网页(不使用 Ajax )如果需要更新内容,必须重载整个页面。一、原生JS中的Ajax1、使用ajax发送数据的步

2022-05-11 15:07:32 171

原创 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 1140 1

原创 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 616

原创 vue中v-show和v-if的异同

一、官方解释:v-if 是“真正”的条件渲染,只会在指令的表达式返回 truthy 值的时候被渲染。因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件内容。因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <t

2021-11-09 11:36:41 184

原创 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 2941

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除