ladybug7

2020年2月4日

摘要： npx 指令会先在项目的node_modules里面找资源包 npm info 包名称 [查看资源包的信息] 阅读全文

posted @ 2020-02-04 12:07 ladybug7 阅读(147) 评论(0) 推荐(0)

摘要： { "name": "webpack-demo", "version": "1.0.0", "description": "learning webpack", "private": true, > 表示项目是私有的，不会发布到npm的线上仓库 "main": "index.js", > 向外暴露的阅读全文

posted @ 2020-02-04 11:52 ladybug7 阅读(1754) 评论(0) 推荐(0)

css省略号

摘要： .ellipsis{ overflow: hidden white-space: nowrap text-overflow: ellipsis } 注意当添加了ellipsis样式的元素没有显示省略号样式时，可以给元素或者其父元素添加一个min-width: 0 阅读全文

posted @ 2020-02-04 07:46 ladybug7 阅读(514) 评论(0) 推荐(0)

eslint检测规则中，括弧和函数名之间去掉空格的配置

摘要：在.eslintrc.js中配置： // add your custom rules here rules: { // no space before function name "space-before-function-paren": 0 } 阅读全文

posted @ 2020-02-04 07:43 ladybug7 阅读(3256) 评论(0) 推荐(1)

2020年2月3日

css怎样让元素显示指定的宽高比

摘要： .father { width: 100% } .child { width: 100%; height: 0; padding-bottom: 20%; background: green; overflow: hidden; } <body> <div class="father"> <div 阅读全文

posted @ 2020-02-03 14:11 ladybug7 阅读(221) 评论(0) 推荐(0)

2020年2月2日

iconfont使用指南

摘要：第一步：搜索icon font，进入 https://www.iconfont.cn 第二步：注册账户第三步：创建一个项目 1.点击图标管理->我的项目 2.新建项目第四步：下载选择好的图标第五步：添加相应文件，并修改引用路径第六步：使用字体图标阅读全文

posted @ 2020-02-02 10:58 ladybug7 阅读(424) 评论(0) 推荐(0)

移动端300毫秒事件响应延迟解决方法[fastclick]

摘要： vue-cli[2.x]中: 安装 npm install fastclick --save 使用：在main.js中：先 import fastClick from 'fastclick' 然后 fastClick.attach(document.body) import Vue from ' 阅读全文

posted @ 2020-02-02 10:35 ladybug7 阅读(249) 评论(0) 推荐(0)

移动端一像素边框解决方案[css scale]

摘要：新建一个border.css的文件，然后将代码复制粘贴，然后引用border.css样式文件，然后给需要添加边框的元素，加相应的类样式。 tips: border-bottom[一像素下边框]；border-topbottom[上下分别添加一像素边框] @charset "utf-8"; .bord 阅读全文

posted @ 2020-02-02 10:19 ladybug7 阅读(412) 评论(0) 推荐(0)

移动端禁止缩放<meta>

摘要： <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 阅读全文

posted @ 2020-02-02 09:42 ladybug7 阅读(716) 评论(0) 推荐(0)

公告