利用Chatgpt学习认识jQuery(1)
2024-03-06通过和chatgpt对话,一步一步学习jQuery以帮助自己理解代码_jquery请求chatgpt
使用Canvas实现动态更新的折线图
2024-03-05最近正在做一个uniapp项目,其中需要画一个两根折线的折线图,但是要求,差不多,折线图也需要及时更新。一开始我使用echarts去做,根本刷新不过来,摁暂停按钮时,也卡的一批,后面我又尝试uchart,chart.js,anychart,但是他们都渲染不过来,抽样也想过,但业务不允许。最后没办法,只能自己用Canvas自己写一个。_canvas局部更新
使用CSS自定义浏览器滚动条样式 (webkit 已最新支持 scrollbar-width)
2024-03-05在不同的浏览器下默认的滚动条样式是不一样的,为了美观和统一必须修改滚动条的样式。网页中我们可以使用CSS在默认滚动条的基础上直接进行样式修改。通常来说,webkit内核的浏览器是仅支持"-webkit-scrollbar"、却不支持"scrollbar-width"的。而在最近,webkit内核的浏览器也开始支持"scrollbar-width"了。本文将带你了解 webkit对"scrollbar-width"的支持表现、使用中可能遇到的问题,以及如何在浏览器兼容性之间作出效果的平衡。_scrollbar-width
解决vue3项目跳转同一页面数据不刷新的问题
2024-03-04原因:router-view使用了keep-alive组件,会被缓存,而vue-router的切换不用于传统的页面切换。是路由之间的切换,组件之间的切换,引用相同组件的时候,会被直接调用缓存里面的而不会调用Created(),onMoun ted()函数。如图所示:要实现的功能是点击每一个tabs栏下的更多按钮,会跳转到“消息中心”页面,这是点击不用的“更多”按钮,跳转的路由页面是同一个,但是要求页面里的消息类型下拉选择框和列表数据要刷新,显示不同的数据。现在的问题是:页面跳转数据不刷新。_vue3 跳转相同路由不刷新
React craco 详细使用与介绍(类似 Vue 外抛的 vue.config.js)
2024-03-03craco 官方文档。craco是一个用于扩展的工具,CRA是一个用于快速搭建React应用的脚手架工具。CRA提供了一个简单的项目结构和配置,使得开发者可以快速开始一个React项目的开发。然而CRA的配置是被隐藏的,开发者无法对其进行自定义和扩展。这就是craco出现的原因。允许开发者覆盖和扩展CRA的配置,以满足更复杂的项目需求。使用Craco,开发者可以在不弹出CRA的配置的情况下,修改webpack 配置babel 配置ESLint 配置devServer配置等。craco。_craco.config.js
ant-design-vue中table组件使用CustomRender渲染v-html
2024-03-031、customRender可以使用,但是使用v-html发现不生效还报错。2、customRender函数返回肯定是jsx语法,于是发现这样写可以。ant-design-vue遇到table中列表数据需要高亮渲染。_vue customrender中怎么用 v-html
用CSS SVG foreignObject实现动画组件
2024-03-02这样的属性,这就是命名空间(namespace)。如果不给svg标签添加命名空间,那么浏览器会当作文本来识别收到一个需求,要求做出如上图一样的文字摇曳的SVG,我的脑子里闪过svg、path、group、text……等等SVG的标签,这太让人崩溃了。SVG多麻烦,难道不能用div css动画来做吗?SVG有没有兼容前端开发习惯的写法呢?诶,还真有,SVG的 元素就支持在里面写HTML和CSS。_css 动画组件
vite vue3 ts搭建项目八(打包性能优化三:使用CDN)
2024-03-01解决:importToCDN时在引入vue后添加vue-demi,已在vite.config.ts中给出,其他插件在vue-demi之后(顺序很重要)直接按照下面这张方法是不行的,在vite.config.ts文件中,为importToCDN添加。这样就不需要手动引入了,但是需要添加一个新的npm包,实际项目中可以自行选择是否添加。需要注意的是,css可以使用本地的,使用本地的就不要添加css,输入对应名称,会自动跳转到对应的js文件,复制粘贴,,如上注释所示,其实是不需要的,:网上很多教程,还需要在。_vite cdn
HTML5 CSS3 JS实现简单的音乐播放
2024-02-29在上面的代码中,我们使用了HTML5的标签来嵌入音乐,并添加了两个按钮用于控制音乐播放。然后,我们使用CSS样式对页面进行了简单的美化。最后,我们使用JavaScript来监听按钮点击事件,并调用play()和pause()函数来控制音乐的播放和暂停。当然,这只是一个最简单的音乐播放器示例,还可以添加更多的功能和样式来进行扩展。_html点击文字播放音乐
用Customize-cra react-app-rewired配置less css module
2024-02-29直接导出,会报以下错误。_customize-cra配置css additionaldata