软件测试|selenium css定位
说明:本篇博客基于selenium 4.1.0selenium-css定位element_css = driver.find_element(by.css_selector, 'css表达式')css定位说明selenium中的css定位,实际是通过css选择器来定位到具体元素,css选择器来自于css语法css定位优点语法简洁对比其他定位方式,定位效率更快对比其他定位方式...
Hexo之Next主题美化代码
我分别美化了几个不同版本的next主题,这里把美化代码公布出来,第一种next版本小于7.3可使用直接修改 \themes\next\source\css\_custom 将以下美化过程复制到custom.styl目录即可。// ************************************************************************************************ // 全局...
2023-02-28 CSS
webpack 构建脚手架
前言1. 构建项目2. 局部安装3. webpack.config.js4. 打包 css 文件5. 打包 less 文件6. 打包 vue 文件7. loader 和 plugin 区别8. 添加版权的插件9. html-webpack-plugin 打包 html 的插件10. 压缩文件11. webpack-dev-server 搭建本地服务器前言本文记录 webpack 的安装和使用,并且使用 webpack ...
2023-02-28 JavaScript打包CSSwebpackVue.js
Vue CLI 2 脚手架 TabBar 组件封装
1. 前言2. 清理脚手架3. 搭建 tabbar 基本布局4. 书写 tabbar 基本样式5. tabbar 组件封装6. tabbaritem 组件封装7. 给 tabbaritem 组件传入选中时的图片8. tabbaritem 组件和路由结合效果9. tabbaritem 组件的颜色动态控制1. 前言本文记录在 vue cli 2 中封装 tabbar 组件详细步骤,主要是为了感受...
webpack://antd/./components/config-provider/style/index.less的解决方法
最近,使用create-react-app 创建的react项目,在运行的时候报了如下一个错误。 这个错误的原因是,react-script库升级到 5.0.0 之后,引入 antd.css的报警,我们只需要在引入antd.css的文件改为antd.min.css就可以了。import 'antd/dist/antd.min.css'; //import 'antd/dist/antd....
Web前端开发JQuery框架笔记
jquery 是一个写的更少,但做的更多的轻量级 javascript 库jquery 常用选择器id选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定id的元素对象,具体用法如下. hello lyshark hello lyshark hello lyshark $("#2000").css("background","red"); //通过id号选择指定元素 var temp = $("#...
Web前端开发CSS笔记
css 层叠样式css引用:直接引用 直接在html标签的后面加上style类型声明即可,多个类型请用分号隔开. hello lyshark hello div css引用:头部引用 直接在html头部使用style类型声明,以下是对div标签进行修改的代码. .div{ color:yellow ; background:red ; } css引用:外部引用 外部引用是最常用...
Web前端开发HTML笔记
html称为超文本标记语言,css全称层叠样式,css可以让简单的html页面变得漂亮起来,通常会将html与css结合起来使用.html 基础通常情况下,一个最基本的网页格式如下面的例子所示的样子,具体的代码和解释如下: #文档说明,告诉浏览器当前的文档类型 #指定文件的格式等 #html头部信息 #指定文件编码方式...
让多说支持UA的显示
代码由 huhuhuhu 提供地址 huhu呼呼 / make duoshuo show ua老高的博客目前的评论系统使用了 多说 + typecho多说插件,最近才发现了多说还可以支持显示ua,动手吧。准备工作csscss很短,可以直接写在源码里span.this_ua { background-color: #ccc!important; border-radius: 4px; padding: 0 5px!im...
react的css
全局样式与传统 html 标签类属性不同,react 中 class 必须编写为 classname,比如全局 css.box { background-color:red; width:300px; height:300px; }jsfunction hello() { return hello react } reactdom.render(, document.getelementbyid('root'))与传统在 html 标签定义 css 样式...