Web 技术开发
文章平均质量分 72
web开发所需了解知识
胖蔡
我很懒,只会写点代码~
展开
-
JS中的延时操作setTimeout()和setInterval()
JS中,给我们提供两种延时操作的内置方法setTimeout()和setInterval()。setTimeout和setInterval方法都是挂载在javascript的window对象下,通过两个参数控制,第一个参数控制运行的表达式或方法,第二个参数表示延时的时间,时间单位为毫秒级。setInterval与seTimeout不同的是,setTimeou定时执行一次结束,setInterval是循环间隔第二个参数时长执行参数一的表达式或方法。原创 2024-06-16 14:03:11 · 426 阅读 · 1 评论 -
修改yarn、npm、pnpm为国内镜像源
国内由于网络的原因,使用官方的npm、yarn、pnpm访问下载依赖库会很慢,有时候还会出现无法访问的情况,这时候就需要我们给npm、yarn、pnpm换一个国内的镜像源的,一般的我们可以将镜像换成淘宝的源,由于平时比较常用到的关系,所以就简单整理记录下,好之后查看。操作相似,替换成淘宝镜像后能极大的提高我们的前端库的访问速度。原创 2024-06-16 14:02:05 · 1452 阅读 · 0 评论 -
Vite使用unplugin-auto-import实现vue3中的自动导入
是基于写的,支持多个打包工具。我们可以使用unplugin-auto-import实现依赖的自动导入,不用再频繁导入依赖包,从而提交我们的开发效率。如下,以vue3+vite中使用改插件为例。原创 2024-06-16 13:58:21 · 3174 阅读 · 0 评论 -
记录一次基于Vite搭建Vue3项目的过程
Vue2已经于停止维护了,2024年算是vue3的崭新的一年,我们的项目也基本从vue2逐渐向着Vue3过渡,Vue3相较于vue2有更好的开发体验,和ts的自然融合使得项目的结构、功能拆分变得更加的清晰;组合式声明有种MVC向着MVP、MVVM转变的错觉;而Vite的使用使得我们的编译速度产生质的飞跃。总体来说,Vue3是一个不错的选择,今天这边文章主要就是来记录一下如何创建一个Vue3的项目。原创 2024-06-16 13:57:16 · 444 阅读 · 0 评论 -
vite-plugin-pwa 离线安装Vite应用
渐进式Web应用(PWA)通过结合Web和移动应用的特点,为用户带来更加流畅和快速的体验。且PWA支持离线访问能力(访问静态资源本地缓存),极大提高了用户交互的流畅性,降低非必要的网络依赖。尤其适合在手机端创建,本文推荐基于Vite的基础上使用实现和workbox离线缓存功能。原创 2024-06-16 13:55:34 · 1048 阅读 · 0 评论 -
将Vite添加到您现有的Web应用程序
Vite是一个令人难以置信的令人兴奋的工具。它不仅减轻了捆绑web应用程序的痛苦和眼泪,而且在这个过程中大大提高了捆绑的性能。它附带了一个速度极快的开发服务器,该服务器附带了热模块重新加载,并支持所有主要的JavaScript框架。如果你做网络开发——无论是为了好玩,这都是你的工作,或者两者兼而有之–我再怎么强烈地推荐它也不为过。原创 2024-06-16 13:53:38 · 987 阅读 · 2 评论 -
JS 实现Date日期格式的本地化
为了更好的更新多语言日期的显示,所以希望实现日期的本地化格式显示要求,常规的特殊字符型格式化无法满足显示要求,这里整理了几种我思考实现的本地化实现功能。原创 2024-06-16 13:49:46 · 321 阅读 · 0 评论 -
bpmn.js一个基于Bpmn 2.0的前端工作流展示和绘制工具
这里引用咖啡兔在《Activiti实战》一书中对于工作流的描述:工作流(Work Flow)引擎被广泛应用于各种信息化系统中,将原本散乱甚至混乱的业务梳理后制定成业务规范流程,进而约束业务的规范化处理和运转。需求人员、开发人员共同协作制定了符合BPMN 2.0规范的流程定义,之后将其部署到工作流引擎中,由它自动驱动业务流程的进行。定义:收集业务需求并转化为流程定义。发布:在系统管理(平台)中发布流程定义。执行:体的流程引擎按照事先定义的流程处理路线以任务驱动的方式执行业务流程。原创 2024-02-07 16:45:58 · 2142 阅读 · 0 评论 -
推荐几款Nodejs实现的web框架
继承了阿里系所有框架该有的有点:清晰出色的文档、完善的社区环境、高度可配合的开发生态。通过这个功能,你的应用程序可以在不进行大的修改的前提下,就可以从一个后端数据库,切换到另外一个后端数据库(也可以是一个。提供给大家挑选,如果有遗漏或者错误的,希望大家可以在评论区指正提出,我也会根据评论内容及时更正修改。在近些年可以说是发展异常的迅猛,由于同样使用的js原因,对于前端开发人员可以说是非常的友善了,据我们所知,它是这个领域里速度最快的。的赞,拥有大量的自定义包,庞大的社区支持,非常好的教程和文档。原创 2022-12-15 09:23:21 · 3541 阅读 · 0 评论 -
js中数组删除对象的几种方式总结
JS中数组是我们较为常用的一种数据结构,本篇文章主要是介绍js中我们常见的一些删除数组中元素的方式方法,希望可以对大家有所帮助。站长不易,感兴趣的大家可以点击查看原文支持支持。数组中元素的删除通过删除的方法的不同可以分为:关键字删除splice删除特殊位置删除关键字删除关键字删除是通过js提供的关键字 delete手动删除数组的某一项。使用delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变。ar arr = ['a','b','c','d.原创 2021-12-16 19:58:38 · 33216 阅读 · 2 评论 -
JS中如何理解执行上下文?
执行上下文是JS中一个比较重要的概念,当前函数、变量所处的执行上下文直接决定当前变量、对象可访问哪些数据。执行上下文。原创 2022-11-16 10:45:25 · 122 阅读 · 0 评论 -
js中去除字符串中的空格
在前端开发的过程中,我们经常会遇到需要对于输入的字符串进行格式化处理,本文主要介绍下如何通过js实现去除字符串的空格,本文提供三种类型来去除字符串的空格。转载 2022-10-26 15:13:40 · 3945 阅读 · 0 评论 -
CSS盒子模型有哪几种?盒子模型的组成又有那些?
CSS盒子模型(Box Model)将所有的HTML元素都看做盒子,并通过盒子的组成对HTML进行布局绘制设计。那么CSS的盒子模块到底有哪几种呢?盒子模型它的组成又有哪几部分呢?接下来,我就通过这边文章对来一一解读。为了方便读者了解盒子模型,以及不同的盒子模型之间的区别,我会在阅读的顺序上做一个小小的调整。即先介绍盒子模型的组成,之后介绍盒子模型的种类。原创 2022-10-25 07:20:14 · 2047 阅读 · 0 评论 -
JS 的模块化规范发展历程
模块化开发是一种管理方式,是一种生产方式,一种解决问题的方案,一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。解决目标提高代码的可维护性,降低重构成本解决全局变量污染和变量重名等问题依赖管理缺点系统分层,调用链会很长模块间通信,模块间发送消息会很耗性能。原创 2022-10-23 08:33:08 · 412 阅读 · 0 评论 -
前端面试-输入URL到页面加载的全过程(二)
套用较为官方的一个定义来先解释下进程和线程的定义。进程:进程是指在系统中正在运行的一个应用程序,程序一旦运行就是进程。进程是系统进行资源分配的独立实体, 且每个进程拥有独立的地址空间。一个进程可以拥有多个线程,每个线程使用其所属进程的栈空间。进程是系统进行资源分配和调度的一个独立单位。线程:线程是进程的一个实体,是进程的一条执行路径。线程是CPU独立运行和独立调度的基本单位。进程的地址空间和资源分配相互独立,而同一进程的各线程间共享。原创 2022-09-15 16:02:26 · 183 阅读 · 0 评论 -
如何给web页面添加一个水印
微信搜一搜 “” 前端公众号,关注更多前端咨询。欢迎访问个人博客[EnjoyToday.cn)(http://www.enjoytoday.cn)原创 2022-09-08 10:45:54 · 1953 阅读 · 4 评论 -
【前端面试】- 输入URL到页面加载的全过程(一)
整个过程大致如上图,客户机会通过访问本地的dns服务器然后逐级向上查询找到目标机器并返回给客户机,本地dns也会堆积进行记录。原创 2022-09-05 16:38:09 · 447 阅读 · 0 评论 -
momentjs常规使用说明
moment.js是一个前端比较方便的时间操作库,该库大小不到20k。操作起来却非常简单,且支持多语言功能(多语言库的大小要偏大些,大概70kb)左右,我们可以根据需求进行选择。原文链接moment下载与安装首先这里给贴出momentjs的中文官网,官网的说明相对而说应该是比较全面的。然后也会贴出写常用的moment cdn、以及npm等下载使用方式。momentjs官网常见CDNStaticfile CDNmoment.js 基础库moment-多语言支持.jsBootCD.原创 2021-12-06 09:51:01 · 798 阅读 · 0 评论 -
Babel 编译使用基础(1)
操作指南前端项目工程化不断迭代更新,新的语法功能、特性让代码的书写变得更加舒服、简洁、易读、可维护。然而,对于浏览器的语法兼容性,却并不能很好的完美兼容新提出的语法、特性,不同版本的浏览器对于兼容语法方面也有着较大的差异。这时候,babel的出现可以说是应运而生,通过对于es2015+的语法进行编译适配,可以让我们更好的关注于业务本省、用最简洁的的代码完成需求,而不需要关注不同版本之间的兼容问题。Babel可以在不同测场景有着不同的使用,如下介绍的则是在cli(命令行)环境下,如何使用babel为我们的项原创 2021-07-29 14:01:43 · 740 阅读 · 0 评论 -
useState 函数式状态管理
本文首发,可点击支持作者。React 有两种方式可以实现组件的定义,一种是通过函数实现,一种是通过class类实现。一般的通过class类实现的组件我们可以看到足够多的生命周期、状态state可供操作,而函数式组件则没有生命周期和状态值state。对就性能而言,由于函数组件需要初始化组件,而函数组件是直接通过return 返回JSX,因此函数组件的性能要优于类组件。为了性能考虑,一般的我们推荐使用函数组件来实现组件的定义。原创 2020-07-30 15:24:03 · 2654 阅读 · 0 评论 -
React 上下文Context的使用
依照3W学习原则的模式出发来思考Context的使用问题,在学会如何使用Context之前,首先我们需要来思考一下几个问题:本文首发于胖蔡杂谈,点击可查看原文 Context是什么? 为什么需要用Context? 怎么样使用Context?使用之前较为清晰的了解使用研究对象更加有助于我们的认知和加深我们对Context的理解程度。Context是什么?Context(上下文)一直在各种语言、平台之中占据较为重要的地位,它是整个程序的链接者,一直贯穿应用的整个生命周期。React中的Co.原创 2020-07-22 16:15:49 · 751 阅读 · 0 评论 -
Js 中export 和import的使用
对于模块化工程(React、Vue),export 和 import 是很常见的模块导入、导出的方法。由于对于使用的一知半解,之前常常会分不清使用场景方式,所以今天特意将 export 和 import 的使用方法总结下。本文首发于胖蔡杂谈,点击可查看原文概述export 和 import 是ES6中模块化的两个较为重要的模块,ES6 的模块自动开启严格模式,模块可以导入各种类型的变量、对象、函数、字符串、类等,每个模块都有自己的上下文,每个模块内声明的变量都是局部变量,不会污染全局作用域。每个模块.原创 2020-07-03 10:05:01 · 14928 阅读 · 1 评论 -
React应用中封装axios
本文在enjoytoday首发,点击原文查看.Axios简介Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性支持node端和浏览器端支持拦截器等高级配置使用Promise管理异步,告别传统callback方式自动转换 JSON 数据客户端支持防御 XSRF安装yarn 安装$ yarn add axiosnpm 安装npm install axios -D3.bower 安装$ bower install .原创 2020-07-03 09:52:00 · 23662 阅读 · 9 评论 -
React 自定义ListView组件
本文主要实现ListView的适配器功能,基本可以解决列表的绝大部分问题,原文可查看React 自定义ListView组件-适配模式ListView组件实现通过适配器的实现,适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。这种模式涉及到一个单一的类,该类负责加入独立的或不兼容的接口功能。这样就可以让ListView如同Android中的ListView一样动态设置Item布局、数据格式,Item类型等。/* e原创 2020-07-02 16:53:17 · 772 阅读 · 0 评论 -
JSP的介绍
JSP概念JSP全称java server page,中文含义为java服务端页面。对于jsp的理解需要和另外几个相似的概念连接起来:Html和Servlet.常规的html作为一个静态文本传输,具体显示由浏览器通过html标准负责处理,Servlet则作为客户端和服务器一个连接通信的一个基本组件(其本身也是由服务端容器定义地)。二者对于服务端而言其实就是静态响应(HTML)和动态响应的区别。Ser原创 2017-10-25 11:38:17 · 372 阅读 · 0 评论 -
Servlet 使用介绍(1)
说明本篇介绍java web中比较重要的一个技术:servlet。servlet是一种对用户请求动态响应的一个技术,是java web的核心一环。对于一般服务性质的纯后台服务应用而言,或许整个应用是由若干个servlet组成 ,而其他方面表现较弱。servlet一般的我们的应用都会发布到一个服务应用中,即一个servlet容器中,常见的servlet容器有:Tomcat,JBoss,WebLogi原创 2017-08-06 01:11:51 · 467 阅读 · 0 评论 -
Java Web工程目录结构
说明介绍java web 工程的基本结构目录。记录java web 工程结构的学习。Java web 结构java web严格来说分为两类工程结构:一个是工程编译目录结构,一个是工程发布目录结构。工程发布目录结构结构,为servlet容器加载web应用的统一标准目录,而工程编译目录结构是为了方便工程编写、修改的临时结构,需要通过工程构建工具(ant,maven,gradle等)编译生成最终的运行时发原创 2017-08-03 11:43:18 · 11291 阅读 · 1 评论 -
Servlet 使用介绍(3)
说明本篇记录一个Servlet的创建过程和基本使用.由于,Servlet是基于Http协议使用的,所以,可以在http协议的基础上作一些改变,来修改适用我自己的servlet.Servlet使用接下来实现一个简单的Servlet创建和通信,服务端创建一个Servlet来接受Post、get请求,为了便于测试客户端,我使用一个python文件模拟客户端请求。Servlet创建创建ServletDem原创 2017-08-08 08:24:22 · 381 阅读 · 0 评论 -
Servlet 使用介绍(2)
说明本篇由于介绍Servlet容器回传请求方法service(ServletRequest req, ServletResponse res);传入参数用户请求参数request和请求返回参数response的介绍。request和responseServlet-api.jar 中定义了两个基本的接口用于处理用户请求处理(ServletRequest)和用户响应返回(ServletResponse)原创 2017-08-06 11:34:59 · 310 阅读 · 0 评论 -
HTTP 协议报文解析
说明本篇主要是为了记录HTTP中报文的格式,以便针对报文进行解析。首先会介绍基础的HTTP报文,之后会介绍 文件上传时的数据报文格式.HTTP基础报文格式按照HTTP报文类型进行介绍,HTTP报文类型分为请求报文(客户端主动请求报文)和响应报文(服务端响应客户端的回传报文)。其基本的格式为:GET / HTTP/1.1Host: www.enjoytoday.cnConnection: kee原创 2017-07-02 22:52:14 · 13200 阅读 · 1 评论 -
Java web实现原理
说明最近在看一本java web和tomcat技术介绍的书籍。故此,希望通过文字总结的方式总结自己学习所获,本篇主要介绍java实现web基本的信息浏览的方法原理。web的本质由于技术能力有限,或许我的表述存在某些问题,仅供参考。web网页技术其本质包括三个要素:访问用户、浏览器(软件)、访问地址(Url).三个基本的要素构成了一次简单的网页浏览的过程。其中访问用户为数据被动接收者,浏览器为数据加工原创 2017-07-02 01:25:00 · 1652 阅读 · 0 评论