截至目前，您应该对前端的 HTML + CSS 应该有了很清楚的认知，至少实现一个静态网页已经完全不在话下了。 当然，CSS 功能绝不止这些，一些不太常用的 CSS 相关知识，后续将通过案例进行分享。 那么咱们接下来看看 JavaScript 的相关知识，作为前端领域三剑客之一，JavaScript ...

‍ 写在开头 点赞 + 收藏 学会 在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来： “我已经发布新版本了，怎么用户还看到旧界面？” “为啥修复的 bug 还在？” 原因 ...

经常查看网页源码的同学应该都有注意到，基本上面向移动端的所有网站都有个 <meta name="viewport" xxx> 这样的HTML元素。 为什么需要 meta 标签？ 在移动端刚起步的时候，默认网页是以 PC 端的宽度渲染，这就导致用户看到的网页过小，需要用户手动缩放才能看到网页内容。 在 ...

本文全面解析jQuery Ajax核心方法，包括load()、get()、post()的用法，以及底层$.ajax()的精细控制。涵盖Ajax事件机制、JSONP跨域请求和表单序列化技巧，帮助开发者优化前端数据交互，提升Web应用性能。适合前端入门及进阶学习。 ...

UniApp 实现 App 连接低功耗蓝牙（BLE）通讯 手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目，本来 Android 版本没问题已经上线，到了发布测试 iOS 出问题了，连接上了设备但是通讯失败，排查了下才发现是协议通讯中有包含六位 ID，也就是设备的 MAC 地址，因为设 ...

vue vxe-print 打印设置边距、页头页尾高度样式 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 设置边距 通过设置 ...

<template> <div> <div ref="barChart" style="width: 800px; height: 600px;"></div> </div> </template> <script> import * as echarts from 'echarts'; impor ...

drawnix —— 一款开源的、基于 React 实现的白板工具（SaaS），实现一体化白板功能，包含自由画、思维导图、流程图等。 ...

基于Windows11下Visual Studio Code中的Live Server插件使用过程中出现的问题与解决方法 本文字符约881个，阅读需10分钟 问题 Open a folder or workspace... (File -> Open Folder) 这个是没有打开文件夹 点击这个后 ...

什么是路径动画？ 随手画一条不规则的线，让元素按照这条不规则的线运动起来，这就是所谓的路径动画。 前面说过的动画都只能针对某一个 CSS 属性，要想实现路径动画可没办法，路径动画必须借助 CSS3 的 offset 相关能力。 offset 相关属性 要实现路径动画，必须用到 offset 的相关属 ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 Formats ICU Message strings with number, date, plural, and select placeholde ...

加 /** ** 加法函数，用来得到精确的加法结果 ** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 ** 调用：accAdd(arg1,arg2) ** 返回值：arg1加上arg2的精确结果 **/ function accA ...

Vue 3中的ref和template refs详解 在Vue 3中，ref和模板引用（template refs）是两个相关但不同的概念，它们在组合式API（Composition API）中扮演着重要角色。 ref - 响应式引用 ref是Vue 3中创建响应式数据的主要方式之一。 基本用法 i ...

Axios简介 Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。它提供了一个简单、方便的API来处理HTTP请求和响应，并具备多种强大的特性，使其成为现代Web开发中不可或缺的工具。 Axios的用法 1.安装Axios 在Node.js项目中，可以通过npm或y ...

‍ 写在开头 点赞 + 收藏 学会 需求描述 在某些情况下，同一个域名下，要布置多个子项目 比如公司没钱，资源紧张，域名少，域名临时没有申请下来，不够用等 或者主项目下，要有其他子项目的时候 这个时候，我们需要把子项目给做相应的修改 同时，nginx做对应的修改，才能实现文章标题 ...

CSS 布局与视觉效果常用实践指南 在我一篇随笔中其实有说到十大布局，里面有提到 flex 布局、grid 布局、响应式布局，不过没有提到容器查询这个，现在说下这三个布局然后穿插下容器查询吧。 1️⃣ 核心布局方案 Flexbox 弹性布局 适用场景：线性布局、动态内容对齐，例如按钮组、导航栏 ...

vxe-table 实现行与列反转，翻转表格行与列数据显示 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 反转表格， ...

觉得图片右边那个翻译的插件很有趣，自己手痒了，打算做一个试试类似划词翻译的插件 登录Edge插件官网查看扩展 浏览器搜索edge扩展怎么写 参考知乎|如何从零开始写一个Edge扩展？ 和 稀土掘金|Edge浏览器插件开发从入门到上架 自己写了一遍manifest.json，又通过Manifest f ...

2014年曾经做过一版简单的Dicom Web Viewer，之前的Web版本由于技术和功能的极限性，仅能简单的运用于临床阅片和患者的电子胶片使用，无法普及到放射和超声等影像科室。影像科室用的是基于Swing开发的桌面运用程序。两套程序对于开发和部署无法统一。 2021年4月偶然的机会接触到一家做S ...

一、目标 1. 生成道路：通过提供的一些随机的点信息，自动扩展成一定宽度的道路，道路具有路沿点、道路中心点分上下行车道，点的方向根据实际车道运行的方向生成。 2. 生成路口：如果多天道路之间有相交，则可以自动在交叉位置计算出道路路口，方便后续车辆在路口拐弯的计算和展示美观，无线路交叉感。 二、实现原 ...