![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
初级码奴
学习资源
http://blog.720ui.com
https://www.liaoxuefeng.com/
展开
-
深入理解ajax系列——XHR对象
前面的话 1999年,微软公司发布IE5,第一次引入新功能:允许javascript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意,直到2004年Gmail发布和2005年Google Map发布,才引起广泛重视。2005年2月,ajax这个词第一次正式提出,指围绕这个功能进行开发的一整套做法。从此,ajax成为脚本发起HTTP通信的代名词,W3C也在2006年发布了它的国际标准。...转载 2018-09-27 15:17:21 · 260 阅读 · 0 评论 -
FileReader上传多张图片
使用Promise实现同步处理<div> <input type="file" accept="image/*" @change="setImage" multiple="multiple"/></div><script> setImage(e) { let that = this ...原创 2019-04-25 15:48:25 · 1802 阅读 · 0 评论 -
将元素外其他元素设置成黑色背景并隐藏(开关灯效果)
document.getElementById("light").addEventListener('click', function() { var dom = document.getElementsByTagName("iframe")[0]; turnLight(dom); turnBorder(document.query...原创 2019-04-18 17:05:02 · 321 阅读 · 0 评论 -
thymeleaf设置css样式,矩形百分比填充背景色
对调查结果进行统计的页面,在div的style中拼接后台参数,显示百分比<tr th:each="option:*{obj.list}"> <td th:text="*{option.title}">选项</td> <td th:text="*{option.poll}">小计</td> <td th:inline="...原创 2018-12-10 11:05:21 · 13935 阅读 · 0 评论 -
thymeleaf判断符号
gt:great than(大于)>ge:great equal(大于等于)>=eq:equal(等于)==lt:less than(小于)<le:less equal(小于等于)<=ne:not equal(不等于)!=原创 2018-12-10 11:07:37 · 2260 阅读 · 0 评论 -
js等比缩放图片 居中
需求,给定相框大小,将所选图片等比缩放进相框居中位置因为要求精确度不高,在计算时取了2位小数,对结果取整/** * 等比缩放图片并居中摆放 * @param width * 图片宽 * @param height * 图片高 * @param pWidth * 父容器宽 * @param pHeight * 父...原创 2019-04-26 17:15:56 · 556 阅读 · 0 评论 -
Nodejs探秘:深入理解单线程实现高并发原理
前言从Node.js进入我们的视野时,我们所知道的它就由这些关键字组成 事件驱动、非阻塞I/O、高效、轻量,它在官网中也是这么描述自己的。Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model th...转载 2019-02-11 16:48:46 · 6567 阅读 · 0 评论 -
wro4j和maven plugin在编译期间压缩静态资源
优化前: 基本上所有的jsp都引用了这一大坨静态文件:<link rel="stylesheet" type="text/css" href="${ctxPath}/css/skin.css"/><link rel="stylesheet" type="text/css" href="${ctxPath}/css/jquery-ui-1.8.23.转载 2018-11-06 10:52:27 · 366 阅读 · 0 评论 -
伪元素(伪对象)和伪类的区别?
其中伪类和伪元素的根本区别在于:它们是否创造了新的元素。伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。伪对象选择符Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介...转载 2018-10-29 15:47:58 · 2147 阅读 · 0 评论 -
bootstrap+echarts选项卡切换图表
1、效果 2、代码(自定义依赖包路径)<!doctype html><html lang="en"><head><meta charset="utf-8" /><title>图表选项卡</title><link rel="stylesheet&qu原创 2018-09-30 11:17:40 · 10546 阅读 · 2 评论 -
样式笔记
1、用样式给必填项前面加红色标记<p class="required">我是必填项</p>/* 必填项增加红色星号 */.required::before { content: " * "; color: #f00}2、给图片加 max-width,使图片在容器内显示img { max-width: 100%;}3、移动...原创 2019-08-12 16:56:55 · 123 阅读 · 0 评论