object-fit：指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、 Parcel地址：https://parceljs.orgParcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用 ...

为什么明明输入的网址是A，但是打开的网站是B？为什么别的站点随便什么网址打开都是同一个页面？为什么别人换了网址也不需要单独说明？让我们走进边缘规则的妙用解开谜底。 经常会有朋友来问，网站访问时会自动从 HTTP 跳转到 HTTPS 并反馈 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

网络身份的验证的场景非常普遍，比如用户登陆后才有权限访问某些页面或接口。而HTTP通信是无状态的，无法记录用户的登陆状态，那么，如何做身份验证呢？ 下面，会从浅入深，陆续介绍几种常用的认证方式和相关概念。文章较长，请耐心阅读。 1. 鉴权与 ...

HTTP是Web中常见的通信方式，无状态，简单易用。当然，它的不足之处也非常明显： 通信使用明文，内容可能被窃听 不验证通信方的身份，有可能遭遇伪装 无法证明报文的完整性，所以报文有可能被篡改 为了解决HTTP协议的痛点，采用通信加密的方式 ...

vite 一种新的、更快地 web 开发工具 Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持， ...

硬件和软件技术的进步是推动整个互联网技术进步的主要因素。顶尖的编程语言是现代技术与新兴技术的核心组成部分。今天的开发人员需要学习的编程语言比以往任何时候都要多。同样，许多IT外包公司现在正在使用大量语言来构建所有不同类型的软件应用程序。 对 ...

你想要的WebAssembly入门与实践 WebAssembly是由主流浏览器厂商组成的 W3C 社区团体 制定的一个新的规范。WebAssembly/wasm WebAssembly 或者 wasm 是一个可移植、体积小、加载快并且兼容 ...

上传图片是日常项目中经常遇到的功能，需要使用到wx.chooseImage(Object object)函数。 参数说明如下： 实现思路： 先调用小程序打开相机或从相册选图接口wx.chooseImage(Object object)，然后 ...