首页
学习
活动
专区
工具
TVP
发布

Web前端开发

专栏成员
162
文章
278493
阅读量
29
订阅数
深入理解 ES6 新增的数据结构 Map 与 WeakMap
JavaScript 的对象(Object),本质上是键值对的集合(Hash结构),但传统上只能用字符串当作键,这给它带来很大的使用限制
Leophen
2022-05-07
6300
深入理解 ES6 新增的数据结构 Set 与 WeakSet
ES6 提供了新的数据结构 Set,它类似于数组,但是其成员的值都是唯一的,没有重复的值
Leophen
2022-05-07
3930
vscode 使水平滚动条固定持续显示
1、在编辑器窗口中键盘 ctrl/command + shift + p 2、输入 setting,打开设置(json) 3、在 JSON 文件中加入以下代码:
Leophen
2022-05-07
2.4K0
CSS Flex 实现 Alignment Shifting Wrapping
实现效果: 1、用 float 实现 .html: <h3 class="title float-title"> <span class="title-main">Main Title Here</span> <span class="title-note">This subtitle is floated.</span> </h3> .css: .title { border-bottom: 1px solid #ccc; margin: 40px auto; } .title-no
Leophen
2022-05-07
1910
CSS Flex 实现文本截断
实现效果: .html: <div class="filename"> <span class="filename__base">this-file-has-a-really-really-really-long-filename.</span> <span class="filename__extension">pdf</span> </div> .css: .filename { display: flex; } .filename__base { text-overflow: e
Leophen
2022-05-07
1.2K0
JavaScript 柯里化
柯里化即 Currying,是一门编译原理层面的技术,用途是实现多参函数,其为实现多参函数提供了一个递归降解的实现思路——把接受多个参数的函数变换成接受第一个参数的函数,并且返回接受剩余参数且返回结果的新函数。
Leophen
2021-08-12
5590
css 选择器匹配以某个字符开头或结尾
1、匹配以某字符串开头的 ID div: [id^= "item-" ] { color: red; } <div id="item-op"></div> 可匹配到 div 中 id为 item- 开头的元素 2、匹配以某字符串结尾的类名 div[class$="-btn"]:active { opacity: 0.8; } <div class="user-btn"></div> 可匹配到 div 中 class 为 -btn 结尾的元素
Leophen
2021-08-10
1.5K0
JavaScript 可选链(optional chaining)
可选链 可选链(Optional chaining) ?. 是一种以安全的方式去访问嵌套的对象属性,即使某个属性根本就不存在。 这是一项新的提案,老旧浏览器可能需要 polyfills。 一、解决的
Leophen
2021-08-06
1.2K0
谈谈 JavaScript 纯函数
比如 slice 和 splice,这两个函数的作用并无二致——但它们各自的方式却大不同。 其中,slice 符合纯函数的定义,因为对相同的输入它保证能返回相同的输出:
Leophen
2021-08-06
5340
JavaScript 函数式编程
函数式编程是一种编程范式,主要是利用函数把运算过程封装起来,通过组合各种函数来计算结果。 举个例子,要把字符串 functional programming is great 变成每个单词首字母大写,可以这样实现:
Leophen
2021-08-06
3710
JS 设计模式之原型模式(创建型)
原型模式不仅是一种设计模式,它还是一种编程范式(programming paradigm),是 JavaScript 面向对象系统实现的根基。
Leophen
2021-08-06
5880
深入学习 Redux 之中间件与异步操作
上一节,学习了 Redux 的基本用法:用户发出 Action,Reducer 函数算出新的 State,View 重新渲染。
Leophen
2021-07-23
1.1K0
深入学习 Redux 之基础用法
① Web 应用是一个状态机,视图与状态是一一对应的。 ② 所有的状态,保存在一个对象里面。
Leophen
2021-07-16
4640
React Hooks
以前,React API 只有一套,现在有两套:类(class)API 和基于函数的钩子(hooks) API。
Leophen
2021-07-13
2.1K0
深入理解 React setState
React 修改 state 方法有两种: 1、构造函数里修改 state ,只需要直接操作 this.state 即可, 如果在构造函数里执行了异步操作,就需要调用 setState 来触发重新渲染。 2、在其余的地方需要改变 state 的时候只能使用 setState,这样 React 才会触发 UI 更新,如果在其余地方直接修改 state 中的值,会报错:
Leophen
2021-07-08
9930
React 函数组件和类组件的区别
两者最明显的不同就是在语法上: 函数组件是一个纯函数,它接收一个 props 对象返回一个 react 元素; 类组件需要去继承 React.Component 并且创建 render 函数返回 react 元素,虽然实现的效果相同,但需要更多的代码。
Leophen
2021-07-08
7.4K0
tsconfig.json 编译器配置大全
一般来说,项目的 TS 编译器配置全部存储在项目根目录下的 tsconfig.json 文件中
Leophen
2021-07-08
1.2K0
React TS 解决不声明变量类型时的报错问题
使用 TypeScript 的 React 项目中,变量如果没有声明任何类型,会被识别为 any,此时编译器会报错,要求强制给变量声明类型
Leophen
2021-07-08
1.8K0
JSX onClick 和 HTML onclick 的区别
在 JSX 中可以通过 onClick 这样的方式给一个元素添加一个事件处理函数,当然,在 HTML 中也可以用 onclick (小写 c),但在 HTML 中直接书写 onclick 一直就是为人垢病的写法,网页应用开发界一直倡导的是用 jQuery 的方法添加事件处理函数,直接写 onclick 会带来代码混乱的问题。
Leophen
2021-07-08
1.8K0
深入理解 ES6 Generator
而使用 ES6 Generator 可以将执行的循环停下,步骤如下: 1、在 loop 前面加一个星号 2、在输出前面加 yield 3、定义一个变量将 loop 赋值给 l
Leophen
2021-06-22
2910
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档