Nov262022
使用Canvas绘制图形和动画效果
在Web开发中，如果需要绘制复杂的图形或者制作动画效果，就需要使用到HTML5中的Canvas元素。Canvas提供了在浏览器中绘制图形的API，可以实现各种各样的效果。
1. Canvas基础知识
Canvas是一个矩形区域，可以使用HTML的<canvas>标签创建。在Canvas中，我们可以使用JavaScript动态绘制图形、图像和动画。
下面是一个最基本的Canvas示例，创建一个300×150像素的Canvas区域：
<...阅读全文
抢沙发
Nov252022
Nov252022
如何通过jQuery实现图片懒加载的懒加载
图片懒加载是一种优化网页性能的常用技术之一。通过在图片进入可视区域之前不加载图片，在图片进入可视区域后再加载，可以大大减少页面的加载时间和流量消耗。本文将介绍如何使用jQuery来实现图片懒加载。
什么是图片懒加载？
图片懒加载又被称为延迟加载，是一种在需要用到某个资源时才进行加载的技术。对于网页中的图片，通常情况下用户需要滚动页面才能看到图片。传统的加载方式会导致...阅读全文
Nov192022
Vue.js与React的区别与选择
在前端开发领域，Vue.js和React都是非常流行且常用的JavaScript框架。它们的目标都是提供一种灵活、高效的方式来构建用户界面，然而它们之间有一些重要的区别，我们在选择使用其中之一时需要考虑这些差异。
组件化
Vue.js和React都采用了组件化的开发模式，这使得代码更容易维护和复用。然而，两者在组件化的实现上有一些差异。
在Vue.js中，组件是Vue实例的扩展，通过Vue的选项来定义组...阅读全文
Nov182022
Nov182022
正则去除行内css样式
去除行内所有的css样式：后台获取到的 html(string)难免会携带有行内css，这种行内样式甚是麻烦不如去掉重写
var dom='<div style="width:500px;height:100px;background-color:#000000;">你说啥，我木听清</div>'
var reg = /style\s*?=\s*?(['"])[\s\S]*?\1/g;
console.log(dom.replace(reg,''));
<div>你说啥，我木听清</div>
阅读全文
Nov092022
HTML中的Illegal character非法字符问题如何解决
在HTML中，当使用非法字符时，浏览器会显示一个”Uncaught TypeError: Illegal character”的错误消息，使网页无法正常运行。这些非法字符可能包括Unicode字符、特殊符号或无效的HTML实体。
那么，该如何解决这个问题呢？以下是几种常见的解决方法：
1. 替换非法字符
首先，我们需要确定哪些字符在HTML中是非法的。常见的非法字符包括 “<“, “>”,...阅读全文
Nov062022
使用jQuery开发交互式网页
在现代Web开发中，交互式网页已经成为必不可少的一部分。而jQuery作为最受欢迎的JavaScript库之一，为我们提供了丰富的工具和功能，帮助我们快速构建交互式网页。本文将介绍一些jQuery的常用功能和技巧，以帮助你更好地开发交互式网页。
1. 引入jQuery库
首先，在开发交互式网页之前，我们需要在页面中引入jQuery库。你可以从jquery.com官方网站上下载最新版本的jQuery文件。
<script ...阅读全文
Oct282022
使用jQuery实现图片放大镜效果
图片放大镜效果是网页设计中常用的特效之一，它可以让用户在鼠标悬停在图片上时放大图片的细节部分，提供更好的视觉体验。在本篇博客中，我们将使用jQuery库来实现这一效果。
准备工作
首先，我们需要引入jQuery库。你可以从官方网站上下载最新版本的jQuery，并将其引入到你的HTML文件中。
<script src="jquery.js"></script>
接下来，我们准备一张图片。
<img id="image...阅读全文
Oct232022
