果汁来一杯

搜索历史清空

Home
Github

2023.08.01

vue
$nextTick与赋值操作=的优先级先有两个例子：例子1:基于vue2.x版本<div id="app"> <span id="demo">{{num}}<span> <button @click="onClick">累加</button></div&...
- 381
- 1min
2023.06.30

css
在CSS中做语法判断：:has 又是一个css的小知识点 :has看到has，我的第一反应是javaScript中的has()方法回顾一下Map中的has()Map.prototype.has()has() 方法返回一个布尔值，指示具有指定键的元素是否存在。const map1 = new Map();map1.set('bar', 'foo');console.log(map1.h...
- 748
- 3min
2023.06.29

css
简单一句CSS还原页面样式标题多少UC震惊题的味道了咳咳。。。在日常开发中，我们经常需要对元素做一些显示/隐藏切换，例如常用的 displaydisplay: block;diaplay: none;比如有一个需求，要求对列表最多展示3项，点击按钮后全部展示。/* 隐藏 */li:nth-child(n+4) { display: none;}/* 展示 */li.style.d...
- 976
- 3min
2023.06.29

css
CSS新特性：@container容器查询又是在网上流浪的一天 …今天学习css的一个新特性：@container容器查询，其实也不是很新了。（2022年各大浏览器开始支持）提到查询，大家是不是首先会想到 @media，媒体查询 @media在目前前端响应式方案中，最常见的就是通过@media来实现，比如根据可视窗口的宽高动态改变元素的尺寸或内容。@media的使用规则为：@media 媒体类型媒体特征表达式{ /...
- 1.2k
- 4min
2023.06.21

javaScript
使用for-of循环对象在对象和数组进行循环遍历时，我们通常会使用for-in、for-of，众所周知，for-of是无法遍历对象的let obj = {a:1, b:2, c:3};for(let i of obj){ console.log(i)}// Uncaught TypeError: obj is not iterable因为对象内部是没有迭代器对象（ite...
- 356
- 1min
2023.05.22

浏览器
浏览器loooo...ng任务浏览器长任务首先，在你的想象中，多长的任务呢算是长任务呢？1000毫秒? 还是 500毫秒，no no，都不是，超过50毫秒的就算长任务。在了解更多前，我们先看一下 RAIL 模型的基本概念。RAIL 是一种以用户为中心的性能模型，它提供了一种考虑性能的结构。该模型将用户体验分解到按键操作（例如，点击、滚动、加载）中，帮助您为每个操作定义性能目标。RAIL 代表 Web 应用生命周期的四个...
- 831
- 2min
2023.05.17

Git
git小技巧 Q：本地分支develop不小心被删了，怎么办！！？A：不要慌，使用 git branch new_develop 5fs3424 重新创建一个新分支，那個 5fs3424 是怎么来的。通常在删掉分支的时候，会有这样的提示：git branch -D developDeleted branch develop (was 5fs3424).Q：A分支想要合并B分支的某个commit ？A：...
- 448
- 1min
2023.05.15

浏览器
聊聊事件循环机制本篇主要讨论的是JavaScipt的事件循环机制（event loop），主要分为以下几个部分：为什么需要事件循环机制事件循环机制的表现有哪些使用场景nodejs的事件循环（待补充）为什么需要事件循环机制众所周知，在浏览器中，JavaScript 是单线程的（原因在此处不做过多赘述），也就是说所有的事件都在一个线程中执行，这个线程负责处理：用户交互事件DOM元素更新、绘制执行js代码…我们知...
- 1.3k
- 4min
2023.03.31

工程化
前端模块化自从 JavaScript 诞生以来，人们一直将它作为一种网页脚本语言，一般只用作表单校验跟页面特效，由于被仓促的创造出来，所以它自身的各种陷阱和缺点也被编程人员所诟病。随着 Web2.0 的流行，各种前端库和框架被开发出来，随后随着更多的用户需求在前端被实现，JavaScript 也从表单校验跃迁到应用开发的级别上。在这个过程中，它大致经历了工具类库、组件库、前端框架、前端应用的变迁。随着...
- 2.4k
- 9min
2023.03.11

Git flutter
Github Action 自动构建 Flutter Android Apk 前言这段时间用 Flutter 做了一个开源的项目 VVEX, 因为需要打包 apk，在此之前一直是手动 flutter build apk，再把文件上传到 release，每次发布新版本确实有点繁琐。趁着有空来使用 Github Action 做个持续化集成，自动打包 apk。最后完成的自动化构建脚本如下：更新： 5月谷歌发布了Flutter stable 3.10.0 版本，可能会出现插...
- 1.2k
- 5min