Web前端入门第 52 问:JavaScript 的应用领域
截至目前,您应该对前端的 HTML + CSS 应该有了很清楚的认知,至少实现一个静态网页已经完全不在话下了。
当然,CSS 功能绝不止这些,一些不太常用的 CSS 相关知识,后续将通过案例进行分享。
那么咱们接下来看看 JavaScript 的相关知识,作为前端领域三剑客之一,JavaScript 也是前端最核心的技术。
JavaScript 简称 JS, ...
记录---前端怎么自动检测代码更新?
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
在前端开发中,我们通常会使用打包工具(如 Vite、Webpack)将 JS/CSS 等资源构建上线,并配合 CDN、浏览器缓存来加速访问。但问题也随之而来:
“我已经发布新版本了,怎么用户还看到旧界面?”
“为啥修复的 bug 还在?”
原因很简单:用户浏览器缓存了旧的静态资源,没 ...
Web前端入门第 51 问:移动端适配的视口元标签(meta)常见使用场景
经常查看网页源码的同学应该都有注意到,基本上面向移动端的所有网站都有个 <meta name="viewport" xxx> 这样的HTML元素。
为什么需要 meta 标签?
在移动端刚起步的时候,默认网页是以 PC 端的宽度渲染,这就导致用户看到的网页过小,需要用户手动缩放才能看到网页内容。
在移动端发展过程中,标准逐渐完善,就演变出了 me ...
jQuery Ajax 实用方法精要
大家好,欢迎来到程序视点!我是你们的老朋友.小二!
jQuery Ajax 实用方法精要
核心概述
本文系统介绍了jQuery框架中Ajax相关方法的使用,从简单封装到底层实现,全面解析了如何利用jQuery简化异步请求开发。
主要Ajax方法
1. 便捷封装方法
**load()**:加载远程HTML并插入DOM
自动GET/POST转换
支持内容筛选("url ...
解决uniapp实现ios系统中低功耗蓝牙通讯失败问题
📱 UniApp 实现 App 连接低功耗蓝牙(BLE)通讯
手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目,本来 Android 版本没问题已经上线,到了发布测试 iOS 出问题了,连接上了设备但是通讯失败,排查了下才发现是协议通讯中有包含六位 ID,也就是设备的 MAC 地址,因为设备主要标识符通常是设备 MAC,Android 能直接获取, ...
vue vxe-print 打印设置边距、页头页尾高度样式
vue vxe-print 打印设置边距、页头页尾高度样式
官网:https://vxeui.com
github:https://github.com/x-extends/vxe-pc-ui
gitee:https://gitee.com/x-extends/vxe-pc-ui
设置边距
通过设置 page-style.margin 设置打印的页面边距,设置为0 就可以去掉边距
<template>
<div>
<vxe-print ref="printRef" :page-sty ...
ECharts柱状图自定义lenged 图例图标使用vue项目中assets下的的图片
<template>
<div>
<div ref="barChart" style="width: 800px; height: 600px;"></div>
</div>
</template>
<script>
import * as echarts from 'echarts';
import iconA from '@/assets/mhImg/iconTest.png';
// import iconB from '@/assets/icons/icon-b.png';
// import iconC from '@/assets/icons/icon-c.pn ...
一体化白板!一款开源的白板工具!
在日常工作中,我们常常需要使用到白板工具,用于作图,生成思维导图、流程图等来辅助工作。
今天,给大家介绍一款开源的白板工具,支持多种类型图!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
drawnix —— 一款开源的、基于 React 实现的白板工具(SaaS ...
vscode Live Server插件问题修改
基于Windows11下Visual Studio Code中的Live Server插件使用过程中出现的问题与解决方法
本文字符约881个,阅读需10分钟
问题
Open a folder or workspace... (File -> Open Folder)
这个是没有打开文件夹
点击这个后没有启动浏览器
点击后为这个
并提示
live server Server is now offline.
和
Server is Started a ...
Web前端入门第 49 问:CSS offset 路径动画演示
什么是路径动画?
随手画一条不规则的线,让元素按照这条不规则的线运动起来,这就是所谓的路径动画。
前面说过的动画都只能针对某一个 CSS 属性,要想实现路径动画可没办法,路径动画必须借助 CSS3 的 offset 相关能力。
offset 相关属性
要实现路径动画,必须用到 offset 的相关属性:
offset-anchor 指定元素的运动中心 ...
国际化利器 Intl Messageformat
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:霜序
Formats ICU Message strings with number, date, plural, and select placeholders to create localized messages.
ICU 信息语法
ICU 是 International Components ...
【JavaScript的加减乘除,解决小数准确度缺失问题】
加
/**
** 加法函数,用来得到精确的加法结果
** 说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
** 调用:accAdd(arg1,arg2)
** 返回值:arg1加上arg2的精确结果
**/
function accAdd(arg1, arg2) {
var r1, r2, m, c;
try {
r1 = arg1.t ...
Vue 3中的ref和template refs详解(含Vue2迁移到Vue3方法)
Vue 3中的ref和template refs详解
在Vue 3中,ref和模板引用(template refs)是两个相关但不同的概念,它们在组合式API(Composition API)中扮演着重要角色。
ref - 响应式引用
ref是Vue 3中创建响应式数据的主要方式之一。
基本用法
import { ref } from 'vue'
// 创建一个响应式引用
const count = ref(0)
// 访问或 ...
Axios详解及用法
Axios简介
Axios是一个基于Promise的HTTP客户端,用于浏览器和Node.js环境。它提供了一个简单、方便的API来处理HTTP请求和响应,并具备多种强大的特性,使其成为现代Web开发中不可或缺的工具。
Axios的用法
1.安装Axios
在Node.js项目中,可以通过npm或yarn安装Axios。在浏览器中,可以直接通过script标签引入Axios的CDN ...
记录---五分钟带你学会,同一个域名下,部署多个项目
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
需求描述
在某些情况下,同一个域名下,要布置多个子项目
比如公司没钱,资源紧张,域名少,域名临时没有申请下来,不够用等
或者主项目下,要有其他子项目的时候
这个时候,我们需要把子项目给做相应的修改
同时,nginx做对应的修改,才能实现文章标题的需求功能
注意:主 ...
CSS 魔法与布局技巧
CSS 布局与视觉效果常用实践指南
在我一篇随笔中其实有说到十大布局,里面有提到 flex 布局、grid 布局、响应式布局,不过没有提到容器查询这个,现在说下这三个布局然后穿插下容器查询吧。
1️⃣ 核心布局方案
🧩 Flexbox 弹性布局
适用场景:线性布局、动态内容对齐,例如按钮组、导航栏、商品卡片列表
.navbar {
disp ...
ChatGPT 前端开发
ChatGPT 前端开发
最近在学校把导师安排的项目结项了,然后课余时间花了差不多两个周左右的时间跟着这个项目做了一下,主要是想先熟悉一下前端开发的大致流程。
项目代码:https://github.com/CuriosityWang/chatgpt
项目演示:http://49.235.90.42:3000/
收获
目前还没有详细的学习对应方法的实现,思路是先熟悉整个项目 ...
vxe-table 实现行与列反转,翻转表格行与列数据显示
vxe-table 实现行与列反转,翻转表格行与列数据显示
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
反转表格,只需要将 columns 和 data 数据进行反转就可以实现
<template>
<div>
<vxe-grid class="reverse-table" v-bind="gridOp ...
尝试制作Edge扩展
觉得图片右边那个翻译的插件很有趣,自己手痒了,打算做一个试试类似划词翻译的插件
登录Edge插件官网查看扩展
浏览器搜索edge扩展怎么写
参考知乎|如何从零开始写一个Edge扩展? 和 稀土掘金|Edge浏览器插件开发从入门到上架
自己写了一遍manifest.json,又通过Manifest file format for extensions大致了解一下都有哪些 ...
基于SaaS纯BS架构的全院级云PACS系统
2014年曾经做过一版简单的Dicom Web Viewer,之前的Web版本由于技术和功能的极限性,仅能简单的运用于临床阅片和患者的电子胶片使用,无法普及到放射和超声等影像科室。影像科室用的是基于Swing开发的桌面运用程序。两套程序对于开发和部署无法统一。 2021年4月偶然的机会 ...