首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
color_me
掘友等级
FE Developer
|
Autowise.ai
获得徽章 7
动态
文章
专栏
沸点
收藏集
关注
作品
赞
23
文章 21
沸点 2
赞
23
返回
|
搜索文章
最新
热门
React 踩坑——点击空白区域隐藏自定义弹窗,无法阻止事件冒泡
这周有一个小需求,实现一个点击图片并弹出框,具有缩放、旋转图片功能,方便审核人员审核图片。 最开始我是想在Antd的Modal组件上更改,加上图片处理操作。后来发现很难行得通,因为官方组件是经过层层封装,暴露的api有限,想在它们的基础上增加功能的话,很难从底层上控制,于是我想着自己造个小轮子。预期
React 踩坑--input中的value与defaultValue
这两个月实习期时间踩了不少坑,先来谈谈有代表性的一个。 我们知道表单是前端里很常见的一个东西,往往包含了很多数据校验逻辑。 React、antd 对表单元素专门做了优化处理,有了一些抽象的东西,使得他们的使用方式更统一更规范。。 在一次需求开发中,有一块是这样的:首先渲染一个Table,里面每一项都
函数式编程
在了解函数式编程之前,我们先看看命令式编程。 就像在英语中,命令式时态用于给出命令,编程中的命令式是给计算机一组语句来执行任务。 这些语句通常会改变程序的状态,例如更新全局变量,典型的例子就是写一个for循环。 声明并定义一个变量,判断变量并循环遍历操作。相信很多同学在大一学C的时候对这一点深有体会
Flex布局实现一部分元素左对齐,一部分右对齐
在做一个列表的时候,单个Flex容器内有三个内联的靠右对齐的按钮,效果如图: 而我想让红色按钮靠左,而另外两个蓝色按钮保持靠右 方法A: 为红色按钮单独加上:flex: 1 此效果的原理是:利用flex:1,动态填充宽度 方法B: 这个时候我们可以为红色按钮单独加上:margin-right : a
ES6箭头函数的简单应用
箭头函数表达式是ES6新增的语法糖。它的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。 箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。 大家应该已经见识过箭头函数在处理数据时候的强大之处。 箭头函数在类似map(),
懒加载与预加载
大家最开始将网站部署到服务器后,可能遇到这种情况,当图片本身较大时 会卡顿地从上往下加载,类似这样: 为了解决这种令用户不适的情况,我们可以用到懒加载和预加载 首先,懒加载和预加载不是什么高深的技术,只需短短几步,就能实现这样一个小功能从而提升用户体验。 懒加载和预加载是常用的web优化的手段。所以
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
Javascript之 __proto__ 与 prototype
__proto__(隐式原型)与prototype(显式原型) 是什么? 显式原型 explicit prototype property: 每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象。 隐式原型 implicit prototype link: Jav
Javascript之 浅克隆 与 深克隆
JS对象的浅克隆和深克隆,是我们可能会常用到的方法。对象克隆是指 我们有一个对象A: A={ name:"jack", hobby:['play','sleep'], son:{ name:"jerry", hobby:[
CSS 弹性盒子 flex的三个属性:grow、shrink、basis
flex-grow 首先介绍flex-grow属性,flex-grow会在容器太大时(图片A、B的宽度和 < 父容器宽度)对元素作出调整。 如果图片A的flex-grow属性的值为 1,图片B的flex-grow为 2,那么 2 的会比 1 的扩大两倍: 也许“扩大两倍”这个概念不便于理解,我
下一页
个人成就
文章被点赞
4
文章被阅读
1,957
掘力值
63
关注了
35
关注者
2
收藏集
5
关注标签
33
加入于
2020-01-10