文章列表 发布文章 2021 01-04 [CSS] Position 用法进阶01:匹配父级容器空间 苍石 发表于:2021-01-04 14:36:55 27 Views CSS 在前端界面设计中,会有那么一些布局,需要占满整个父级容器,比如: 模态框(Modal)的背景 加载器(Spinner)的背景 以上两种组件中,都是将背景完全填充到父级容器,区别在于模态框通常是背景填满屏幕,通常使用 position: fixed; 用于定位,而加载器更多用于将其背景布满父级容器,通常使用 position: absolute; 定位。 通过 CSS position 属性实现填满父级容器 为了实现填充父级的需求,从... 2020 12-28 Useful Features of CSS 苍石 发表于:2020-12-28 11:32:07 22 Views CSS Position Options: static (default) relative absolute fixed sticky (CSS3) The element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling ancestor and containing block (nearest block-level anc... 2020 11-13 模拟 Vue 中 JS 动态表达式在模版中被动态解析的实现 苍石 发表于:2020-11-13 15:25:57 34 Views EVALJS 表达式ASTVUE 模拟 Vue 中 JS 动态表达式在模版中被动态解析的实现 最近在写自己的一个 web 框架 ref-lit.js,仅仅打算自己练练手,在这个框架中,其模版语法借助了 lit-html.js,而 lit-html.js 是通过 ES2015 规范中的模版字符串实现的 HTML 模版以及表达式的绑定的,虽然好用,但是考虑到兼容问题,我就想着自己去写一个解析模版的方法,将类似于 Vue 中的模版解析为模版字符串的结果。而为了能够达到学习和提升的效果,我不打算第一时间去参考 Vue 的源码,想着通过... 2020 11-09 Jest Development 苍石 发表于:2020-11-09 14:58:42 34 Views JAVASCRIPTTESTJESTJSLWC Jest is a delightful JavaScript Testing Framework with a focus on simplicity.... 2020 10-23 [Webpack 踩坑] 使用 Webpack 打包 Web 端和 Node 服务端通用的依赖库 苍石 发表于:2020-10-23 15:29:05 79 Views WEBPACKJAVASCRIPTNPM 最近准备着手将大学时写的一个框架给规范化,想着将它部署成 NPM 上的一个 Package,但遇到了两个问题: 这个框架完全是由 ES5 语法规范搭建的,也没有考虑模块依赖什么的,它本身依赖的其它库都是纯代码复制到项目文件内容的上方,所以我们应该需要使用模块化来引用其依赖的框架,如 ES5 的 require 如果使用了 require 语法,那么意味着所有想使用该框架的项目都必须使用 NP... 2020 09-30 在 Vue2 Annotate 中通过 Annotate JS 生成自定义注解(面向切面编程) 苍石 发表于:2020-09-30 15:28:58 90 Views 注解VUE2 ANNOTATEJAVASCRIPT 在日常开发中,如果涉及到性能优化,我们总是需要通过在方法前后添加 `console.time/console.timeEnd` 类似代码以实现分析其运行时间长短,而这样的代码一是看起来相当不美观,二是会使代码结构看起来十分混乱。那我们可不可以使用一个注解来完成以上工序而完全不需要修改方法内的内容呢...