普通网友-优快云博客

原创 web前端-JavaScript标识符和数据类型强制类型转换_js 如何变更标识符

🐚作者简介：苏凉（专注于网络爬虫，数据分析，正在学习前端的路上）👑名言警句：海阔凭鱼跃，天高任鸟飞。📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！

2024-12-18 11:28:27 953

原创 WebUI 自动化测试框架搭建详解_web自动化测试框架搭建

下载下来后是一个chromedriver.exe，如果是w7系统需要把chromedriver.exe放在chrome浏览器的安装目录，然后在系统环境变量中加入chrome浏览器的安装目录即可；打开之前创建的项目【Automated-UITest-demo】，在项目上右键，新建python文件即可，这里新建一个名为test_baidu的python文件。在开始自动化框架搭建之前，我们先写一个简单的自动化测试脚本，来体会一下什么是web UI自动化测试，以及元素的基本操作，为后续的框架搭建鉴定基础。

2024-12-18 11:24:46 470

原创 vue项目jenkins自动化部署

Linux 基础环境要求必须有 java 运行环境，建议安装 Oracle 官方的，给大家个传送门安装（CentOS 环境下）sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.reposudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.keysudo yum install jenkins复制代码添加 J

2024-12-18 11:17:19 357

原创 Vue项目跨域解决方案与 vue

/site/vue-demo/’ : ‘/’, // 公共路径。// proxy: ‘http://localhost:8080’ // 配置跨域处理,只有一个代理。target: ‘http://localhost:3000’, // 注意！indexPath: ‘index.html’ , // 相对于打包路径index.html的路径。// 如果接口中是没有api的，那就直接置空，‘^/api’: ‘’，// 如果接口中有api，那就得写成{‘^/api’:‘/api’}

2024-12-18 11:13:38 279

原创 Vue进阶（三十三）Content-Security-Policy（CSP）详解_content-security-policy前端和后端

CSP) 是一种加固 Web 应用的安全性技术，通过在网站页面中设置 CSP Header 来限制页面中能够执行的脚本、样式、图片等资源。CSP 包括很多不同的策略，因此安全设置的具体值取决目标网站的需求和资源使用情况。一般而言，建议设置较为严格的 CSP，以避免XSSCSRF等安全问题。以上设置的 CSP 规则禁止所有来自第三方网站的资源，只允许本网站的资源加载。其中script-src只允许本网站和 example.com 的脚本加载，img-src只允许本网站和 data: URI 的图片加载，

2024-12-18 11:09:57 1566

原创 vue省市区三级联动-封装集成

获取数据后，就要想办法将其显示在页面上，考虑到地址选择器是一个比较独立的功能，将其写成一个组件，方便使用的时候直接引入。以上是准备阶段，接下来才进入主题。

2024-12-18 11:06:16 854

原创 Vue懒加载的使用(后端分页)

再我们开发的过程中可能涉及到的数据量比较小，所以不怎么会出现需要懒加载的情况，但是这个在工作中就是非常非常重要的一个知识点了。懒加载的功能和分页其实是非常像的，就是一次性不会给太多的数据。

2024-12-18 11:02:34 391

原创 VUE中用原生js实现轮播图效果

assets/images/PQME2000系列.png’),Description: ‘ET-NBAC-I三相不平衡智能调控系统是一种智能实时调控装置，…Description: ‘ET-NBAC-II三相不平衡智能调控系统是一种智能实时调控装置…Description: ‘电能质量在线监测系统是面向对象的大型电能质量在线监测与管理系统。Description: ‘PQ2000电能质量分析仪是北斗易通结合我国电力系统的特点，采用…/assets/images/在线监测系统.png’),

2024-12-18 10:58:54 410

原创 vue中如何使用Element-UI

借助，我们可以只引入需要的组件，以达到减小项目体积的目的。首先，安装然后，将.babelrc修改为：“presets”: [[“es2015”, { “modules”: false }]],///需要先cnpm install babel-preset-es2015 --save-dev接下来，如果你只希望引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容：/* 或写为*/new Vue({});完整组件列表和引入方式。

2024-12-18 10:55:12 462

原创 vue、路由、生命周期函数、vuex常见面试题_vue的指令、路由和生命周期的常见面试题

单页面的优点：用户体验好，快，内容的改变不需要重新加载整个页面，基于这一点spa对服务器压力较小；前后端分离；页面效果会比较炫酷（比如切换页面内容时的专场动画）。单页面缺点：不利于seo；导航不可用，如果一定要导航需要自行实现前进、后退。（由于是单页面不能用浏览器的前进后退功能，所以需要自己建立堆栈管理）；初次加载时耗时多；页面复杂度提高很多。答：当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中。所以，不推荐v

2024-12-18 10:51:29 373

2401_89225162的博客