前端 技术文章精选

前端打包工具 Esbuild

JavaScript 社区中有很多程序的打包工具,如 Webpack、Rollup、Parcle 等,它们都是使用 JavaScript 构建的,性能方面有很多不足。而 Esbuild,采用 Go 语言开发,并且基于浏览器内置支持的 ESM,运行速度得到了显著提高。为什么选 vite?什么是 ESM?ESM: es 就是 ES 模块。具体工作原理参见官方解释:ES module 工作原理Snowpack 是首次提出利用浏览器原生 ESM 能力的工具。开发过程中,Snowpack 为你的应用程序

前端开发环境搭建

安装Node.js1.下载地址:Node.js2.安装Node.js(傻瓜式安装)双击“node-v16.14.0-x64.msi”,开始安装node.js,自定义安装在D:\install\nodejs文件夹下。安装完成后,在cmd控制台输入:node -v,控制台将打印出版本号,则表示安装成功该引导步骤会将node.exe文件安装到D:\install\nodejs目录下,并将该目录添加进PATH环境变量安装npm由于新版的node.js已经集成了npm,所以在第2步时npm也一并安装

前端架构之脚手架原理分析(一)

脚手架是什么呢 脚手架的本质就是一个操作系统的客户端 它通过命令行执行当我们开发的时候 现在很多人几乎都是依赖于框架 只需要敲敲命令就会把基础的体系给搭建出来了 但是 你们有没有想过 当我们敲命令的时候 为什么就会走一系列的流程呢 我们就以vue为例vue create demo当我们输入的时候 为什么就会被执行呢 先思考一下 在往下面看上面的命令是由3个部分组成的主命令 : vuecommand: createcommand的param :demo首先先...

前端和后端到底有什么区别?——第100篇文章(送给迷茫的你)

前言昨天,有一个大三粉丝小姐姐问我什么是前端,什么是后端,说她现在很迷茫,我也是本着助人为乐的精神很耐心的给她讲解了一下,今天闲着,也就像这把这个整理成博客来送给迷茫的你。计算机专业大致分为几类由于专业很多,笼统的来讲就是软件和硬件,硬件我也还没有涉猎过,从软件开始说。软件开发一般分为5个阶段,分别是:问题的定义及规划、需求分析、软件设计、程序编码、软件测试。对应的大致程序员就是开发程序员(前端,后端),运维程序员,测试程序员,当然还要有产品相关的,我们这里也不说了。前端,后端区别对应标题,我

前端的Vue相关的项目经验

加载数据写在created()钩子函数里面,页面执行完毕就会进行加载。可以进行引入相关的公司封装好的js文件进行发送相关的请求,自己可以进行创建js文件并进行相关的引入。比如 modules/systing/otherain/clmnumUphold.一些下拉框和一些相关的共用的重复的数据也可以封装在js中,并进行相关的引入。vue是动态路由的配置,按f12,然后在Application下面的Session Storage里面查找你的相关的路径的名称进行命名。vue的push函数,和复制功能的使用.

前端常用的【文件下载操作1】前端配合后端进行文件下载==>根据url下载 ==>根据blob下载

当我不再固执于我,而是站在更高的角度看待自己时,才能真正看到更真实的自己。 ---我在未来等你当前项目:网安信息化系统安全运维管理平台本章主要涉及:工单管理and资源配置模板下载一.根据url下载文件1.功能设计点击模板链接,下载文件,下载的文件的文件名为对应模板名称。2.接口返回值// 资源管理页面-导入-下载模板export......

从前端角度谈谈单页应用的 nginx 配置

有段时间没搞项目部署了,结果最近有同事在部署前端项目的时候,访问页面路由,响应都是 404,排查了半天,这里再总结一下。前端单页应用路由分两种:哈希模式和历史模式。哈希模式部署不会遇到啥问题,但是一般只用于本地调试,没人直接部署到生产环境。历史模式的路由跳转通过 pushState 和 replaceState 实现,不会触发浏览器刷新页面,不会给服务器发送请求,且会触发 popState 事件,因此可以实现纯前端路由。需要注意,使用历史模式的时候,还是有两种情况会导致浏览器发送请求给服务器:输入

前端之HTML视频、音频

前端之HTML视频、音频网页中的音频和视频<video> 元素简单视频格式问题多播放源视频其他特性网页中的音频和视频HTML5 添加了许多的新特性,包括 <video> 和 <audio> 标签,以及一些 JavaScript 和 APIs 用于对其进行控制。YouTube 、Dailymotion 、Vimeo、Bilibili等在线视频提供商,以及Soundcloud等在线音频提供商 。这些公司提供方便、简单的方式来支持视频,不必担心庞大的带宽消耗。<v