前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
vue热更新编译慢的解决办法 安装插件:babel-plugin-dynamic-import-nodeyarn add babel-plugin-dynamic-import-node -D增加配置文件:babel.config.js module.exports = { env: { d...
前端学习 -- Css -- 行间距
在CSS并没有为我们提供一个直接设置行间距的方式,我们只能通过设置行高来间接的设置行间距,行高越大行间距越大。使用line-height来设置行高 。行高类似于我们上学单线本,单线本是一行一行,线与线之间的距离就是行高,网页中的文字实际上也是写在一个看不见的线中的,而文字会默认在行高中垂直居中显示。...
TDesign:腾讯的企业级前端框架,对标elementUI和ant-design
elementUI和ant-design在前端开发者中有了很高知名度了,组件和资源十分丰富了。本文介绍腾讯的一款B端框架:TDesign TDesign 是腾讯公司内部推出的企业级设计体系,旨在为腾讯旗下的各种产品提供一致、高效、优质的设计支持。这个设计体系是由腾讯公司近 300 名设计师与开发者共...
前端学习——css实用技术
一,css控制文本样式文本相关的css属性有很多,包括:color;font-size;font-weight;text-transform(大小写uppercase等);text-decoration(下划线等);letter-spacing;word-spacing;text-shadow(cs...
前端学习 -- Css -- 盒子模式
框模型:CSS处理网页时,它认为每个元素都包含在一个不可见的盒子里。 为什么要想象成盒子呢?因为如果把所有的元素都想象成盒子,那么我们对网页的布局就相当于是摆放盒子。我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。一个盒子我们会分成几个部分:– 内容区(content)上图的elem...
前端学习---css基本知识
css基本知识我们先看一个小例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head&...
Web大前端面试题-Day5
1.写一个深度克隆方法(es5)?/** * 深拷贝 * @param {object}fromObj 拷贝的对象 * @param {object}toObj 目标对象 */function deepCopyObj2NewObj(fromObj, toObj) { for(var key ...
【讲解下常见的Web前端框架】
????个人主页: 程序员不想敲代码啊 ????CSDN优质创作者,CSDN实力新星,CSDN博客专家 ????点赞⭐评论⭐收藏 ????希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共同学习、交流进步! ????常见的Web前端框架 ⏩Web前端开发工具和技术可以快速地...
苹果电脑,前端项目报错代理对不上 Proxy error: Could not proxy request /api-user/website...
苹果电脑,前端项目报错 See https://nodejs.org/api/errors.html#errors_common_…发现代理和hosts代理对不上 比如:代理明明是http://10.238.180.182 但是访问接口的时候终端显示连不上http://10.238.186.160
前端H5动态背景登录页面(下)
<!doctype html><html><head><meta charset="utf-8"><title>登录</title><link rel="stylesheet" href="lib/layui/css/la...
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[] = []; // 粘贴次数(用于定义新节点...