沐枫

Vite3 + Vue3 + Ts 解决打包生成的index.html页面显示空白、报资源跨域、找不到资源、404-Page Not Found等错误。在用Vue3 + Ts进行项目开发，通过Vite进行构建打包后，直接在本地以文件系统的方式，用浏览器直接打开dist目录下的index.html文件访问时，浏览器页面显示空白、打开控制台后有报错、应该路径找不到对应的文件。

TypeScript配置文件详解与使用，TS编译、配置

前言在Web项目开发过程中，文件上传功能几乎必不可少的，很多时候，我们在进行文件上传时，尤其是向普通用户开放文件上传功能时，一般都需要对上传文件的格式进行一些限制，以防止不良用户、黑客等将带有病毒脚本文件上传到服务器中，常见文件格式限制如下。1、通过input标签的accept属性进行限制我们可以通过HTML5中的 input file 标签的accept属性，根据自己的需求，在选择上传文件的时候，指定可见的文件类型格式（默认任意类型 ）来进行限制。实例代码：<input type="fi

前言：在Web开发过程中，当项目做得越来越大时，文件上传功能也会被使用得非常多，之前项目经理反馈一个问题，就是当点击[选择上传文件]按扭时，弹出文件浏览框总是很慢，点击上传按扭后，要很久文件选择窗口才能弹出来，经过一翻折腾，后来发现是因为input file类型的标签中 没有限制指定可上传的文件类型 accept="*" (默认全部类型)。所以它会检索全部类型，从而导致在弹出文件选择窗口时慢的问题。然而，在HTML5中使用 input file控件 选择上传文件的时候，根据需要可限制指定的文件类型

wxEditor 微信公众号编辑器wxEditor是基于UEditor UTF8-PHP v1.4.3版，进行二次开发的（微信公众号编辑器也是UEditor二次开发的）一个，符合编辑发布文章 到 微信公众号上的在线图文编辑器。打造一个符合编辑发布文章 到 微信公众号 的在线图文编辑器！修改以前不足，提高用户体验，增添强大功能。实例地址：https://muguilin.github.io/wxEditor实例效果：QQ音乐在线搜索网络视频、本地视频网络图片、本

前言众所周知，VS Code源代码编辑器，是目前最为流行的代码开发工具之一，特别受到Web前端开发者的青睐，当然还有大名鼎鼎的HBuilder X也是非常给力的，我们可以根据自己的需要去选择。由于在最近的项目中有个功能需要在C++语言中完成，本来想用Visual Studio IDE来做，但考虑到软件太重，所以就用VS Code来做，可是VS Code默认是不能编译C/C++代码的，现将在VS Code中运行C或C++程序的方法做如下记录。一、C/C++代码提示、高亮扩展的安装首先要在VS Code

它是 PostCSS 的一个插件，它从像素单位生成视口单位（vw、vh、vmin、vmax）。PostCss-Px-To-Viewport 插件可将css中的px单位 自动转换 成viewport（vw/vh）单位npm地址：https://www.npmjs.com/package/@ttou/postcss-px-to-viewport1、安装postcss-px-to-viewport插件npm install -D postcss-px-to-viewport或：yarn add.

什么是SSR(服务端渲染)MUA？SSR是Server Side Render的缩写，简单来讲：服务端渲染 就是网页上面呈现的内容在服务器端就已经生成好了，当用户浏览网页时，服务器把这个在服务端生成好的完整的html结构内容响应给浏览器，而浏览器拿到这个完整的html结构内容后直接显示(渲染)在页面上的过程。SSR(服务端渲染)是如何出现的？其是 SSR服务端渲染 早就有了，或者是说，在CSR(客户端渲染) 没有出现之前，以前的Web网页都是服务端渲染，如：JSP，ASP，.NET，SMARTY等等是

前言在之前的一个项目中，后来的新需求是要求有实现一个实时通迅的聊天室，由于之前的技术栈的选型，后端是用Koa2 + TypeScript3 + MongoDB4，前端是用Angular10 + ng-zorro-antd10组成的一个前后端分离项目，所用只能在此基础上进行开发。说到实时通迅，首先就想到的是用WebSocket来做，但由于原生的WebSocket服务端实现起来较为繁琐，所以刚开始就用第三方封装好的koa-socket来实现可是出现各种问题，后来又用koa-socket-2也是四处碰壁，也是

前言最近在公司的一个WebH5项目中，有个生成二维码 和 识别二维码的需求（要脱离微信环境、微信JS-SDK，微信小程序、微信受权，[就是可以在普通的浏览器中运行]），要求可以在PC端、移动端。关于二维码生成：相信大家做过，直接用的 qrcode.js、vue-qr 等前端库就可以实现比较简单。关于二维码识别：之前都是在微信环境中开发的，一旦脱离微信环境就用不了，所以现在正好项目有这个需求，经过一翻折腾实现了在PC端，移动端的二维码识别解析功能。该Demo功能共分为：HTML版 和 Vue版 两个版

模块化的作用及来由：主要是现实代码可复用，拥有独立的作用域，防止全局污染，提高开发效率、降低维护成本等等。有了模块后，我们就可以根据相应的需求加载对应的模块，想要什么功能，就加载什么模块，npm就是最大的模块仓库。尽管如此，在早些时候，JS模块化规范还是出现了多种规范。幸运的是，现在及将来，趋势将是ES6中原生支持的ESM规范一统江湖。JS模块化规范分类(大至如下5种)： CJS、AMD、CMD、UMD、ESM。一、CJS规范规范代表库：CommonJScommon.js主要用

Demo说明：根据输入的经伟度坐标，查询获取对应所在地址位置；可通过该功能，将结构化地址（省/市/区/街道/门牌号）解析为对应的位置坐标，逆地理编码服务提供将坐标点（经纬度）转换为对应位置信息（如所在行政区划，周边地标点分布）功能，服务同时支持全球行政区划位置描述及周边地标POI数据等。逆地理编码：逆(反向)地理编码是将点位置（纬度、经度）反向编码为可读地址或地名的过程。这允许识别附近的街道地址，地点和/或区域细分，例如社区、县、州或国家。与地理编码和路由服务相结合，反向地理编码是基于移动.

前言：现在前端项目开发过程中，大部分的项目都是前后端分离的（就后端开发用 如：PHP、Java、Go 等语言 + 数据库进行开发，只提供API接口数据，而前端开发用 如：Vue.js React.js Angular.js 框架进行开发，前后端业务交互用Ajax请求API交互数据。在项目开发初期，一般都是前端开发人员都先在本地进行开发(就是还没打包构建时)，所以前后端进行联调的时候就会出现一个常见的问题，那就是Ajax请求跨域问题。其实前端和后端是不存在跨域的，而是前端在通过浏览器请求访问时，浏

写在前面：网页浏览器为什么要有缓存浏览器缓存（baiBrowser Caching）？我们都知道，在浏览器中打开一个网址时会经过：URL 解析 -> DNS 查询 -> TCP 连接 -> 处理请求 -> 接受响应 -> 渲染页面等一系步骤后，并且在不出任何(如，网速太慢，突然断网，服务器出错，代码出错等)意外的情况下，页面内容才能正常的展现在我们眼前。而且在网页中所加载各种资源，都要建立HTTP连接，客户端(浏览器) 和 服务器要经过三次握手，四次挥手，再经过DO

极速构建漂亮的原生应用Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。Flutter中文官方文档：https://flutterchina.club一、下载安装Flutter SDK1、下载地址：https://flutter.dev/docs/development/tools/sdk/releas..