JavaScript之状态模(vue中使用)

今天来聊一聊状态模式在前端项目中的应用,咱们先来看一个例子:有一个开关控制一盏灯,开关切换只有两种状态,开与关,并且触发灯泡的开关。咱们先看一下不用状态模式的例子,一般使用vue开发的代码如下: ok,现在可以看到,我们已经编写了一个强壮的状态机,这个状态机的逻辑既简单又缜密,没有任何的bug。实际…

uni-app: 从运行原理上面解决性能优化问题

点击右上方红色按钮关注“web秀”,让你真正秀起来 前言 Uni-App,从了解到开发,相信大家都会觉得Uni-App性能不好,其实也这是非原生的弊病。React Native、Flutter等,非原生框架,性能上都会或多或少的折损。但各个框架,都会做出性能提升建议,所以开发者在开发前,多了解一下,…

什么是立即执行函数,它有什么作用?

一:什么是立即执行函数? 声明一个函数,并马上调用这个匿名函数就叫做立即执行函数;也可以说立即执行函数是一种语法,让你的函数在定义以后立即执行; 立即执行函数的创建步骤,看下图: 二:立即执行函数的写法: 有时,我们定义函数之后,立即调用该函数,这时不能在函数的定义后面直接加圆括号,这会产生语法错误…

一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧

前言 文中代码对应的详细注释和具体使用方法都放在我的 github 上,源代码在底部连接 1.判断对象的数据类型 使用 Object.prototype.toString 配合闭包,通过传入不同的判断类型来返回不同的判断函数,一行代码,简洁优雅灵活(注意传入 type 参数时首字母大写) 不推荐将这…

常用的一些CSS伪类

::first-line 选择文本的第一行 这个选择器用于选取指定选择器的首行。如有如下HTML 效果 ::first-letter 选择第一个字母 该伪选择器适用于元素中文本的第一个字母。有如下代码 效果 ::selection 选择高亮的(选中的)区域 这个很好理解,就是平常我们鼠标选中文本时的…

Git推送到多个远程仓库,同时推送到gitee、github

最近发布了一个开源项目,想同时在Gitee和Github上做版本管理,Gitee,以及Github都有功能可以把某个Git上的代码同步过来。 这个功能挺好用的,但是每次推送完后,都要打开网站,点击下同步,还是觉得麻烦,就想有没有可以直接推送到2个仓库的办法。 于是就找万能的谷歌,网上查了下能否同时将…

TypeScript 的常用知识点

对于前端从业者来说,TypeScript(以下简称 TS)已经不算是新技术。 Vue3 的源码基于 TS 编写, Angular 项目默认支持 TS 等。它出现的频率越来越高,而学习难度并不大,大概一个周末可以熟悉。 投入少,产出大,所以最好还是花点时间学习一下。 本文根据 TS handbook …