加载中...
day day up
Vue中组件和插件有什么区别 Vue中组件和插件有什么区别
编写形式1. 编写组件编写一个组件,可以有很多方式,我们最常见的就是vue单文件的这种格式,每一个.vue文件我们都可以看成是一个组件 vue文件标准格式 <template> </template> <scr
2023-07-09
九种前端常见的设计模式 九种前端常见的设计模式
1. 外观模式 外观模式是最常见的设计模式之一,它为子系统中的一组接口提供一个统一的高层接口,使子系统更容易使用。简而言之外观设计模式就是把多个子系统中复杂逻辑进行抽象,从而提供一个更统一、更简洁、更易用的API。很多我们常用的框架和库基本
2023-06-22
浏览器中 JS 的事件循环机制 浏览器中 JS 的事件循环机制
1.事件循环机制 浏览器执行JS代码大致可以分为三个步骤,而这三个步骤的往复构成了JS的事件循环机制(如图)。 第一步:主线程(JS引擎线程)中执行JS整体代码或回调函数(也就是宏任务),执行过程中会将对象存储到堆(heap)中,将函数
2023-05-30
页面白屏如何优化 页面白屏如何优化
当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时,就开始等待页面的展示。页面渲染的时间越短,用户等待的时间就越短,用户感知到页面的速度就越快。这样可以极大的提升用户的体验,减少用户的跳出,提升页面的留存率。 一、概念白屏时
2023-05-25
实战项目中,常用的TS 实战项目中,常用的TS
1. 泛型的使用泛型可以让我们编写更具灵活性、可重用性和类型安全性的代码。在 TypeScript 中,泛型通常使用类型参数来定义一个通用的类型或函数,并在使用时指定具体的类型。 我们想编写一个函数来反转任意数组,假设我们不使用泛型,代码可
2023-05-22
git常见实战命令 git常见实战命令
# 查看状态 $ git status # 添加管理(将文件或目录添加到本地仓库的暂存区) $ git add filename # 将指定的文件添加到暂存区 $ git add path/ # 将指定的目录添加到暂
2023-05-08
组件内很多个input、select元素(如果有50多个元素) 怎么优雅的控制 组件内很多个input、select元素(如果有50多个元素) 怎么优雅的控制
如果有多个表单元素,重复代码较多,可以将表单输入元素封装为子组件。这样可以提高代码的复用性和维护性。 子组件:FormInput.vue<template> <div> <input v-if=
2023-05-06
如何编写一个 Webpack Plugin 如何编写一个 Webpack Plugin
1. webpack 内部执行流程 一次完整的 webpack 打包大致是这样的过程: 将命令行参数与 webpack 配置文件 合并、解析得到参数对象。 参数对象传给 webpack 执行得到 Compiler 对象。 执行 Compi
2023-04-20
如何编写一个 Webpack Loader 如何编写一个 Webpack Loader
在平时自己由零搭建项目时,虽然基础配置都比较熟悉,比如配置 file-loader, url-loader, css-loader 等,配置不难,但究竟是怎么起作用的呢,今天就来说说如何编写一个 Webpack Loader。 1. L
2023-04-13
前端实现电子签名 前端实现电子签名
背景 在现在的时代发展中,从以前的手写签名,逐渐衍生出了 电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环节和司法类相关的产品上较多。举个常用的例子,大家都用过 钉钉,钉钉上面就有电子签名,相信大
2023-03-18
前端如何部署项目,实战阿里云服务器 前端如何部署项目,实战阿里云服务器
部署核心步骤1.准备打包好的前端代码(dist包)或者是一个html文件2.购买阿里云服务器,并且连接3.为阿里云服务器安装ngnix开启web服务4.使用xshell和sftp将自己的前端代码放到服务器上 1.准备前端代码这部分很简单,可
2023-03-10
一套代码如何同时适配移动端和pc端 一套代码如何同时适配移动端和pc端
1. 媒体查询(Media Query)+ CSS Flex/Grid(适用于简单布局)利用 CSS 的 @media 进行响应式设计,使页面在不同设备上适配。例如: /* 默认 PC 端样式 */ .container { widt
2023-02-10
3 / 6