- 博客(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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人