- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue cli项目px转换成rem(包括大屏适配)
一. vue cli px ==> rem1 安装计算工具和转换工具npm install lib-flexible --save-dev npm install postcss-pxtorem --save-dev 2 在 main.js 中引入 lib-flexibleimport 'lib-flexible'3 配置 package.jsonpostcss-pxtorem参数文档 具体有啥要求可以去参数文档查看 如不想让element 和vant组件转换成rem
2021-01-18 16:52:49
802
原创 html百度地图和vue cli百度地图的使用
原生百度地图的使用（若有错误，欢迎指教-。- 共同进步）第一步先去百度地图官网 申请一个然后在页面的head 里面直接引入 定义一个容器作为百度地图的容器开发者密钥申请地址先确定自己的需求在引入版本最新的3.0不支持百度地图3维模式 1.0webGl 支持 但是又不支持3.0的一些开源库 而且使用方法有轻微区别 (ps : 也可以自己改百度地图源码让3.0开源库的工具在1.0使用，后期会说)实例化方式也不一样 <!DOCTYPE html><html lang=
2021-01-06 16:48:36
327
1
原创 vue + vant upload 实现图片压缩上传
项目场景：vue + vant 在进行手机端项目进行upload—图片上传的时候，由于当前手机内部图片过大，导致上传缓慢而进行的图片vant-Uploader 文件上传：提示：after-read: 文件读取完成后的回调函数<van-uploader :max-count="1" v-model="fileList" :after-read="afterRead" :before-delete="deleteFunc" >
2020-08-26 17:18:53
1668
1
原创 TS的开始之旅--接口
前言 TS的最好文档就是官网文档 官方接口文档地址接口ts里面对于obj的类型定义在上篇已经写过 但是当我们想定义一个obj 内部的任意一个属性都绑定上属性就需要用到接口了普通定义interface test { name:string, sex:string, age:number}let a : test = {name:'123',age:2,sex:'男'} //ok let a :test = {name:123,age:18,sex:'男'} //error ,na
2020-07-07 15:35:25
193
原创 TS的开始之旅--基础类型
前言 TS最好的手册就是官网文档 ts的文档地址此文章记录下自己学习TS的过程//ts的基础类型 和js的基本相同 此外提供了一些其他的方法如（枚举）定义基本的类型 //定义布尔值 let isDone:boolean = false //定义字符串 let isString:string = '123' //定义数字 let isNumber:number = 1 //定义数组两种方式 在定义数组的时候还需要将数组的元素类型进行明确 let isArr1:number[] = [
2020-06-28 18:16:14
201
原创 横向nav导航隐藏溢出拖动移动效果
直接上效果图本次效果使用了 jq 和swiper 不是原生 话不多少上代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>横向滚动条</title> <meta name="viewport" content="wi...
2019-11-27 14:38:34
1019
原创 css的水平垂直居中的七中方式
水平垂直居中说到css 我们在工作中经常用到的就是垂直居中： 但是水平垂直居中你知道几种呢？ 今天让我来带你们了解居中的各种方法第一种方法 利用定位//代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi...
2019-11-21 09:42:44
192
原创 css弹性盒模型详解----子元素的屬性
本篇文章介绍弹性盒模型子元素的基本属性前言 父元素的6种属性介绍了五种，最后一张align-content 就不介绍了 属性的效果用其它的基本都能实现 初学者以后有兴趣可以自行研究弹性盒模型 谢了display：flex 就可以当做是弹性盒子 但是弹性盒子下面的 子元素有很多时候受父元素的影响 所展现的不是特别符合自己的要求，还有当自己需要跟多 而弹性盒子做不到的时候 子元素往往能进行...
2019-11-18 19:09:21
845
原创 css弹性盒模型详解---- align-items
本篇文章详细介绍了弹性盒模型的 align-items 属性什么是align-items？ align-items 是 设置或检索弹性盒子元素在（Y）轴方向上的对齐方式。其下有四种属性： flex-start：弹性盒子元素的（Y）轴起始位置的边界紧靠住该行的侧轴起始边界。 flex-end：弹性盒子元素的（Y）轴起始位置的边界紧靠住该行的侧轴结束边界。 center：弹性盒子元...
2019-11-13 19:41:17
1515
原创 css弹性盒模型详解----justify-content
本篇文章详细介绍justify-contentjustify-content的几种属性 flex-start：弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。 flex-end：弹性项目向行尾紧挨着填充。第一个弹性项的main-end外边距边线被放置在该行的main-end边线，而后续弹性项...
2019-11-13 18:18:00
1320
原创 css弹性盒模型详解----flex-flow
本篇文章主要介绍 flex-flow一次介绍两个知识点是自己前期没有捋顺关系 flex-flow应该和上两篇文章一起介绍的 但是后介绍也有后介绍的好处，通过前两篇文章我相信你对 flex-direction属性和flex-wrap属性有了很清晰的了解，而flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。<!DO...
2019-11-13 15:20:30
389
原创 css弹性盒模型详解----flex-wrap
本篇文章详细介绍flex-wrap flex-wrap是控制盒模型容器下一级子元素的在一行显示的时候是否换行 nowrap（默认值）：不换行 wrap：自动换行 wrap-reverse：换行，第一行在下方。//第一条属性 默认的nowrap 不换行<!DOCTYPE html><html lang="en"><head> ...
2019-11-13 15:08:10
2472
原创 css弹性盒模型详解----flex-direction
本篇文章详细介绍flex-direction flex-direction 是控制盒模型容器下一级子元素的排列方式的属性 一共有四种 row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。//第一种属性 flex-direct...
2019-11-13 14:01:17
933
原创 css弹性盒模型详解-介绍
一、什么是弹性盒模型官方的统一回答:弹性盒模型是指在父级改变大小的时候内部的自己元素也会相应的改变大小，即子集会按照父级的大小按比例自适应大小。 弹性盒模型的提出可以解决一些响应式布局的需求二、基本使用采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”注意事项设为F...
2019-11-13 13:36:44
462
原创 js百度地图鼠标绘制工具条库
本篇文章是介绍百度地图鼠标绘制工具条库基本使用 百度地图的覆盖物的编辑类参考:[鼠标绘制工具条库](http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html) 该工具的功能大致分为： 1. 点 2. 线 3. 多边形 4. 矩形 5....
2019-11-12 16:40:57
725
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人