2024-01-28目前为止，已经整理了自动化测试Python Selenium中对于web测试定位页面元素的两种主流，也是最好的定位方式XPatH和CSS定位方式，在我个人看来两个方式都很不错，效率都很高，也很容易解决日常工作中的问题，也能够减少页面的变动对于脚本的维护成本，当然不同问题还需要不同的方式解决，能解决问题的方法都是好方法，希望以后的日子对于定位元素不再是难题。下面我们对这两种定位方式大概做个对比；_selenium css定位

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

2024-01-28在 React 之前的版本中，组件要么是函数组件，要么是类组件。函数组件可以使用纯函数的方式编写，但是没有状态（state）和其他 React 特性；类组件则可以拥有状态和其他 React 特性，但是需要使用 class 语法来定义。React Hooks 就是在函数组件中引入了状态和其他 React 特性的工具。useState：在函数组件中添加状态，相当于在类组件中使用 this.state。_react hooks 实战 pdf下载

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

2024-01-27单页应用程序：SPA【Single Page Application】是指所有的功能都在一个html页面上实现1.什么是单页面应用程序?2.单页面应用优缺点?3.单页应用场景？单页面应用程序，之所以开发效率高，性能好，用户体验好页面按需更新比如当点击【发现音乐】和【关注】时，只是更新下面部分内容，对于头部是不更新的访问路径和组件的对应关系！访问路径 和 组件的对应关系如何确定呢？路由生活中的路由：设备和ip的映射关系路径和组件的映射关系什么是路由Vue中的路由是什么。

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

2024-01-27移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。之前，做了一个H5项目，需要在横竖屏变化时，展示不同效果。ipad,iphone： 90 或 -90 横屏。ipad,iphone： 0 或180 竖屏。Andriod： 90 或 -90 竖屏。Andriod：0 或180 横屏。_h5横屏

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

2024-01-27position：sticky又称为粘性定位，是css3新增的。粘性定位的元素依赖于用户的滚动，在相对定位（relative）与固定定位（fixed）之间进行切换，基于位偏移的值进行偏移。粘性定位可以被认为是相对定位和固定定位的混合元素在跨越特定位偏移之前为相对定位，之后为固定定位。top: 50px;}设置了以上元素，在屏幕范围（viewport）视口滚动到元素top距离小于50px之前，div为相对定位。之后元素将固定在与顶部距离50px的位置，直到viewport视口回滚到50px以内。_position: sticky;

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

2024-01-27这里使用了关键帧动画（keyframes animation），其中定义了一个名为"snow"的动画，以及一个"-webkit-snow"的动画（兼容WebKit内核的浏览器）。这两个动画使用相同的规则：通过改变背景图片的位置，模拟雪花从天上落下的效果。其中，初始位置为0 0，终止位置为500px 1000px和500px 500px。该元素的背景使用两张图片，即"snow1.png"和"snow2.png"。这段代码定义了一个名为"snow"的CSS样式，该样式将被应用于某个HTML元素上。_全屏飘落特效

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

2024-01-27优化方法是根据chatGPT的回答下，我这里记录一下，有的方法进行了尝试，有的还没有。_threejs 加载模型卡顿

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

2024-01-26这是bind链式方法，方法.bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数)这个方法跟前面的几个方法有些不一样，这个是给父元素绑定事件，方法父元素.delegate(“事件名字”，“子元素”，事件处理函数)。这是键值对方法，方法.bind({“事件函数”事件处理函数，“事件函数”事件处理函数，“事件函数”事件处理函数})这是bind方法，方法bind(“事件名字”，事件处理函数)；为元素绑定事件的几个方法。..._jquery给元素添加点击事件

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

2024-01-26【代码】echarts绘制地图使用dispatchAction方法高亮区域。_echarts地图某些地区高亮

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

2024-01-26属性中设置一个数组对象，每个数组对象代表一个渐变色段，分别设置为绿色、蓝色和绿色，每个渐变颜色段的位置由。data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']offset: 1, // 右侧绿色渐变结束位置，到 1 结束。offset: 0, // 渐变起始位置，从 0 开始。offset: 1, // 渐变结束位置，到 1 结束。offset: 1, // 绿色渐变结束位置，到 1 结束。offset: 1, // 绿色渐变结束位置，到 1 结束。_echarts 修改折线图颜色

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