- 博客(17)
- 收藏
- 关注
RSS订阅
原创 数组的常用方法大全
数组的方法1. join (原数组不受影响) 该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。返回值:返回一个新的字符串//将数组用 - 符号连接起来let arr = [1,2,3,4,5];let str = arr.join('-');console.log(str)//str = 1-2-3-4-5;2. split (原数组不受影响) 该方法是......
2019-04-15 21:43:03
68972
17
原创 解决 flex布局之 flex-wrap:wrap 自动换行属性，导致上下两行div中间有空行的问题
解决flex自动换行属性 中间有空行的问题
2022-09-21 17:47:23
4075
原创 BFC简单介绍
BFC介绍定义 很多人对于BFC的概念很模糊，本人在这里简单BFC以及BFC的简单使用（如有错误请评论留言哦）。 BFC（block formatting context），直译为 块级格式化上下文。它是一个独立渲染区域，只有块级元素参与。它规定了内部的块级元素如何布局，并且与外部元素没有任何关系。布局规则触发了BFC的盒子有以下特点：其内部的盒子会在垂直方向排列；...
2019-04-18 21:09:35
327
原创 使用json-server创建一个假接口来获取数据
使用json-server模拟一个假接口来获取数据 很多时候，前后端开发不同步，我们又想使用接口发送请求，来查看我们自己的代码是否正确。这个时候，json-server就是一个很好的工具了。json-server： 这是一个轻量级的 , 用来模拟假接口的工具 。它 根据一个json文件，提供假数据接口。 由于是轻量级，并且不需要写一行代码就可以实现假接口，所以也有它的缺陷，比如：不...
2019-04-17 19:54:12
961
原创 vue的生命周期简介以及简单使用
Vue的生命周期简介以及简单使用1. 什么是组件? 通俗来说，组件可以是一个标签，也可以是以个页面；组件是一个可复用的Vue实例。2. 什么是实例生命周期？ 一个组件（实例）从开始创建到最后被销毁的全过程，就是该组件（实例）的生命周期，该生命周期就叫做该实例生命周期，也叫组件生命周期。3. 什么是生命周期钩子函数 ? 从 组件的创建 => 在页面上运行 => 页...
2019-04-17 17:39:21
754
1
原创 过滤器的简单使用
过滤器: 数据格式化工具作用 : 使用过滤器(数据格式化), 将一个不满足条件的数据, 处理成想要的结果.使用步骤:先注册再使用注册注册全局过滤器 在所有的vue实例中都可以使用注册局部过滤器 只能在当前注册过滤器的vue实例中使用全局过滤器的注册:Vue.filter('filterName',callback)参数1: filterNa...
2019-04-17 14:26:27
253
原创 px,em,rem的区别,工作中怎么做适配
px，em，rem的区别,工作中怎么做适配?屏幕与分辨率移动设备与pc设备差别最大的就是屏幕的,体现在屏幕的尺寸和屏幕的分辨率。屏幕尺寸：屏幕对角线的长度。屏幕分辨率：表示屏幕水平或垂直方向的像素数。相同尺寸下分辨率越高，越清晰。像素物理像素：一个像素点的大小是不固定的，由屏幕生产商在制造时决定，在实际开发中不能基于物理像素进行布局。css像素：web中推出一个单位 px，可以解...
2019-04-17 11:38:13
1498
原创 rem布局
rem布局各种布局特征的对比由于市面上手机种类繁多，导致移动端的屏幕种类非常的混乱，比如有常见的320px 360px 375px 384px 480px 640px等。在开发中，美工一般只会提供750px或者是640px的设计稿，这就要求我们通过一张设计稿能够适配所有的屏幕。通常解决方案如下：流式布局：可以让各种屏幕都适配，只是在大屏幕中显示效果不是非常的友好, 即使这样, 由于开发...
2019-04-15 21:54:26
352
原创 重绘和回流
想要了解重绘和回流,就要了解浏览器的工作原理浏览器的组成用户界面－ 包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分浏览器引擎－ 用来查询及操作渲染引擎的接口渲染引擎（浏览器内核）－ 用来显示请求的内容，例如，如果请求内容为html，它负责解析html及css，并将解析后的结果显示出来网络－ 用来完成网络调用，例如h...
2019-04-15 21:53:25
189
原创 异步DOM跟新
异步DOM更新vue中采用了 异步DOM更新机制。什么是异步DOM更新？M数据层的数据发生了变化，V视图层不会立即更新，而是等到数据不再变化的时候，一次性将数据的更改 更新到视图层中。为什么采用？出于性能的考虑。— 对于前端来说，操作DOM是常有的事，如果频繁操作DOM，会严重影响页面加载性能，所以DOM操作是前端性能的瓶颈。 little-demo：使用延时器 ...
2019-04-15 21:36:34
316
原创 计算属性的基本使用
computed 计算属性 的基本使用computed ： Vue提供的一个配置项注意: 当data中的数据发生变化,页面中的指令和表达式会重新计算, 有时候不相关数据变化会导致一直重新计算,所以这里引出了计算属性如何使用？computed 和 data同级，计算属性写在computed中；写起来像方法；用起来像属性。特点（注意点）：1）一定要有返回值。2）可以使用...
2019-04-15 21:35:39
5152
2
原创 使用watch监听数据的变化
使用watch来监听数据的变化Vue 中提供了配置项：watch 可以监听数据的变化监听简单数据类型监听简单数据类型监听的就是其数值的变化监听引用数据类型如果只是简单的监听引用数据类型,无论其属性如何变化,都不会监听到变化。因为监听的是引用数据类型的地址。想要监听到引用数据类型中属性的变化，需要进行深度监听little-demo1：监听简单数据类型 <div...
2019-04-15 21:34:49
3797
原创 watch和computed的区别
watch 和 computed 的区别computed：计算属性计算属性是由data中的已知值，得到的一个新值。这个新值只会根据已知值的变化而变化，其他不相关的数据的变化不会影响该新值。计算属性不在data中，计算属性新值的相关已知值在data中。别人变化影响我自己。watch：监听数据的变化监听data中数据的变化监听的数据就是data中的已知值我的变化影响别人l...
2019-04-15 21:34:06
4317
1
原创 vue的常用指令之 其他常用指令
Vue的其他常用指令v-text和v-html。使用：写在头标签中（插值表达式{{ }} 和其功能相似，但写在双标签中）。作用：相当于原生的 innerText 和 innerHTML 。little-demo：<div id="app"> <h1 v-text="msg"></h1> <p v-html="htmlstr">...
2019-04-15 21:29:20
236
原创 vue的常用指令之 v-model
Vue 的常用指令 之 v-model指令 : 是vue中特殊的标记, 辅助html标签,增加html 标签之前没有的功能.特点 : v-开头 , 写在头标签中, 作为一个属性.v-model指令v-model: 双向数据绑定 (把数据层和数据层的数据绑定到了一起,只要有一方发生了改变,另一方也会随着变化)<body> <div id='app'...
2019-04-15 19:36:10
275
原创 vue的基本介绍
Vue 的基本介绍1. 库(library)和框架(Framework)的区别库: 是一系列函数的集合,如果想要实现某个功能,直接调用库里面的方法即可. 例如(jquery).使用库 : 开发人员起主导作用框架: 是一套完整的解决方案,它制定了一个规则,想要使用框架,就要按照框架的规则来编写代码,框架会在何时的时机执行我们编写的代码. 例如(Vue).使用框架: 框架起主导作用框架...
2019-04-15 17:46:32
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人