当我第一次看到这动画效果时，还以为是通过 GIF、CSS3 或者 Canvas 制作的。结果出乎意料，居然是用 SVG 实现的！ 也许你对 SVG 动画还不太熟悉，那就让我们一起开启这场奇妙的旅程吧！ 什么是 SVG 动画？ SVG（Scalable Vector Graphics）是一种用于描述二 阅读全文
一、Canvas介绍 1. canvas是html5的一个新标签，属于h5的新特性2. canvas标签是一个图形的容器，简单点说就是一块画布，你可以在上画矩形，圆形，三角形，折线等等,也可以用来画logo3. 它是通过javascript来画的，即脚本绘制图形 canvas可以用来干啥呢？1. 制 阅读全文
在 JavaScript 中，setTimeout 和 setInterval 是处理异步操作的常用方法，分别用于延迟执行代码和定时执行代码。虽然它们使用起来十分简单，但背后的工作原理和实际应用却有许多值得探讨的细节。 一、setTimeout 和 setInterval 基础用法 1. setTi 阅读全文
在前后端分离的开发模式下，跨域问题是一个常见且需要解决的问题。本文将介绍跨域的概念、产生原因以及常用的解决方案。 一、什么是跨域问题 跨域问题是指浏览器出于安全考虑，遵循同源策略（Same-Origin Policy），限制从一个源（协议、域名、端口）对另一个源的资源进行访问。当前端请求的接口与其所 阅读全文
在移动端H5项目中，首页白屏时间过长会严重影响用户体验，导致用户流失和跳出率上升。本文将从白屏时间的定义、常见原因、优化方案等方面，详细讲解如何有效缩短H5首页的白屏时间。 一、白屏时间的定义 白屏时间通常指的是用户从点击页面到看到首屏内容所经历的时间，通常包括以下几个关键阶段： DNS解析：浏览器 阅读全文
1. 深度选择器的背景 在 Vue 组件的 scoped 样式中，CSS 选择器默认仅作用于当前组件的 DOM 元素，无法直接影响子组件的内容。为了提供一种方法可以“深入”子组件的结构并应用样式，Vue 引入了深度选择器。 2. 何为深度选择器？ 深度选择器用于在 scoped 样式中穿透子组件的样 阅读全文
JavaScript 真是一个特殊的语言, 其他语言都只有一个表示 "无" 的值, 比如 Java 语言用的是 null, C 语言用的是 NULL, Python 语言用的是 None, Ruby 语言用的是 nil. 只有 JS 里面表示 "空" 的有两个, 一个是 undefined, 一个是 阅读全文
先有问题再有答案 滚动的前提是什么 浏览器提供了哪些滚动api scroll, scrollTo, scrollBy, scrollIntoView 有什么区别？ 这些api具体如何使用 这些api在使用上有什么问题 如何实现一个smooth效果的scrollTo api？ offsetTop、of 阅读全文
将<script>标签放在<head>和<body>底部，会对页面的加载和性能产生不同的影响： <script>标签放在<head>部分 优点： 1.预加载：浏览器在渲染页面之前，会先下载和解析所有在<head>部分的脚本文件。这样可以确保脚本在页面加载过程中随时可以被调用。 2．全局可用性：一些脚 阅读全文
最近给之前的老项目增加的一个配送骑手地图显示，要应用高德地图，这里就简单的把代码摘点出来，做个小随笔。 参照路径规划-参考手册-地图 JS API 1.4 | 高德地图API AMap.Riding AMap.Riding骑行路径规划服务，提供起始、终点骑行路线查询服务。用户可以通过自定义回调函数取 阅读全文
浙公网安备 33010602011771号