20240309web前端_第四次作业_完成随机点名程序
要求 一、结合抽奖案例完成随机点名程序,要求如下: 1.点击点名按钮,名字界面随机显示,按钮文字由点名变为停止 2.再次点击点名按钮,显示当前被点名学生姓名,按钮文字由停止变为点名 3.样式请参考css及html自由发挥完成。 代码 <!DOCTYPE html><html la...
学习安装并配置前端自动化工具Gulp
Gulp和所有Gulp插件都是基于nodeJs来运行的,因此在你的电脑上需要安装nodeJs,安装过程请移驾安装并配置前端自动化工具——grunt。安装完成后,通过运行cmd进入DOS命令窗口,如图:如上图,输入node -v然后回车,看到有版本号,证明nodeJs安装成功。接下来就是安装Gulp了...
从零开始学习前端JAVASCRIPT — 14、闭包与继承
(注:本章讲解涉及部分后端知识,将以php提供数据的方式进行相应的demo实现)一、ajax的概念全称:Asynchronous Javascript And XmlAJAX不是一种新的编程语言,而是一种用于创建更快更好以及交互性更强的WEB应用程序技术,该技术在98年前后得到了应用。通过AJAX,...
Google的工程师质量文化(code-review)(思考)-第二步: 定义期望的做事方法 开发团队编写自动化测试。 主动运行自动化测试用例。 做代码评审。 第三步: 提供相应的培训在公司范围内组织代码设计与自动化测试培训。(思考二:以前端代码为例 eslint 的规范是由培训者定义还是由团队成员老决定?) 为每个团队指派自动化测试教练,帮助团队提高自动化测试技能。 第四步: 做些必需的事情来强化那些行为建立团队测试认证机制(test certified mechanism),共分3个大级别,12个子级,用于评估每个软件产品团队的测试成熟度。 通过每个季度统计各级别上的团队数量分布,来评估自动化测试文化在公司内部的进展程度。 建立自动化测试组(test group)和测试教练组(test mentor),帮助团队提升自动化测试能力。 建立代码评审资质证书。(思考三:评审资质需要怎样的考核?) 代码合入版本仓库之前强制做代码评审。 代码评审之前,必须运行自动化测试用例,并提交报告给代码评审者。(思考四:评审者来code自动化测试吗脚本?)
当然,这4步并不是非常容易。谷歌的执行过程也花费了4年的时间,其中还有很多非常具体的细节,在这里不再展开讨论。 ---------- 摘自乔梁老师 《持续交付2.0》
前端请求发送成功,后端收到null
抵扣说明: 1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。
前端网络安全面试题:CSRF 与 XSS
CSRF 什么是 CSRF CSRF (Cross-Site Request Forgery): 跨站请求伪造是一种攻击手段,攻击者通过恶意构造一个链接或表单,诱使用户在已登录的目标网站上执行非本意的操作。当用户点击或提交这个恶意内容时,浏览器会自动带上用户的认证凭据(如session cookie...
【测试总结】测试时如何定位一个bug?是前端还是后端?
作为一道面试题,它算高频了么?我面试别人问多挺多次,我也被面试官问过... 相对来说多少能看出一点测试经验,实际测试中的排查问题能力... 1、前后端bug有各自的一些特点: 前端bug特性:界面相关,布局相关,兼容性相关,交互相关。后端bug特性:数据相关,安全性相关,逻辑性相关,性能...
对抗密码破解 —— Web 前端慢 Hash
(更新:https://www.cnblogs.com/index-html/p/frontend_kdf.html )0x00 前言天下武功,唯快不破。但在密码学中则不同。算法越快,越容易破。0x01 暴力破解密码破解(严格地说应该是账号口令的破解),就是把散列值还原成明文口令。这貌似有不少方法,...
前端教程(1)http协议的深刻理解
一 HTTP协议简介作为学习前端开发的开始,我们必须搞明白以下几件事 1、什么是互联网 互联网=物理连接介质+互联网协议 2、互联网建立的目的?数据传输打破地域限制,否则的话,我想获得对方主机上的数据,只能拿着硬盘去对方主机拷贝 3、什么是上网?用户上网的过程即浏览器向服务端发送...
前端使用 Konva 实现可视化设计器(6)
请大家动动小手,给我一个免费的 Star 吧~这一章处理一下复制、粘贴、删除、画布归位、层次调整,通过右键菜单控制。github源码gitee源码示例地址复制粘贴复制粘贴(通过快捷键) // 复制暂存 pasteCache: Konva.Node[] = []; // 粘贴次数(用于定义新节点...
前端工程化
创建接口 yapi pro 安装NODE 切换到淘宝镜像 npm config set registry https://registry.npmmirror.com 创建vue项目 新建文件夹,在该文件夹打开终端,输入 vue ui 使用vscode打开-资源管理器-打开文件...
【AngularJs】前端使用iframe预览pdf文件报错
<iframe style="width: 100%; height: 100%;" src="{{vm.previewUrl}}"></iframe> 出现报错信息:Can't interpolate: {{vm.previewUrl}} 在ctrl文件...
vue 前端参值后端接收的几种方式-Get 请求 @Param
前端代码 handleCS(){ // debugger // let body ={ // id:8, // nyApplyDangerdetectionId:8, // uploadStatic:2, // au...
前端Vue3+uni+Ts
本次记录小兔仙仙的制作过程。 先看下我们的项目截图。主要是手机端,这里用了uniapp+VScode.三端适配的。可以打包成安卓和苹果。微信小程序。 首先:创建一个uni新的ts项目。 # 通过 git 从 gitee 克隆下载 登录 - Gitee.com git clone -b vite-...
第23次修改了可删除可持久保存的前端html备忘录:增加了百度引擎
第22次修改了可删除可持久保存的前端html备忘录视频背景分离,增加了本地连接,增加了纯CSS做的折叠隐藏修改说明 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8">...
web前端学习(三)css学习笔记部分(4)-- CSS选择器详解
4. 元素选择器详解4.1 元素选择器4.2 选择器分组用英文逗号","相连,使用相同的样式表使用通配符对所有元素进行通用设定。4.3 类选择器详解4.3.1. 类选择器允许以一种独立于文档元素的方式来指定样式.class{}4.3.2. 结合元素选择器a.class{}(只指定a标签内...
jquery实现前端分页、select筛选框、查询条件展示效果
jquery实现前端分页、select筛选框、查询条件展示效果:以前做的筛选条件是用很笨的方法实现的,如果筛选条件(select)的value值超多的话,我使用的是switch循环的方法,导致代码冗余,最多需要几百行代码或上千行代码实现功能需求,代码质量很低。现在使用的是自己写的函数封装的方法,只是...
前端学习第二天-html提升
达标要求 了解列表的分类 熟练掌握列表的用法 熟练掌握表格的结构构成 合并单元格 表单的组成 熟练掌握表单控件分类的使用 1.列表 1.1 无序列表 <ul>:定义无序列表,并且只能包含<li>子元素。 <li>:定义列表项,可以包含与<div&...
vue前端数据转换显示
<el-table-column label="项目模板名称" align="center" prop="tempName" width="180" :formatter="templFormat" /> :formatter="templFormat" // 模板名单 opt...
前端面试知识点合集
原型和原型链 任何函数都可以作为构造函数。当该函数通过 new 关键字调用的时候,就称之为构造函数。 var Parent = function(){}//定义一个函数,那它只是一个普通的函数,不能称它为构造函数var instance = new Parent();//这时这个Parent就不是普...