![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识点总结
tsw529
做最好的自己
展开
-
vue项目中使用vant组件ImagePreview图片预览在iOS上存在的问题
存在问题在多个组件内使用,iOS下,切换路由后,会导致ImagePreview组件无法进行图片预览,放大图片<img v-for="(item, index) in imgList" @click="imgPreview(imgList, index)" :key="index" :src="item" alt/>// 组件内import { ImagePreview } from "vant";methods: { imgPreview(img原创 2020-06-11 22:28:27 · 2561 阅读 · 0 评论 -
js数组合并的几种方法
concat 方法 var arr1 = [1, 2, 3]; var arr2 = ['a', 'b', 'c']; var newArr = arr1.concat(arr2); console.log(newArr);// [1, 2, 3, "a", "b", "c"] console.log(arr1 );// [1, 2, 3] 利用concat方法会产生一个新的数组...原创 2020-02-29 10:23:54 · 787 阅读 · 0 评论 -
ES6中箭头函数的this指向问题
首先说一下箭头函数的特点:1.this指向定义时的对象,也就是说箭头函数一旦定义完成,它的指向是固定的,没法改变,它的指向是定义时所在的作用域,而不是执行时的作用域;2.箭头函数没有自己的this;3.箭头函数不能当构造函数用;4.不能绑定arguments,用rest参数…解决;先来看一下下面代码: var obj={ fn:function(){ ...原创 2020-01-10 16:21:34 · 274 阅读 · 0 评论 -
webpack 使用步骤
webpack 使用步骤 (最新版)webpack 第一阶段 命名初始化阶段文件名不能有汉字,不能取名叫 webpack生成 package.json, 命令 : npm init -y安装 : npm i -D webpack webpack-cli webpack : 是 webpack 工具的核心包 webpack-cli : 提供了一些在终端中使用的命令 ...原创 2020-03-10 09:29:37 · 240 阅读 · 0 评论 -
H5新特性和C3新特性
1.H5新特性拖拽释放(Drap and drop) API ondrop拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。自定义属性data-id语义化更好的内容标签(header,nav,footer ,aside, article, section)音频 ,视频(audio, video) 如果浏览器不...原创 2019-04-20 23:51:32 · 4151 阅读 · 0 评论 -
经典的流式布局实现方法总结(三)(圣杯布局&双飞翼布局)
两侧固定中间自适应的三种实现方法1.利用bfc块级格式化上下文, 实现两侧固定中间自适应(1)左右固定宽高,进行浮动(2)中间 overflow: hidden;&lt;style&gt; .father { height: 500px; background-color: pink; } .left { float: left;...原创 2019-02-14 11:25:28 · 988 阅读 · 0 评论 -
经典的流式布局实现方法总结(二)
前言:昨天总结了经典的流式布局中的第一个结构左侧固定,右侧自适应。今天将第二个右侧固定,左侧自适应,第三个两侧固定,中间自适应(圣杯布局,双飞翼布局)以及第四个等分布局。右侧固定左侧自适应的三种实现方法:1.利用bfc块级格式化上下文, 实现右侧固定左侧自适应(1) 先从结构上就要让 右盒子 先右浮(2)再给 left 左盒子, 添加 overflow: hidden;具体css代码...原创 2019-02-13 23:57:20 · 2242 阅读 · 1 评论 -
经典的流式布局实现方法总结(一)
经典的流式布局原创 2019-02-13 00:45:00 · 21603 阅读 · 0 评论 -
函数的四种调用模式及this指向
一.根据函数内部this的指向不同,可以将函数的调用模式分成4种函数调用模式方法调用模式构造函数调用模式上下文调用模式(借用方法模式)首先先来分析this指向问题1.任何函数都有属于自己的this2.this的指向和函数的调用模式相关,意味着this的指向在函数声明的时候确定不了.然后分析this指向的思路:1.this是属于哪个函数的2.这个函数的调用模式是哪种接下来,...原创 2019-02-22 19:55:42 · 2186 阅读 · 0 评论 -
var和let的区别
在ES6中新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。let:let所在的区域会形成块级作用域 ;let不存在变量提升的情况 ;let会形成暂时性的死区;不可以在同一作用域下重复声明变量 。var在ES6之前 都是用var 声明变量,只有函数作用域和全局作用域;用var声明,变量会提升;可以在同一作用域下多次声...原创 2019-02-17 14:33:24 · 352 阅读 · 0 评论 -
javascript中break和continue的区别和作用
break: 结束/中止for循环 立即跳出当前整个循环,即循环结束,开始执行循环后面的内容(直接跳出大括号) 一般写在打印之后continue: 结束本次循环,进行下一个循环 立即跳出当前循环,继续下一次循环(跳到i++的地方) (放打印代码前面)一般写在打印之前...原创 2019-02-08 23:52:31 · 579 阅读 · 0 评论 -
css伪元素选择器before 和 after 的使用
css3伪元素选择器before 和 after 的使用前言:最近收集了一些关于before 和 after 的使用,汇总了一下,不全面,但是,希望便于以后自己查看。:before 的作用:在子元素的最前面, 添加一个伪元素, 伪元素内容通过 content 控制,可以在content属性中写入文本内容,但是通常为空字符串。:after 的作用: 在子元素的最后面, 添加一个伪元素, 伪元素...原创 2019-02-07 22:49:05 · 5352 阅读 · 0 评论