猿来是你三十而立,砥砺前行,不忘初心,勇闯猿类

摘要: props props英文翻译是道具的意思,我个人理解为参数,如果我们将react组件看作是一个函数,那么props便是函数接收外部数据所使用的参数。props具有以下特性: 1.不可变(只读性) props经常被用作渲染组件和初始化状态,当一个组件被实例化之后,它的props是只读的,不可改变的。 阅读全文
posted @ 2019-05-08 15:44 青瑟少年 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 1.const定义的变量不可以修改,而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值 4 // b = 5; 5 // console.log('函数外修改cons 阅读全文
posted @ 2019-04-29 14:37 青瑟少年 阅读(6037) 评论(0) 推荐(3) 编辑
摘要: 项目中发现,IE8下不兼容JQ的removeClass和addClass,页面无效果 网上找了很多方法都没有效果,最终找到一个很好的笨方法 var div=document.getElementById("目标元素ID"); div.className = " "; 这个就是兼容性最好的方法 如果一 阅读全文
posted @ 2019-04-12 11:30 青瑟少年 阅读(1066) 评论(0) 推荐(0) 编辑
摘要: CSS3的出现给网站页面增加了活力,网站增色不少,有这么小小的一款插件就能做出很多动画效果。 最重要的是它:简单易用、轻量级、无需 jQuery......他就是wow.js 地址:https://daneden.github.io/animate.css/ 也可以在这个地方看各种演示 下面就让我们 阅读全文
posted @ 2019-04-11 16:24 青瑟少年 阅读(2706) 评论(0) 推荐(0) 编辑
摘要: 边距重叠解决方案(BFC) 首先要明确BFC是什么意思,其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文” 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边 阅读全文
posted @ 2019-04-02 16:05 青瑟少年 阅读(12477) 评论(2) 推荐(1) 编辑
摘要: 盒模型的组成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有两种标准的,一个是标准模型,一个是IE模型。 从上面两图不难看出在标准模型中,盒模型的宽高只是内容(content)的宽高, 而在IE模型中盒模型的宽高是内容(content)+填充(paddi 阅读全文
posted @ 2019-04-02 15:23 青瑟少年 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscroll,pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始 阅读全文
posted @ 2019-03-26 14:24 青瑟少年 阅读(3155) 评论(0) 推荐(1) 编辑
摘要: 最近项目需要点击弹窗里面的a标签出现外连接跳转提示 开始代码: 发现点击a标签后无提示窗选择直接跳转走了,打log事件也没有触发,检查代码也无问题,思来想去发现竟然是未来元素在作怪。 改后代码: 完美解决这个问题! 阅读全文
posted @ 2019-03-15 10:05 青瑟少年 阅读(6211) 评论(0) 推荐(0) 编辑
摘要: 立即执行函数表达式IIFE(Immediately-invoked function expression)我们知道,在javascript(ES5)中,是没有块级作用域的概念的。看一个例子 for (var i = 0; i < 5; i++) { }console.log(i); //5因为没有 阅读全文
posted @ 2019-03-07 16:41 青瑟少年 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 置换元素 置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。 例如:浏览器根据<img>标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。 置换元素在其显示中生成了框,这也就是有的内联元素能够设置宽高的原因。 html中的<img><input><textar 阅读全文
posted @ 2019-03-07 13:58 青瑟少年 阅读(3835) 评论(0) 推荐(0) 编辑