前端
Vite3 + Svelte3使用@import导入scss样式
近年来,前端技术日新月异,Vite、Vue3、Svelte、SolidJS 等框架工具大放异彩,身为一个前端开发,总感觉一刻不学习就要out了。最近使用 Vite3 + Svelte3 来构建封装自定义的 Web Components ,开始了艰难的爬坑之旅,本文记录一下:Vite3 + Svelte3配置 Sass 预处理器,在 Svelte 单文件组件中使用 @import 导入 scss 样
React学习之——条件渲染(个人笔记)
React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。
if运算符
function UserGreeting(props) {
return <h1>Welcome back!</h1>
为什么前端人也该学 Rust?——从 JS/TS 到系统级编程的第一步
文章目录
引言:前端的边界,已经不止“前端”
一、TypeScript 带来的类型觉醒:从灵活到强约束的进化
TypeScript 的灵活性:类型擦除
二、Rust 的静态类型与所有权模型
1. 所有权:变量的唯一归属权
2. 借用与可变引用
3. 生命周期(Lifetime)
前端“空”袭警报? 详解 Vue 中列表提交空数组之谜!(v2.0)
前端“空”袭警报?🚨 详解 Vue 中列表提交空数组之谜!(v2.0)大家好,我是你们的技术探险家!👨💻 今天我们再次深入探讨一个前端开发中可能遇到的“诡异”现象:明明界面上显示着一个列表,用户也点击了提交按钮,但最终发送到后端的数据却是一个空数组
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件,$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1)ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指
git stash 和 git stash pop 的用法
git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。
git stash:
该命令用于将当前工作目录和暂存区(staging area)中的修改暂时保存到一个新的 stash 中,并将工作目录恢复到与上次提交一致的状态。
使用方式
Vue 响应式数据失效全解析:从原理机制到工程实践
文章目录
概述
一、响应式系统底层原理深度剖析
1. Vue 2 基于拦截的响应式系统
核心流程图
原理深度解析
2. Vue 3 基于 Proxy 的响应式系统
核心流程图
原理深度解析
二、UI 未更新的常见场景与深度解决方案
场景 1:对象属性动态添加/删除
Vue 2 现象
Vue 3 现象
场景 2
浅谈html中的置换元素和非置换元素
置换元素:
1、可以设置宽高,有自己的属性,和inline-block有一样的属性。
2、主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。
3、浏览器根据元素的标签和属性,来决定元素的具体显示内容
例如:浏览器根据标签的src属性显示图片。根据type属性决定显示输入框还是按钮
非置换元素:
1、是除了 img、input、
Python函数式编程-1·Filter
一、函数式编程Filter:
filter(func, seq): 调用一个布尔函数 func 来迭代遍历每个序列中的元素;返回一个使 func 返回值为 true 的元素的序列
如果布尔函数比较简单,直接使用 lambda 匿名函数就显得非常方便了
二、传参方式:
filter(布尔函数, 列表):
filter会返回一个对象,对象可以直接被list进行转换,转换的list保存过滤结果为T
