自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 资源 (1)
  • 收藏
  • 关注

原创 Nginx代理服务器的安装及 开机启动配置

什么是nginxNginx是一款高性能的http 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。由俄罗斯的程序设计师Igor Sysoev所开发,官方测试nginx能够支支撑5万并发链接,并且cpu、内存等资源消耗却非常低,运行非常稳定。nginx 安装服务器端系统:阿里云服务器Linux版linux版本:CentOS7 64位nginx版本:nginx-1.18.0.tar.gznginx下载地址:http://nginx.org/en/download.html

2020-08-14 18:00:45 657

原创 chrome浏览器vue.js调试插件(vue-devtools)的安装

chrome浏览器vue.js调试插件(vue-devtools)的安装,及问题解决。今天主要讲vue.js基于chrome浏览器的调试工具(vue-devtools)的安装方式。注意:请确保您使用的是Node 6+和NPM 3+第一步:拉取源码:我们需要到github上去拉取vue-devtools插件的源代码。github地址:https://github.com/vuejs/vue-devtoolsgit拉取命令(命令提示符中):git clone https://github.com/v

2020-08-05 18:22:40 819

原创 关于css 子元素设置 margin-top 会导致父级下移的解决方案

关于css margin-top 会导致父级下移的解决方案1、给父元素添加border-top:1px solid transparent2、为父元素添加overflow:hidden;样式即可(让父元素成为BFC,内部布局不受外部影响)3、为父元素或者子元素声明浮动(float:left或者position)4、给父元素添加伪元素(推荐).box::before{content: ‘...

2020-02-26 17:40:12 983

原创 px2rem适配方案,实现平滑适配

案一:当可视区域大于设计稿所提供的宽度时,将文档宽度固定为设计稿宽度。(function (doc, win,design_width) { var docEl = doc.documentElement,//获取文档节点// 判断手机是横屏还是竖屏// orientationchange 事件是在用户水平或者垂直翻转设备(即方向发生变化)时触发的事件。 resizeEvt ...

2020-01-15 11:51:52 742

原创 如何在vue项目中配置全局sass样式

第一步 创建全局scss需要安装 sass在scr目录下新建一个scss文件(一般命名为global.scss/theme.scss)第二步 配置vue.config.js在根目录下的vue.config.js进行配置如果没有vue.config.js 文件则新建一个文件 module.exports = { css: { loaderO...

2019-11-19 18:04:50 1153

原创 如何在原生html,css中使用Sass

如何在原生html,css中使用Sass## 标题1、Sass的安装sass是用Ruby语言写的,但是两者的语法没有关系,所以学 Sass 不用学 Ruby,只是必须先安装Ruby,然后再安装Sass。ruby官网:https://rubyinstaller.org/downloads/安装完成后查看ruby版本号确定安装成功然后输入gem install sass进行sass的安装。...

2019-11-19 17:29:22 7056

原创 结合swiper实现选项卡(菜单可拖动)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...

2019-11-05 12:56:39 2016

原创 原生JS无缝轮播图(左右切换、导航跟随)

原生JS无缝轮播图(左右切换、导航图标)功能:1、实现轮播图的左右无缝切换2、实现导航图标的跟随显示、点击切换3、使用定时器进行无缝轮播css部分<style> /* 轮播图容器 */ #carousel{ width: 800px; height: 400px; bo...

2019-07-07 01:16:13 4919 2

swiperTab.zip

这个是基于Swiper轮播图做的选项卡,选项卡菜单支持左右滑动。 swiper官网:https://www.swiper.com.cn/

2019-11-05

空空如也

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

TA关注的人

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