2020年08月_刚上道的小白_

原创数据类型判断

**数据类型判断**1 typeof判断基本数据类型：有typeof(表达式)和typeof变量名两种方式(对于复杂数据类型统一返回object)（返回字符串类型）第一种判断表达式第二种判断变量字符串类型2 instanceof判断引用数据类型：instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性第一个参数是要检测的对象第二是另一个构造函数（返回true或者false）3 constructor

2020-08-31 20:30:03 976

原创 js数据类型

**JS数据类型有哪些**JS数据中一共有8种ES5中有6种：Number、String、Boolean、Undefined、Null、ObjectES6新增了Symbol：这种类型的对象永不相等，即始创建的时候传入相同的值，可以解决属性名冲突的问题，做为标记谷歌6版本bigInt：是指安全存储、操作大整数JS中基本数据类型和引用数据类型有哪些？基本数据类型（值类型）：Number、String、Boolean、Undefined、Null引用数据类型：Object。里面包含function

2020-08-31 20:23:31 94

原创 vue中rem适配方案

**rem适配方案****安装命令如下：cnpm install postcss-plugin-px2rem lib-flexible --save-dev****在main.js中添加如下代码：import 'lib-flexible/flexible';**安装好了之后，我们需要进行插件的配置，有别于cli2的配置目录结构，cli4的配置需要在项目根目录中创建vue.config.js文件，然后在里面进行项目的各种配置，下面是我配置好的postcss-plugin-px2rem

2020-08-31 08:59:14 369

原创清除浮动

**清除浮动**清楚浮动有五种方法：1. 给浮动元素的父元素添加高度（扩展性不好）如果一个元素要浮动，那么它的父元素一定要有高度。高度的盒子，才能关住浮动。可以通过直接给父元素设置height，实际应用中我们不大可能给所有的盒子加高度，不仅麻烦，并且不能适应页面的快速变化；另外一种，父容器的高度可以通过内容撑开（比如img图片），实际当中此方法用的比较多2. clear:both;在最后一个子元素新添加最后一个冗余元素，然后将其设置clear:both,这样就可以清除浮动。这里强调一点

2020-08-31 08:28:02 122

原创 H5新增特性

**H5新增特性**1. video/audio视频/音频标签定义视频，比如电影片段或其他视频流。 1.目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。 2.语法：<video src=”” controls autoplay loop></video> 3.Controls 向用户显示控件，比如播放按钮 4.Autoplay 自动播放 5.Loop循环播放标签定义声音，比如音乐或其他音频流。 1.目前，&

2020-08-30 21:01:13 332

原创 css3动画

**css3动画**什么是css 3 动画?动画是使元素从一种样式逐渐变化为另一种样式的效果。可以用百分比来规定变化发生的时间，或用关键词 “from” 和 “to”，等同于 0% 和 100%。0% 是动画的开始，100% 是动画的完成CSS3动画相关的几个属性有：transition过渡, transform变换, animation动画。1. transitions作用就是：平滑的改变CSS的值。无论是点击事件，焦点事件，还是鼠标hover，只要值改变了，就是平滑的，就是动画

2020-08-30 20:43:17 135

原创 div水平/垂直居中

**div水平/垂直居中**在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现方法一:　绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）　图片展示：代码如下:div{ background:red; position: absolute; left:50%;

2020-08-28 08:30:10 131

原创如何实现两、三栏布局

如何实现两、三栏布局**一、两栏布局两栏布局(左侧固定宽度，右侧自适应)<div class="wrap"> <div class="left"> 左侧固定内容 </div> <div class="right"> 右侧内容自适应 </div></div>1、使用浮动—float/* 清除浏览器默认边距 */

2020-08-27 21:12:35 163

原创按需引入Vant

**封装Vant**1. 第一步在根部babel.config.js文件里面写入以下// 对于使用 babel7 的用户，可以在 babel.config.js 中配置const plugins = [ [ 'import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant' ]]module.exports = { p

2020-08-27 18:43:25 485 1

原创 Vue封装网络模块

**Vue封装网络模块第一步在scr里面创建一个network文件夹第二步在network文件夹里面创建三个文件第一个文件夹 config.js，在里面写入以下// 定义请求方式export const Method = { GET:"get", POST:"post"}export const PATH = { // 首页接口 shouye_list:"/home/multidata"}第二个文件夹 core.js ，在里面

2020-08-27 17:24:13 316

原创 flex布局

flex布局**一、flex布局是什么Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。二、flex布局的作用采用Flex布局的元素，称为Flex容器（flex container），简称“容器”。它的所有子元素自动成为容器成员，成为flex项目（flex item），简称“项目”。三、flex布局的属性1、首先决定是flex主轴方向：flex-directionrow 水平向右row

2020-08-25 20:03:34 108

原创盒模型（标准，怪异）

**盒模型（标准，怪异）盒模型一共有两种模式：W3C标准模式和IE怪异模式概念：css定义的所有元素都可以拥有像盒子一样的外形和平面空间，它是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。作用：css中的盒子模型是为了让你充分理解div+css模型的定位功能，也就是利用盒子模型这样的布局方式代替了传统的表格布局方式。盒模型的组成：content（内容区）+ padding（填充区）+ border（边框区）+ margin（外边界区）标准模式：盒子的总宽度=wid

2020-08-25 19:47:42 156

原创 Git基础

1.Git基础1.1版本管理1.1.1、什么是版本管理版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容1.1.2、人为维护文档版本的问题1.文档数量多且命名不清晰导致文档版本混乱。2.每次编辑文档需要复制，不放便。3.多人同时编辑一个文档，容易产生覆盖**如何解决这些问题呢？**Git就是用来解决这些问题的**1.2.Git是什么Git是一个版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复

2020-08-24 18:56:01 94

FengYang_的博客