Web前端开发

119 篇文章
27 人订阅

全部文章

Leophen

JavaScript 页面可见性 Page Visibility API 监听用户离开页面

Page Visibility API 用来检测页面当前是否可见,以及打开网页的时间等

1410
Leophen

Vue 中 data 为什么必须是一个函数

可以看到,componentA 和 componentB data 之间指向了同一个内存地址,age 都变成了 40,导致了问题 因此,data 如果单纯的写...

7120
Leophen

Vue 父组件如何监听子组件的生命周期

这里以 mounted 为例,在父组件 Parent 和子组件 Child 中,如果父组件监听到子组件挂载 mounted 就做一些逻辑处理,可以通过以下写法实...

9320
Leophen

Vue.js 源码⽬录设计

包括把模板解析成 ast 语法树,ast 语法树优化,代码生成等功能 编译的工作可以在构建时做(借助 webpack、vue-loader 等辅助插件);...

5130
Leophen

CSS 实现输入框从右往左和反向倒序输入

5510
Leophen

JS/TS 对数组中的对象按相同值进行分组

6710
Leophen

JS/TS 对数组中的对象按对象的值进行去重

4220
Leophen

认识 JS 静态类型检查工具 Flow

Flow 是 facebook 出品的 JavaScript 静态类型检查工具 Vue.js 的源码利用了 Flow 做了静态类型检查,所以了解 Flow 有...

7110
Leophen

纯 CSS 实现下拉菜单尖角图标(实心+空心)

7130
Leophen

CSS 实现文本超出容器范围用省略号显示(单行+多行)

7620
Leophen

JavaScript 实现输入框内容一键复制(附上 Vue 3 实现方式)

8130
Leophen

TypeScript namespace 命名空间

命名空间一个最明确的目的就是解决重名问题,其定义了标识符的可见范围,一个标识符可在多个名字空间中定义,它在不同名字空间中的含义是互不相干的。

9620
Leophen

TypeScript 函数泛型

泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性

3820
Leophen

TypeScript 类型保护

这时就需要用到类型保护,类型保护允许你使用更小范围下的对象类型,常见的类型保护如下:

3100
Leophen

Vue 侦听器 watch 扩展之立即触发回调、深度监听和注销

原来我们 watch 中默认写的就是这个 handler,Vue 会去处理这个逻辑,最终编译出来其实就是这个 handler

8610
Leophen

TypeScript 类型注解和类型推断

当不添加类型注解时,TypesScript 也能知道变量 a 是一个数字,这就是 TypeScript 的类型推断:

4730
Leophen

TypeScript 对象的类型-接口

在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型

6110
Leophen

TypeScript 基础类型

TS 的 number 类型继承了 ES6 的 number,额外支持二进制和八进制数值

6220
Leophen

Vue 使用 vue-svg-icon 插件实现 svg 按需加载

可以通过上述的一般用法在 Vue 中直接使用 svg,但既然已经是用 Vue来组件化开发项目了,那么在组件中穿插着一大段的 svg 也显得过于杂乱;

7720
Leophen

指针锁定 Pointer Lock API 用法

通过它可以访问原始的鼠标运动(基于指针的相对位移 movementX / movementY),把鼠标事件的目标锁定到一个特定的元素,同时隐藏视图中的指针光标(...

8420

扫码关注云+社区

领取腾讯云代金券