加载中
使用Rollup打包Vue组件库

在之前的一篇文章中提到了封装Vue组件库的方法,包括webpackage和vue-cli的方法。 但是这两个方法都有缺点: 无法打包ES模块 无法生成Typescript类型声明文件 生成包体积大 所以我决定重新研...

Jest验证函数

Jest是单元测试的利器,它方便易用,最简单的用法就是其一些列的验证函数,比如toBe和toEqual。它们通常和expect函数一起用,来验证变量是否满足条件。 https://jestjs.io/docs/expect#not ...

09/27 14:54
25
初见Vue3 Composition API的疑问

Vue3 推出了Composition API的新特性,相信大家都已经学习过了,官方文档上的教程写的也很详细。 https://v3.cn.vuejs.org/guide/composition-api-introduction.html 但是有些官方文档中没有...

09/25 09:34
76
移动端CSS逻辑像素表

Web可以通过设置viewport的width来指定视口逻辑像素数量,我们通常设置为device-width来达到最佳的显示效果。 但这个device-width在不同色设备上数值不同,差异可能很大,我们需要了解一些常...

09/24 11:46
47
Vue3核心Typescript类解析

与使用JavaScript不同的是,用Typescript写Vue程序要需要了解Vue的相关类型。Vue核心的类型,大部分写在@vue/runtime-core包中。 Component Vue页面是由一个个组件组成的,组件在Vue中的类是...

Web前端常识概览 - 其实就是面试题知识啦:)

浏览器 宏任务和微任务 Javascript 引擎单线程运行,有宏任务队列和微任务队列控制程序执行顺序。 Javascript 先按顺序执行宏任务队列,期间产生的新宏任务添加到新一个宏任务队列,产生的微...

D3选集(Selection)解析-附API文档翻译

选集(selection)是D3的基础,它用于选择元素,并支持编辑、绑定数据等操作。为了自己的巩固和分享,写了这篇解析D3选集的文章。 阅读本文,需要您学习过D3的基础。如果错误,感谢指正。 解...

09/06 17:41
37
Chrome控制台和console对象

Chrome控制台的命令和console对象方法总结。 Chrome Devtool Console 控制台中的预置命令有很多有用的功能。 历史变量 控制台中的一些预置变量保存了元素访问的历史和控制台输出历史: $0-4...

09/01 16:39
20
D3图表-树图的展开收起动画

树图是很常用的图表,它有结点和子节点的结构。如果一个结点的子节点太多,我们通常会把它们先隐藏起来,在点击父节点的时候展开显示。为了美观和流畅,我们可以加上展开收起的动画。 用 D3...

08/29 20:10
21
vue-router@4、history.state和标记第一层路由的方法

在之前的文章(标记本次浏览的第一个页面)中提到vue-router会在history.state中存放一个字符串来标识路由,这一点在文档中没有明说它的原理,我们在利用history.state来标记第一层路由的时候...

打字动画

打字效果是常见的动画,它靠 CSS 和等宽字体就可以实现。 原理 这个技巧主要使用了 CSS 属性 animation steps 来控制文本容器的宽度,使宽度以一定速度突变,就便表现出打字的效果。核心代码...

08/15 08:31
11
面向未来CSS

CSS 新特性实验笔记。 aspect-ratio aspect-ratio 设定块级元素的长宽比。 语法 aspect-ratio: auto | <ratio>; 示例: <style> .e-0 { width: 100px; aspect-ratio: 1/1; } </style> <div ...

封装Vue组件库的方法

封装组件库让我们在之后的工作中可以复用现成的代码,同时保持了组件的稳定性。 本文简要概述了封装Vue组件库的2种方法:vue-cli、webpack。 vue-cli vue-cli自带编译为库的功能。 命令 编写...

Web编码和流

计算机中的数据,底层实现都是依靠二进制符号,即0和1。这些数据可以表示一个文件,比如图片、音乐、视频,或是一个字符串。它们都是二进制符号,但由于编解码方式的不同,展现的形态和使用的...

07/20 14:11
6
入门级Webpack React配置模板

创建 React 和 Vue 项目时可以使用官方推荐的脚手架 create-react-app 和 vue-cli,但是如果要自定义 Webpack 配置会稍有些麻烦。我以前在没有接触这两个脚手架之前都是自己搭建 Webpack 环境...

开发一个前端监控系统:错误上报、AJAX监控、性能指标

Web页面,特别是SPA,是在用户的浏览器中运行的,所以页面上的错误、性能数据等信息开发者是无从得知的,而这些数据对于增强页面稳定性和优化页面性能至关重要。 前端监控就是要将这些信息收...

Vue3全局可替换内容模态框

模态框是常用的组件,常用在需要显示较少但是重要内容的时候。它需要立即抓到用户的焦点,所以常设计为一个居中的对话框和一个处在背后的黑色半透明遮罩。整体的样式不会有多少变化,但是内容...

06/12 15:03
4.1K
做一个照片墙——可拖动平移和以任意点为中心缩放的DIV组件

最近在做一个照片墙网页,展示自己画的《明日方舟》的像素画,希望这个网页可以用鼠标拖动平移同时可以以鼠标当前位置为中心滚动滚轮缩放。 上网搜了下,基于 Vue 和 React 的实现很多,但是...

06/04 13:28
1W
Chrome无痕模式下无法使用localStorage和sessionStorage的兼容方案

现象 Chrome无痕模式下无法使用localStorage和sessionStorage,读取windown下的localStorage和sessionStorage成员时报错。 兼容性 PC端Firefox、Android端Chrome、iOS端Safari没有这个限制。...

06/03 11:44
1.6K
【Typescript小小册】目录

这个系列是个人学习 Typescript 之后的整理总结,主要记述了 Typescript 对 Javascript 的扩展部分。本系列不追求大而全,希望小而美,用作参考和分享,故取名“小小册”,希望对您有所帮助。...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部