前端
文章平均质量分 65
Love_云宝儿
爱她~
展开
-
vue.js的简单应用
首先我们新建一个vue项目,引入vue.jsvue.js可以直接去官网下载:官网地址:https://cn.vuejs.org/v2/guide/installation.html,你可以下载任何一个版本,当然,你也可以直接引入cdn的路径。如下图所示:然后我们新建一个demo,双大括号为vue的取值方式。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title原创 2021-05-20 12:54:52 · 635 阅读 · 3 评论 -
使div或img在滚动条滚动时,始终居中在屏幕中间
直接上代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="format-detection" content="telphone=no, email=no"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,原创 2020-09-28 15:56:10 · 2707 阅读 · 0 评论 -
纯JS解析Excel文件,复制可用
代码复制可用,如需xlsx.full.min.js的话,只需将src放至浏览器中,即可获得源码。html代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> 解析Excel文件 </title> </head>...转载 2019-12-03 16:41:43 · 475 阅读 · 0 评论 -
js传递数组类型的数据,并在后端解析
代码思路:将数组类型的数据打包成json数据 使用JSON.stringfy(json)方法传递json数据 引入相关jar包 后台java解析json数据废话不多说,直接上代码:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-12-02 18:36:28 · 1975 阅读 · 0 评论 -
【Spring boot学习第十天】集成thymeleaf
1.新建springboot项目2.勾选thymeleaf依赖3.我们来编写配置文件,这里可以是yaml、yml或properties配置文件,我们以yml文件为例。4.我们在classpath目录下新建一个web目录,然后再web目录下建立student.html文件5.新建controller,我们进行测试StudentController.java...原创 2019-07-02 11:41:45 · 194 阅读 · 0 评论 -
实现多个div拖拽移动,交换位置功能,代码复制可运行,有交换特效
拖动标题行可交换废话不多说,直接上代码:drag.css #moveBar1{ position: absolute; left:2px; top:2px; width: 250px; height: 300px; background: #666; border: solid 0px #000; opacity: 0.6; ...原创 2017-08-17 17:31:56 · 4310 阅读 · 7 评论 -
js的ready和onload事件的区别
onload是等HTML的所有资源都加载完成后再执行onload里面的内容,所有资源包括DOM结构,图片,视频等资源;ready是当DOM结构加载完成后就可以执行了,相当于jQuery中的 $(function(){js代码});另外,onload只能有一个,ready可以有多个。...原创 2017-08-14 16:38:24 · 790 阅读 · 0 评论 -
HTML制表符大全
ISO Latin-1字符集:	 — 制表符Horizontal tab — 换行Line feed — 回车Carriage Return  — Space! ! — 惊叹号Exclamation mark” " " 双引号Quotation mark# &...转载 2017-06-19 11:42:25 · 14598 阅读 · 0 评论 -
如何让for循环中的setTimeout()函数像预想中一样工作?
setTimeout()是js中的一类重要函数,将一段代码延迟一定时间并异步执行。但是这个函数经常不听话。在实践中,可能经常有人碰到类似下面的这种情况:for (var i = 1; i <= 2; i++) { setTimeout(function() { alert(i) }, 100);}我们期望的结果是,先隔100毫秒弹出1,再隔100毫秒弹出2。但是跑起...转载 2017-05-26 10:48:48 · 556 阅读 · 0 评论 -
纯js实现分页 原理:所有数据已加载好,js通过遍历部分显示,实现分页效果
废话不多说,直接上代码!<html><head> <meta charset='utf-8'><script type="text/javascript" src="page.js"></script> <style type="text/css"> #idData {color: red;...转载 2017-04-24 20:43:19 · 6652 阅读 · 5 评论 -
Jquery中$(document).ready()和原生js中onload()的区别
$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document).ready()和window.onload还是有区别的,下面我来介绍介绍。最基本的区别1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结...原创 2017-04-10 14:51:02 · 538 阅读 · 0 评论