2024-03-20仔细分析下这个按钮的元素可以发现除了星星，全都是圆形，云也是很多个圆组成的。那就直接用圆形去排版就好了，全部用absolute定位，调整好位置。然后星星最简单的实现方法就是用svg，path > d里面用c可以实现三次贝塞尔画路径，这样星星形状也解决了。最后布局定好之后就是动效，css>transition可以搞定所有动效。在这个基础上可以再优化，比如回弹效果，只要把ease-in-out改成自定义贝塞尔曲线就行。例如改成：transition: all 0.6s cubic-bezier(0.39,_原生代码

https://www.qianduange.cn//article/3996.html 分类：前端知识

2024-03-20clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的 URL 定义的路径或者外部 SVG 的路径。使用 border 实现三角形应该是大部分人都掌握的，也是各种面经中经常出现的，利用了高宽为零的容器及透明的 border 实现。使用伪元素在一个正方形的元素上创建一个完全重叠的圆形，并使用transform属性将其缩小到所需大小。将一个正方形的元素的border-radius属性设置为50%即可将其变为一个圆形。_css画图

https://www.qianduange.cn//article/3966.html 分类：前端知识

2024-03-13html.xpath中无法获取到相应的标签，我复制的路径为：/html/body/div[2]/div/div/div[3]/div/div[4]/。由下图可知我需要的在第二个div中，所以用div[2]没错，但是没有获得数据。当然也有遇到是本身复制的xpath出现了一些问题，有的浏览器会自动加上一些标签，很可恶。所以检查一下要是没有问题就换成bs4,或者正则表达式也可以。当我将div[2]改为div[1]的时候，获得了数据。猜测原因是第一个div是hidden状态。在浏览器中复制到的xpath丢入。_xpath复制出来不对

https://www.qianduange.cn//article/3737.html 分类：前端知识

2024-03-10原因是需要定位的tbody标签是浏览器加上去的，链接直接请求到的html是没有需要定位的tbody标签的，所以删掉xpath中的tbody标签就可以了。这是requests直接请求后的htlm。华东师范大学招生办——高考分数查询。这是浏览器显示的html。_tbody xpath 不支持

https://www.qianduange.cn//article/3529.html 分类：前端知识

2024-03-03在学习vue的过程中，多次碰到如有跳转错误的问题。我在多级菜单(存在多个<router-view>)中路由跳转多次不符合自己的预期。 经过尝试，终于初步理解多个<router-view>嵌套时，与路由配置的关系。假设我们有如下路由配置const routerMenu = [ { name: 'home', path: '/home', component: () => import('@/components/layout/..._多个router-view

https://www.qianduange.cn//article/3144.html 分类：前端知识

2024-03-02这样的属性，这就是命名空间（namespace）。如果不给svg标签添加命名空间，那么浏览器会当作文本来识别收到一个需求，要求做出如上图一样的文字摇曳的SVG，我的脑子里闪过svg、path、group、text……等等SVG的标签，这太让人崩溃了。SVG多麻烦，难道不能用div css动画来做吗？SVG有没有兼容前端开发习惯的写法呢？诶，还真有，SVG的 元素就支持在里面写HTML和CSS。_css 动画组件

https://www.qianduange.cn//article/3053.html 分类：前端知识

2024-02-26日常贴_module not found: error: package path ./lib/theme-chalk/index.css is not exp

https://www.qianduange.cn//article/2719.html 分类：前端知识

2024-02-23Xpath，全称XML path Language，是一种在XML文档中查找信息的语言。它用于在XML文档中通过元素和属性进行导航，因此也常用于HTML和相关的标记语言中。Xpath基于轴、节点和表达式等概念，允许我们通过路径选择特定节点或节点集合。Xpath是一种强大的语言，用于在XML和HTML文档中定位和提取数据。它提供了一组丰富的路径选择和谓词过滤器，可以灵活地选择目标节点或节点集合。_如何从一个xml文件里面提取出特定的数据节点

https://www.qianduange.cn//article/2516.html 分类：前端知识

2024-02-22xpath 高级用法1. 匹配当前节点下的所有：.//. 表示当前// 表示当前标签下的所有标签注： 要配合使用2. 匹配某标签的属性值： /@属性名称这里以input里的value值为例：例：xpath(//input/@value)3. 匹配多个路径在一个xpath中写的多个表达式用 | 分开， 每个表达式互不干扰。xpath("//tr[6]/td[2]/tex..._xpath匹配节点下的文字

https://www.qianduange.cn//article/2478.html 分类：前端知识

2024-02-22在 Playwright 中，有多种方式可以选择和定位元素，每种方式都可以使用 CSS 选择器或 Xpath 表达式进行选择，使开发者可以根据自己的需求和场景进行选择。_playwright定位元素

https://www.qianduange.cn//article/2446.html 分类：前端知识