加载中
处理 Webpack 中 SCSS 和 SASS 中的资源相对路径

Webpack 的 sass-loader 是没有处理资源(比如图片和字体)的相对路径的。在项目代码中这一点也许不是问题,但是对于 node_modules 中的资源文件就不是那么回事了。 https://webpack.docsch...

Javascript异步缓存和任务链

Web 从后台获取数据的时候,如果参数和结果都相同,那我们可以将请求缓存起来以节约流量。 Lodash 就提供了相关的函数 memoize,它是以函数为操作单位的。 异步缓存 如果我们希望对缓存进行更...

2021/12/21 14:50
35
IntersectionObserver细节研究

IntersectionObserver 是用于检测元素之间相互交叉重叠的 API,经常用来监听元素的出现和消失。 MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/IntersectionObserver 虽然 MDN 中描...

2021/12/20 14:28
14
用户买了VIP?那Web要怎么知道呢?用页面可见性API解决

APP中的付费项目通常会用原生的支付宝和微信支付,支付完成后回到web页面。 如果页面通过调桥来进行跳转付款界面,理想情况下有个回调让页面知道用户付款成功了,以对页面进行响应的更新。还...

2021/12/13 11:58
27
前后端RSA加密传输

前端和后端都有RSA加密库,但是通常不能通用,即浏览器的RSA库不能用在Node,Node的RSA库不能用在浏览器。在前后端之间进行RSA加密通信时,需要两端的库的配置相匹配。 本文以前端的 jsencr...

2021/11/04 10:00
55
使用Rollup打包Vue组件库

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

Jest验证函数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

打字动画

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

2021/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 ...

2021/08/14 17:20
0
封装Vue组件库的方法

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

2021/08/05 16:08
133
Web编码和流

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

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

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

没有更多内容

加载失败,请刷新页面

返回顶部
顶部