li

详解HTML中字体使用line-height依然不能垂直居中解决办法

以图片所示的效果为例,显然我们不仅要使“下一步”文本水平居中,还要垂直居中,此时我们写代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #next-butt... »

CSS解决inline-block的错位问题

废话不多说 帖代码 html部分 <div class="positionleft">我是position方式的左边,占30%</div> <div class="positionright">我是position方式的右边,占70%</div> css部分 .positionleft { position: ... »

CSS中flex和inline-flex的区别详解

inline-flex 和 inline-block 一样,对内部元素来说是个 display:flex 的容器,对外部元素来说是个 inline 的块。 »

解决line-height=height元素高度但是文字并没有垂直居中的问题

先说下为什么line-height等于元素高度文字却没有垂直居中,其实line-height等于元素高度的时候文本并不是真的居中了,而是看着居中了,当元素高度和font-size差距较大的时候,这种不是真正的居中就越发的明显,这里可以参看下什么是基线? »

CSS line-height的如何继承的问题

Line-height的如何继承? 写具体数值,如30px,则继承该值(比较好理解)写比例,如2/1.5,则继承该比例(比较好理解) 比如body中line-height设为2,则p标签继承line-height为2,则算出来的p标签line-height为font-size * 2 =32px; 写百分比,比如200%,则继承计算出来的值(考点)—当前的font-size * 200... »

实验结果

CSS中使用text-align、margin:0 auto居中的示例代码

CSS中使用text-align、margin:0 auto居中 在使用text-align或者是margin:0 auto进行居中时,可能会出现无效的情况,下面用两个例子来讲解和解决问题 示例1:让内联元素居中使用text-align 假设我要让图片在其父组件中居中显示。那首先,父组件应该是块元素(div、p…),然后在父组件中添加属性text-align:center,随后此组件... »

全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作

官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-... »

Linux如何使用libudev获取USB设备VID及PID

在本文将使用libudev库来访问hidraw的设备。通过libudev库,我们可以查询设备的厂家ID(Vendor ID, VID),产品ID(Product ID, PID),序列号和设备字符串等而不需要打开设备。进一步,libudev可以告诉我们在/dev目录下设备节点的具体位置路径,为应用程序提供一种具有足够鲁棒性而又和系统厂家独立的访问设备的方式。使用libudev库,需要包含libud... »

在这里插入图片描述

如何在IntelliJ IDEA 2018上配置Tomcat并运行第一个JavaWeb项目

1 下载和启动Tomcat 进入官网 http://tomcat.apache.org/ ,下载最新版本的Tomcat 9 根据自己的电脑版本下载,我这里是windows 64位 下载完之后解压即可。 找到自己解压目录,打开文件夹下面的/bin目录,其中startup.bat是启动tomcat,shutdown.bat 是关闭tomcat 双击startup.bat启动tomcat后,打开 htt... »

如何把python项目部署到linux服务器

最近用Python写了个外挂,需要部署到Linux环境的服务器上,由于之前本地开发时使用virtualenv,使用这个虚拟环境有个好处是项目中依赖的库不会是全局的,只在当前项目的目录下有效,因为我是Mac系统,virtualenv环境下的库文件和linux上所需要的库不通用,所以不能简单的将整个env拷贝到服务器运行,需要做一些额外的工作。 一般每个不同的项目都会依赖各自的库,有些库的版本不一样会... »

通过案例深入解析linux NFS机制

接上篇,创建web02服务器,将web01、web02服务器的/data目录挂载到nfs01服务器的共享目录/data上,并以不同方式实现开机自启动。如果以hard方式挂载,则会一直尝试直到挂载成功,此时无法umount或kill,常配合intr使用。rsize/wsize是写入/读出的区块大小,这个值影响客户端与服务器端传输数据的缓冲存储量。 »

Python+pyftpdlib实现局域网文件互传

在同一个局域网的多台电脑,传递文件时可以通过 搭建web服务器,设置目录浏览的方式快速分享。如果上传就比较麻烦了,通过QQ/微信会产生很多文件记录,通过teamviewer太慢,ftp是一个不错的选择。 FTP服务器软件在日常开发中,基本不会用到。还涉及 macOS、 Windows的环境差异,非常麻烦。虽然有免费开源的 filezzila,配置还是很繁琐的。 开发机都安装了 python,安装p... »

Vue-cli打包后部署到子目录下的路径问题说明

默认情况下以当前域名为根目录向下访问。 举例,若需要部署到www.***.com/catalog1/catalog2/下,需要更改 1、config/index.js文件中,build下assetsPublicPath属性为’/catalog1/catalog2/’,如下: build: { assetsPublicPath: ‘/catalog1/catalo... »

利用Python的folium包绘制城市道路图的实现示例

写在前面 很长一段时间内,我都在研究在线地图的开发者文档,百度地图和高德地图的开发者中心提供了丰富的在线地图服务,虽然有一定的权限限制,但不得不说,还是给我的科研工作提供了特别方便的工具,在博客前面我先放上这两个在线地图开放平台的web API的地址链接: 百度地图开放平台 高德地图开放平台 基于这两个平台,博主进行了一系列的开发研究工作,本文介绍其中一项技术,如何用folium包绘制城市道路图,... »

彻底搞懂并解决vue-cli4中图片显示的问题实现

在基于 vue-cli 实际开发过程中,很多小伙伴都会遇到关于图片显示的困扰,不管怎么设置,图片就是显示不出来,今天我们来详细说说这个问题。 图片无法显示,绝大部门的情况是图片路径问题,要搞懂路径问题,分别有相对路径与绝对路径 实际开发中使用图片最多的场景有以下三种: 1、手动引入 <template> <img :src="imgurl" /> </template... »

vue v-on:click传递动态参数的步骤

最近项目中要为一个循环列表动态传送当前点击列的数据,查了很久资料也没有一个完美的解决方案, 新手只能用vue的事件处理器与jquery的选择器做了一个不伦不类的方案,居然也能解决这个问题,作此记录留待以后会有更好的方法解决这个事情 需求:根据每列传递的参数,决定弹窗后面是积分够了去直接购买还是不够需要去转换 二、页面代码[无法可传的参数,我把它放进了一个自定义标签date-id] <div ... »

vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作

更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置: if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', // 注意配置这一部分,根据目录结构自由调整 fallback: 'vue-style-loader'... »

vue Cli 环境删除与重装教程 – 版本文档

vue Cli 环境删除与重装教程 – 版本文档

vue-cli 卸载,版本选择,安装 · 检测重要说明:vue-cli 3.0+版本,使用的不是vue-cli,而是@vue/cli;如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的命令。 »

Vue为什么要谨慎使用$attrs与$listeners

前言 在 Vue 开发过程中,如遇到祖先组件需要传值到孙子组件时,需要在儿子组件接收 props ,然后再传递给孙子组件,通过使用 v-bind="$attrs" 则会带来极大的便利,但同时也会有一些隐患在其中。 隐患 先来看一个例子: 父组件: { template: ` <div> <input type="text" v-model="input" placeholder=... »

Vue-cli4 配置 element-ui 按需引入操作

在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后,终于搞定了,本篇文章记录实现的全过程 #1 node与vue的版本情况 #2 未按需加载打包后的文件情况 由上图看出,只是引入了 element-ui 框架后,js文件急剧的上升到了 783KB,这显然是不能接受的。 element-ui 按需加载文档:https://element.elem... »

Vue中keep-alive组件的深入理解

Vue中keep-alive组件的深入理解

前言 最近在写Vue项目的时候,遇到了一个问题,我从A路由使用parmas方式传参跳转到B路由,然后从B路由跳转到C路由,再从C路由返回B路由的时候,发现从A路由传到B路由的参数已经不存在了。 正文 我们都知道,vue组件进行路由跳转时,会销毁当前组件。所以从其他路由返回当前路由时,当前路由会重新执行生命周期钩子函数。这就导致了上述问题,A路由传到B路由的参数没了。 当遇到这种问题的时候,我们会首... »

vue-cli脚手架的.babelrc文件用法说明

虽然es6还没被浏览器全部支持,但是使用es6是大势所趋,所以babel应运而生将es6代码转换成浏览器能够识别的代码 什么是.babelrc文件呢? 熟悉linux的同学一定知道,rc结尾的文件通常代表运行时自动加载的文件,配置等等,类似bashrc,zshrc 这个文件是用来设置转码的规则和插件 vue-cli脚手架的.babelrc文件 { // 此项指明,转码的规则 "presets": ... »

vue组件开发之slider组件使用详解

本文实例为大家分享了vue组件开发之slider组件的具体使用代码,供大家参考,具体内容如下 代码如下: <template> <div class="slider"> <div class="wrapbox"> <div class="item" v-for="(item, index) in items" style="">{{item.titl... »

vue-cli3项目配置eslint代码规范的完整步骤

前言 最近接手了一个项目,由于之前为了快速开发,没有做代码检查。为了使得代码更加规范以及更易读,所以就要eslint上场了。 安装依赖 安装依赖有两种方法: 在cmd中打上把相应的依赖加到devDependencies下,再npm install对应依赖。 在package.json文件加上相应依赖: "eslint-plugin-html": "^6.0.3", "@vue/cli-plugin... »

Vue左滑组件slider使用详解

slider组件与swiper组件不同,slider滑动时并不翻页,实现的是左滑时,显示右侧内容的功能1、主要思路思路和swiper组件类似,主要的也就是对三个触摸事件的处理:touchstart、touchmove、touchend在touchstart事件处理程序中记录一些初始值,比如原始坐标,偏移距离;在touchmove事件处理程序中计算实时滑动的距 »

Page 1 of 207123»