草庐IT

纯前端

全部标签

前端实现可拖拽流程的js框架

1AntVX6是AntV旗下的图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建DAG图、ER图、流程图等应用。XFlow是基于X6图编辑引擎、面向React技术栈用户的专业图编辑应用级解决方案,帮助您轻松开发复杂的图编辑应用。目前已经在蚂蚁大数据/人工智能场景中深度打磨验证#AntV首页,关注X6|XFlowhttps://antv.vision/zh#样例https://x6.antv.vision/apps/dag/#X6https://x6.antv.vision/zh#XFlowhttps://xflow.antv.vision/zh-CN/2jsp

前端实现可拖拽流程的js框架

1AntVX6是AntV旗下的图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建DAG图、ER图、流程图等应用。XFlow是基于X6图编辑引擎、面向React技术栈用户的专业图编辑应用级解决方案,帮助您轻松开发复杂的图编辑应用。目前已经在蚂蚁大数据/人工智能场景中深度打磨验证#AntV首页,关注X6|XFlowhttps://antv.vision/zh#样例https://x6.antv.vision/apps/dag/#X6https://x6.antv.vision/zh#XFlowhttps://xflow.antv.vision/zh-CN/2jsp

前端学习——ajax (Day1)

AJAX概念和axios使用axios使用练习!DOCTYPEhtml>htmllang="zh-CN">head>metacharset="UTF-8">metahttp-equiv="X-UA-Compatible"content="IE=edge">metaname="viewport"content="width=device-width,initial-scale=1.0">title>Document/title>/head>body>pclass="my-p">/p>!--1.引入axios库-->scriptsrc="https://cdn.jsdelivr.net/npm/a

常见的前端安全问题(xss / csrf / sql / ddos / cdn...)

目录1.xss(CrossSiteScripting)跨站脚本攻击1.1持久型(存储型)攻击/ 非持久型(反射型)攻击是什么?1.2xss出现的场景?造成的危害?1.3防御xss(转义输出、内容安全策略、限制https请求)1.4为什么要使用https,不用http?http头部注入攻击是什么?2.CSRF(CrossSiteRequestForgery)跨站请求伪造2.1什么是跨站请求伪造?2.2 CSRF出现的场景?造成的危害?2.3防御 CSRF(校验token、跨域资源共享限制等)3.SQL脚本注入(SQLInjection)4.上传漏洞5.点击劫持5.1什么是点击劫持?有什么危害?5

前端Vue仿微信我的菜单栏组件按钮组件

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。今天给大家介绍的一款组件前端Vue仿微信我的菜单栏组件按钮组件;附源码下载地址:https://ext.dcloud.net.cn/plugin?id=13610效果图如下:实现代码如下cc-wxBtn使用方法//按钮点击事件menuClick(name){ uni.showModal({title:'点击菜

前端实现消息推送、即时通信、SSE、WebSocket、http简介

信息推送服务端主动向客户端推送消息,使客户端能够即时接收到信息。场景页面接收到点赞,消息提醒聊天功能弹幕功能实时更新数据功能实现即时通讯方式短轮询浏览器(客户端)每隔一段时间向服务器发送http请求,服务器端在收到请求后,不论是否有数据更新,都直接进行响应。本质:客户端通过不停的请求,使客户端能模拟能实时能接收客户端的数据变化优点:简单易懂,操作方便缺点:如果每个客户端不停的向服务器发送请求,使用人数增加,请求数量翻倍,造成服务器压力大,反应迟缓。不适合于大型项目或者使用人数太多。varxhr=newXMLHttpRequest();setInterval(function(){xhr.ope

手游前端性能测试

原文由黑子发表于TesterHome社区,点击原文链接可与作者直接交流。导读目前游戏行业已经呈现精品化状态,行业对测试岗位的要求也越来越高,前端性能测试仅仅是用工具测试出相关数据(自动化测试即可满足,包括自动化脚本,或者自动化录像),并告知研发,已经不能满足测试要求。所以性能测试岗同学需要具备更多硬性技能,本篇文章适合性能测试新手;分别从测试场景,测试工具,然后测试数据概念,之后到和开发、美术同学在优化中的沟通,以及最后常用的优化方法策略,逐一展开介绍。一、测试场景1.导读前端性能测试,关注用户在玩游戏过程中的性能方面的体验,包括是否卡顿,是否crash,是否手机发热,是否耗电过快等,不管用户

手游前端性能测试

原文由黑子发表于TesterHome社区,点击原文链接可与作者直接交流。导读目前游戏行业已经呈现精品化状态,行业对测试岗位的要求也越来越高,前端性能测试仅仅是用工具测试出相关数据(自动化测试即可满足,包括自动化脚本,或者自动化录像),并告知研发,已经不能满足测试要求。所以性能测试岗同学需要具备更多硬性技能,本篇文章适合性能测试新手;分别从测试场景,测试工具,然后测试数据概念,之后到和开发、美术同学在优化中的沟通,以及最后常用的优化方法策略,逐一展开介绍。一、测试场景1.导读前端性能测试,关注用户在玩游戏过程中的性能方面的体验,包括是否卡顿,是否crash,是否手机发热,是否耗电过快等,不管用户

微信小程序|前端技术主要框架分析

1.框架微信提供了一套自己的用于开发小程序的前端框架,和目前主流的前端框架相比,其既有类似的地方,也有特殊的地方。特殊的地方在于其只能在微信小程序开发工具内使用,并做了相对严格的使用和配置限制,开发者必须按照其规定的用法来使用。一些外部的框架和插件在小程序里都是无法使用的,同时由于框架并非运行在浏览器中,所以JavaScript在web中一些能力都无法使用,如document,window等。而相似的地方在于其包含了和其他框架一样的“逻辑层”和“视图层”,以数据驱动为主,不操作DOM元素等。下面以代码为例子来介绍:(1)数据绑定view>{{message}}//page.jsPage({da

微信小程序|前端技术主要框架分析

1.框架微信提供了一套自己的用于开发小程序的前端框架,和目前主流的前端框架相比,其既有类似的地方,也有特殊的地方。特殊的地方在于其只能在微信小程序开发工具内使用,并做了相对严格的使用和配置限制,开发者必须按照其规定的用法来使用。一些外部的框架和插件在小程序里都是无法使用的,同时由于框架并非运行在浏览器中,所以JavaScript在web中一些能力都无法使用,如document,window等。而相似的地方在于其包含了和其他框架一样的“逻辑层”和“视图层”,以数据驱动为主,不操作DOM元素等。下面以代码为例子来介绍:(1)数据绑定view>{{message}}//page.jsPage({da