前端
主要存放前端实战经验和基础知识
qq_43154385
温柔善良待人
展开
-
区域解析器的使用,中英文切换,thymeleaf实现国际化
效果图:中英文切换定义两个相同的前台页面index1、index2,在其中一个页面点中文,那么另一个页面刷新一下也会显示中文,在当前页面点英文,另一个页面刷新一下也会同步成英文。实现代码:controller:@Controller@RequestMapping("/test")public class TestInterceptorForwordCon { @R...原创 2019-01-04 11:03:30 · 1315 阅读 · 0 评论 -
SpringBoot优缺点总结
springboot是什么spring boot用来简化spring的应用开发,约定大于配置,去繁从简。spring boot功用众多,其中最主要的功能就是自动化配置,简化开化。SpringBoot核心功能spring-boot-starter: Spring Boot的核心启动器,包含了自动配置、日志和YAMLspring-boot-starter-aop: 支持AOP面向切面编程...原创 2018-12-21 11:46:12 · 1154 阅读 · 0 评论 -
bootstrap的日期时间插件
效果图展示:1)html代码<div class="row"> <div class="col-xs-2"> <label class="control-label">发布截止日期:</label> </div> <div class=&qu原创 2018-12-06 10:12:04 · 421 阅读 · 0 评论 -
使用bootstrap用来表单验证
效果图如下:失焦验证如图1,电话必须唯一,如果数据库有该电话,失焦则弹出手机号已经被占用,请重新输入!两次密码输入必须一致,否则弹出如图三。实现代码如下:<%-- Created by IntelliJ IDEA. User: 丑丑 Date: 2018/11/20 Time: 10:36 To change this template use...原创 2018-11-21 10:10:11 · 815 阅读 · 0 评论 -
bootstrap和easyUI的区别
首先我们来分别看看bootstrap和easyUI实现的页面效果bootstrap: easyUI:easyUI整体上看中规中矩,方方正正。在视觉上,谈不上美,也说不上丑。给人一种走进古时衙门的感觉,堂堂正正,大气得体。bootstrap实现效果图。整体上朴素简约,似水润肤。两者的区别easyUI属于jQuery-UI的一个前端UI组件库(比jQuery-UI更轻量级),bo...原创 2018-11-21 09:56:43 · 10475 阅读 · 3 评论 -
前台动态获取验证码
引入jsp方式先创建一个jsp文件,下面这段jsp,其实就是在jsp上写java代码来画一个验证码图片,然后把生成的验证码存入session当中,然后在后台就可以通过session来获取到验证码进行验证前台:validatecode.jsp,这是一个单独的jsp<%@ page language="java" contentType="text/html; charset=UT...原创 2018-12-14 11:51:33 · 686 阅读 · 0 评论 -
前台用UMeditor富文本框的形式存取内容
完成效果图如下:可以去官网:https://ueditor.baidu.com/website/index.htmlue版本功能多,um版本日常功能都有,我下载的um把版本1) 需要依赖static/Ueditor<link href="${pageContext.request.contextPath}/static/Ueditor/themes/default...原创 2018-12-06 09:56:54 · 553 阅读 · 0 评论 -
JS 定时器的4种写法及介绍
JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下setTiemout、setInterval、setImmediate、requestAnimationFrame。·一、什么是定时器JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下:setTimeout: 设置一个定时器,在定时器到期后执行一次函数或代码段//code from http...原创 2019-03-11 08:41:56 · 407 阅读 · 0 评论 -
三种定义JQuery预加载方法及JQuery选择器
jQuery页面预加载方法:jQuery(document).ready(function(){ alert("222");});jQuery(function(){ alert("333");});$(function(){ alert("444");})基本选择器: 基本选择器是JQuery所有选择器的基础,通过元素的id属性、clas...原创 2018-12-18 14:43:14 · 737 阅读 · 2 评论 -
jQuery与JavaScript与ajax三者的区别与联系
简单总结:1、JS是一门前端语言。2、Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新。3、jQuery是一个框架,它对JS进行了封装,使其更方便使用。jQuery使得JS与Ajax的使用更方便。关系比喻:若把js比作木头,那么jquery就是木板(半成品);jQuery与ajax都是js的一个框架,各有各的功能,...原创 2018-12-14 14:44:55 · 782 阅读 · 2 评论 -
EasyUI常用组件(基础)
---------------------------------------------------------------------------------------------------------------[版权申明:本文系作者原创,转载请注明出处]文章出处:http://blog.csdn.net/sdksdk0/article/details/51914553作者:朱培 ID:sdksdk0------------------------------------------..转载 2020-10-13 15:09:49 · 637 阅读 · 0 评论