- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端如何使用svg图片
粘贴到这里，它会自动转码，然后将转码后的代码复制到你的css样式中。2.进行svg转码，这里提供一个好用的转码网址。以阿里巴巴矢量图标库举例。1.首先复制svg代码。3.复制到你的代码中。
2024-12-03 10:32:18
400
原创 记录thinkphp中，如何将用逗号分隔的字符串转为数组（包括只有一个数值没有逗号隔开，导致分隔后会有一个空字符串的情况）
【代码】记录thinkphp中，如何将用逗号分隔的字符串转为数组（包括只有一个数值没有逗号隔开，导致分隔后会有一个空值的情况）
2024-11-22 16:22:51
140
原创 react启动项目报错：Module not found: Error: Can‘t resolve ‘@/路径‘ in ‘路径‘
原因：这个错误是由于create-react-app项目已经不再维护，所以babel-preset-react-app依赖的 "@babel/plugin-proposal-private-property-in-object"包可能不再更新，导致出现未声明依赖的错误。文件中添加"@babel/plugin-proposal-private-property-in-object"包到devDependencies中。原因：webpack没有对@绝对路径进行配置，导致没有办法识别该路径。
2024-08-02 16:08:15
2220
原创 项目打包时报错：Unexpected token import
2、在babel.config.js配置文件中声明该插件。3、设置.eslintrc.js配置文件。4.重新npm run build即可。
2024-07-25 11:50:09
360
原创 利用WebSocket技术实现实时通信
WebSocket是一种在单个TCP连接上进行全双工通信的协议。为什么不用HTTP协议而是用WebSocket呢？因为HTTP 协议有一个缺陷：通信只能由客户端发起，而WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。其实一句话就可以做出概括：它就是一种网络通信协议，很多高级功能都需要它。
2024-04-27 21:32:17
2457
1
原创 实现电商的鼠标悬停模拟放大镜功能
在很多网页上特别是电商网站上我们经常看到当我们的鼠标悬停在某张图片上时会有类似放大镜的效果 ，以下这张图是实现该功能后的效果图。html以及js代码。
2024-04-26 20:59:08
620
原创 实现无限加载功能
无限滚动功能通常是通过监听滚动事件，并在用户滚动到页面底部时自动加载更多内容来实现的。通过滚动区域高度+可视区域高度>=文档总高度来判断是否用户滑动页面时是否已经触底。若已触底则发送请求加载新内容。首先，你需要在HTML中设置一个容器来显示内容，还可以设置一个等待加载新内容时的动画（初始时可能是隐藏的）。
2024-04-25 18:07:56
392
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人