如诗

1、html知识总结1.1 表格的的相关属性 属性 表示 border-collapse 设置表格的边框是否被合并为一个单一的边框 cellpadding 单元格边距 cellspacing 单元格间距 valign: top 顶对齐 单元格内容垂直方向的对齐方式 valign: middle 居中对齐 valign: bottom 底部对齐 colspan 单元格可横跨的列数 rowspan 单元格可竖跨的行数 1.2 表单常用属性 属性 表示 name 对提交到服务器后的表单数据进行标识 checked 在页面加载时被预先选定的input元素 selected 规定在页面加载时预先选定该选项 readonly 只读元素 disabled 禁用元素 size 下拉列表中可见选项的数目 1.3 选择器的优先级 行内选择器 > id选择器 > 父代选择器 > class选择器 > 标签选择器 > *{}通配符选择器 1.4 有关间距的css属性 margin/...

1、方法一（图片与表单分开，请求2次）1.1 前台代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111// elementUI表单<el-form ref="form" class="forms" :model="form"> <div class="title"> <el-input type="text" placeholder="请在这...

1、在页头head标签里添加：12345678910111213141516<link rel="stylesheet" href="https://gcore.jsdelivr.net/gh/likepoems/rushi/aplayer/dist/APlayer.min.css"><script src="https://gcore.jsdelivr.net/gh/likepoems/rushi/aplayer/dist/APlayer.min.js"></script><script src="https://gcore.jsdelivr.net/gh/likepoems/rushi/aplayer/dist/Meting.min.js"></script><!-- 自定义歌词样式 --><style>.aplayer-list li, .aplayer-music{text-align: left; ...

Gravatar全球通用头像服务1、基本介绍Gravatar，即全球公认的头像，是一项免费的头像服务，适用于网站所有者，开发人员以及任何想要轻松且经过验证的在线身份的人。它被内置在每个WordPress.com 帐户中，并在开放网络中广泛实施。我们可以通过登录wordpress账号创建和上传图片进行个性设置。 2、使用方式 进入官网，点击Create your Gravatar开始注册账户。 进入wordpress注册页面，填写注册邮箱和账户名以及密码。如果有账户，点击已有Wordpress.com账户进行登录。 在注册完成后会收到来自wordpress的激活邮件，打开激活邮件。 点击激活账户。 跳转到wordpress阅读器界面 点击右上角的头像跳转到个人信息页面，就可以对头像进行设置了。 3、常见问题由于近几年中国大陆的Gravatar服务的CDN服务被污染，现在已经无法通过官方服务器进行访问了。解决方法如下： 使用境外的服务器部署站点。 使用镜像源。 zeruns’s Blog的镜像源：https://gravata...

方法一12345678let http = require('http')let httpserver = http.createServer(function(req,res){ res.writeHead(200,{'Content-type':'text/plain'}) res.end("hello!666666")})httpserver.listen(3000,()=>{ console.log('正在监听 localhost:3000');}); 方法二12345let express = require('express');let app = express();app.listen(3000,()=>{ console.log('正在监听 localhost:3000');});

1、api接口整合 搏天：https://api.btstu.cn/樱道：https://api.r10086.com/樱花：https://www.dmoe.cc/保罗：https://api.paugram.com/东方Project：https://img.paulzzh.tech/缙哥哥博客: https://api.dujin.org/pic/yuanshen/LoliAPI：https://www.loliapi.com/栗次元：https://t.alcy.cc/ 2、api网站整合2.1 搏天 网址：https://api.btstu.cn 调用地址：https://api.btstu.cn/sjbz/api.php网站中有很多的接口，建议返回原站查询。 2.2 樱道 网址：https://img.r10086.com 调用地址： https://api.r10086.com/樱道随机图片api接口.php?自适应图片系列=原神网站中有很多的接口以及接口地址经常变更，建议返回原站查询。 2.3 樱花 网址：https://www.dmoe.c...

1、前言对于各种编程语言，代码组织是很重要的。而模块是node中的代码组织机制，node中的很多功能都以模块划分，而模块中又封装了许多方法，而且不会改变全局作用域，极大的方便了各开发者的需求。 2、模块操作2.1 自定义模块举个例子： hello.js 1234567var daysarr = new Array('星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日');var now = new Date();var day = now.getDay();exports.sayhello= function (name) { console.log('你好！' + name); console.log('今天是' + daysarr[day - 1]);}; test.js 12let hello = require('...

1、前言在普通的可编辑表格的基础上，改进可编辑表格。数据来自外部的json（模拟服务端），通过json数据生成可编辑表格。根据实际情况，表格没有新增数据功能。表格的可编辑列，计算的列，每列的数据大小，以及是否删除都可进行配置，在修改单元格内容和删除行数据都会映射到相应数据集中。 实现效果： 2、设计思路与方法 现将基本样式写好，将所有的数据写在json文件里。定义两个空数组，通过Ajax将表格的标题和内容成绩读取并分别保存在数组title_data和grade_data里。 定义getHTML方法，先取出每一行的数据，对于表格的表头，通过Object.values（）直接取出数据，并通过模板字符串直接渲染到页面中。对于表格内容，通过Object.keys（）获取每行数据的键名数组，先定义一个temp_grade并赋值<tr>，通过for in 获取下标并取出每一个键名，判断当前索引值是否等于键名数组的长度减一，若满足条件，则temp_grade加等于td并拼接上</tr>，反之，直接等于td。然后把temp_grade插入到HTML中。在最下方调用to...

1、实现效果用户输入后按回车，输入的内容自动保存，下方会显示记录的条数，鼠标移动到文字所在div上，会显示删除按钮，点击按钮，相应记录会被删除，下方的记录条数会相应变化，点击clear，所有记录会被删除。效果如下： 2、实现思路 先写出记事本的基本样式，在vue实例中的data对象里定义list数组，以及message的初始值。通过 v-model实现input标签文本和message的双向绑定。通过v-for循环遍历li标签，取出list数组中的数据。 给input框通过keyup.enter绑定回车事件add，直接把当前输入的值添加到list数组里，然后遍历到li标签里。 在li标签的button标签里添加remove事件。先传入index，通过this.list.splice(index, 1) 删除当前记录。 在下方的footer部分，判断是否存在记录，若不存在，则销毁标签，若存在，则添加clear事件，直接把list数组赋值为空，就可以清除所有的记录。 3、实现代码index.css 12345678910111213141516171819202122232425...

1、实现效果用户点击语文，数学，英语部分的单元格，可以实现分数的编辑，总分也会随之变化。先看下效果，如图： 2、设计思路 先通过HTML5+CSS3绘制表格，添加input的样式和err提示动画。 给要修改的数据的单元格添加name属性，给总分那一列的单元格添加rname属性。先获取所有要更改数据的单元格，通过for循环遍历，给他们添加单击事件。 定义一个addAnimate方法，表示单元格输入错误时的动画提示 定义setCellCilck方法，给单元格添加点击事件 定义一个updateCell()方法，里面传入一个ele参数。先要获取旧的数据并保存为oldhtml。然后创建一个input标签，并传入oldhtml。在input标签的聚焦事件中判断输入的input值是否合法，若不合法，则调用addAnimate()方法弹出error标签的错误提示信息，若合法，则直接赋给单元格当前输入的值。 定义一个updateScore方法，用来计算分数。通过class取出每行的分数的值，再取出总成绩的值。每个人总成绩等于每行分数相加。 3、实现源码table.html 1234...