文章目录一、HTML1.概念（1）HTML文件基本结构（2）HTML代码框架2.、HTML常见标签二、CSS1.CSS基本语法规范2.用法（1）引用方式（2）选择器（3）常用元素属性（4）元素的显示方式3.盒模型三、JavaScript1.概念2.使用一、HTML1.概念HTML是超文本标记语言，超文本是指文本、声音、图片、视频、表格、链接等等。标记表示由许许多多的标签组成。HTML页面是运行到浏览器上的。（1）HTML文件基本结构html>head>title>title>head>body>body>html>html标签是整个html文件的根标签(最顶层标签)head标签中写页面的属性b

想必大家都注意到的不循环滚动。下面说一下循环滚动相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。先了解一下对象的几个的属性：innerHTML:设置或获取位于对象起始和结束标签内的HTMLscrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位

前端|FormData用法详解介绍​FormData是Ajax2.0对象用以将数据编译成键值对，以便于XMLHttpRequest来发送数据。XMLHttpRequestLevel2提供的一个接口对象，可以使用该对象来模拟和处理表单并方便的进行文件上传操作​如果表单属性设为multipart/form-data，则会使用表单的submit()方法来发送数据，从而发送数据具有同样形式。FormData的主要用途有两个：将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。异步上传二进制文件使用方法创建一个空的对象//当前为空varformD

我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。　　今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中诸如首字节加载时间（timetofirstbyte）或者渲染时间等表现。其中有些工具还会检查资源是否被缓存，多个CSS或JS文件是否值得合并，最后自动给出前端性能优化改进建议报告，如果对你有用的话，欢迎收藏转发。 因此我建立了一个软件测试开发自学团，正在学习测试的小伙伴可以通过点击下面的小卡片 正在跳转https://jq.qq.com/?_wv=1027&k=3T9t

以下是一个简单的PHP许愿墙代码示例，包括前端和后端部分：前端HTML代码（index.html）：许愿墙许愿墙姓名：愿望：后端PHP代码（wishwall.php）：以上代码实现了一个简单的许愿墙功能。用户在前端页面填写姓名和愿望，点击提交后，后端PHP代码会将愿望以文本形式追加到一个名为"wishes.txt"的文件中，并在页面上重定向到许愿墙页面。你可以根据需要自行调整代码，例如添加数据库存储、显示已提交的愿望等。以下是添加数据库存储的PHP许愿墙代码示例：前端HTML代码（index.html）：许愿墙许愿墙姓名：愿望：后端PHP代码（wishwall.php）：connect_err

转自：微点阅读  https://www.weidianyuedu.com一、关于Json的数据格式从结构上看，所有的数据最终都可以分成三种类型：第一种类型是scalar（标量），也就是一个单独的string（字符串）或数字（numbers），比如“北京”这个单独的词。第二种类型是sequence（序列），也就是若干个相关的数据按照一定顺序并列在一起，又叫做array（数组）或List(列表)，比如“北京，东京”。第三种类型是mapping（映射），也就是一个名/值对（Name/value），即数据有一个名称，还有一个与之相对应的值，这又称作hash（散列）或dictionary（字典），比如

图片上传1.获取图片文件对象 //文件选择元素->change改变事件document.querySelector('.upload').addEventListener('change',e=>{   //1.获取图片文件   console.log(e.target.files[0])2.使用FormData携带文件 //2.使用FormData携带图片文件   constfd=newFormData()   fd.append('img',e.target.files[0])3.提交表单数据到服务器,使用图片的url网站 axios({    url:'http://hmajax.ith

报错"UncaughtSyntaxError:missing)afterargumentlist"，字面翻译过来的意思：语法错误:参数列表后面缺少)。一直以为是少了一个小括号找了好久发现并不是据提示是参数列表的问题，找到文件中存在参数列表的地方。如下图所示真正的元凶找到了，参数少了一个对''”，错误代码r=`${res.data}style="width:100%"οnclick="getClick(${res.data})">`修改后r=`${res.data}style="width:100%"οnclick="getClick('${res.data}')">`tips：这只是其中一种引

序言今天来学习一下前端如何使用websocket发送消息1基础介绍1.1什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信。与传统的HTTP请求不同，WebSocket使用了一个长连接，在客户端和服务器之间保持持久的连接，从而可以实时地发送和接收数据。在WebSocket中，客户端和服务器之间可以互相发送消息。客户端可以使用JavaScript中的WebSocketAPI发送消息到服务器，也可以接收服务器发送的消息。1.2代码示例下面是一个使用WebSocketAPI发送消息的代码示例：varsocket=new

情况：需要通过Excel表，将数据导入到数据库，但是后台人员出差了，我又只会PHP，没用过node，所以只能前端导入Excel文件，然后循环调用后台的单条添加接口了。库：Excel.js（版本4.3.0）CDN地址：scriptsrc="https://cdn.bootcdn.net/ajax/libs/exceljs/4.3.0/exceljs.min.js">script>Excel.js中文文档：https://gitee.com/alan_scut/exceljs下面是动态Excel表单下面是file文件（Excel文件）获取到的对象：下面是代码中输出的需要插入的数据：代码：使用方法：