会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
墨西哥郊外的晚上*
博客园
首页
新随笔
联系
订阅
管理
1
2
3
下一页
2020年9月26日
React 踩坑——点击空白区域隐藏自定义弹窗,无法阻止事件冒泡
摘要: 这周有一个小需求,实现一个点击图片并弹出框,具有缩放、旋转图片功能,方便审核人员审核图片。 最开始我是想在Antd的Modal组件上更改,加上图片处理操作。后来发现很难行得通,因为官方组件是经过层层封装,暴露的api有限,想在它们的基础上增加功能的话,很难从底层上控制,于是我想着自己造个小轮子。预期
阅读全文
posted @ 2020-09-26 20:27 墨西哥郊外的晚上*
阅读(1138)
评论(0)
推荐(0)
2020年9月9日
React 踩坑--input中的value与defaultValue
摘要: 这两个月实习期时间踩了不少坑,先来谈谈有代表性的一个。 我们知道表单是前端里很常见的一个东西,往往包含了很多数据校验逻辑。 React、antd 对表单元素专门做了优化处理,有了一些抽象的东西,使得他们的使用方式更统一更规范。。 在一次需求开发中,有一块是这样的:首先渲染一个Table,里面每一项都
阅读全文
posted @ 2020-09-09 00:23 墨西哥郊外的晚上*
阅读(4972)
评论(0)
推荐(1)
2020年6月15日
函数式编程
摘要: 在了解函数式编程之前,我们先看看命令式编程。 就像在英语中,命令式时态用于给出命令,编程中的命令式是给计算机一组语句来执行任务。 这些语句通常会改变程序的状态,例如更新全局变量,典型的例子就是写一个for循环。 声明并定义一个变量,判断变量并循环遍历操作。相信很多同学在大一学C的时候对这一点深有体会
阅读全文
posted @ 2020-06-15 12:17 墨西哥郊外的晚上*
阅读(163)
评论(0)
推荐(0)
2020年4月20日
Flex布局实现一部分元素左对齐,一部分右对齐
摘要: 在做一个列表的时候,单个Flex容器内有三个内联的靠右对齐的按钮,效果如图: 而我想让红色按钮靠左,而另外两个蓝色按钮保持靠右 方法A: 为红色按钮单独加上:flex: 1 此效果的原理是:利用flex:1,动态填充宽度 方法B: 这个时候我们可以为红色按钮单独加上:margin-right : a
阅读全文
posted @ 2020-04-20 19:37 墨西哥郊外的晚上*
阅读(11897)
评论(0)
推荐(4)
2020年4月17日
ES6箭头函数的简单应用
摘要: 箭头函数表达式是ES6新增的语法糖。它的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。 箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。 大家应该已经见识过箭头函数在处理数据时候的强大之处。 箭头函数在类似map(),
阅读全文
posted @ 2020-04-17 23:52 墨西哥郊外的晚上*
阅读(317)
评论(0)
推荐(0)
2020年4月10日
懒加载与预加载
摘要: 大家最开始将网站部署到服务器后,可能遇到这种情况,当图片本身较大时 会卡顿地从上往下加载,类似这样: 为了解决这种令用户不适的情况,我们可以用到懒加载和预加载 首先,懒加载和预加载不是什么高深的技术,只需短短几步,就能实现这样一个小功能从而提升用户体验。 懒加载和预加载是常用的web优化的手段。所以
阅读全文
posted @ 2020-04-10 22:10 墨西哥郊外的晚上*
阅读(416)
评论(0)
推荐(0)
2020年4月7日
Javascript之 Ajax 与 JSON
摘要: AJAX 概念 AJAX 全名是“Async JavaScript and XML”,直译为“异步加载 JavaScript 和 XML”, 它的内容为“JS 发请求和收响应”。AJAX里的“X”就指代XML。但由于时代变迁,JSON逐渐取代了XML。 1. AJAX 是浏览器的功能 浏览器可以发送
阅读全文
posted @ 2020-04-07 00:54 墨西哥郊外的晚上*
阅读(336)
评论(1)
推荐(0)
2020年3月28日
Q&A:为什么prototype中的方法不能赋值给变量,再调用?
摘要: 做题时遇到了一道排序题,我的解法是: 1 function largestOfFour(arr) { 2 var larger = Array.prototype.sort(); 9 for (var i = 0; i < arr.length; i++) { 10 arr[i].larger();
阅读全文
posted @ 2020-03-28 16:00 墨西哥郊外的晚上*
阅读(266)
评论(0)
推荐(0)
2020年3月24日
Javascript之 浅克隆 与 深克隆
摘要: JS对象的浅克隆和深克隆,是我们可能会常用到的方法。对象克隆是指 我们有一个对象A: A={ name:"jack", hobby:['play','sleep'], son:{ name:"jerry", hobby:['study','excercise'] } } 现在新建一个对象 var B
阅读全文
posted @ 2020-03-24 16:18 墨西哥郊外的晚上*
阅读(226)
评论(0)
推荐(0)
2020年3月7日
Javascript之 __proto__ 与 prototype
摘要: __proto__(隐式原型)与prototype(显式原型) 是什么? 显式原型 explicit prototype property: 每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象。 隐式原型 implicit prototype link: Jav
阅读全文
posted @ 2020-03-07 02:47 墨西哥郊外的晚上*
阅读(178)
评论(0)
推荐(0)
1
2
3
下一页
公告