
PageRelated
文章平均质量分 67
前端相关知识
LRcoding
Change the world by coding.
展开
-
【Vue】 # Vue入门学习(一)
1. Vue.js概述Vue 和 jQuery 一样,都是一个前端框架,它的中心思想就是数据驱动。像 jQuery 这种老前辈是结构驱动,怎么理解呢?像我们要改变一个元素的值,首先要获取它的结构( $("#id")),然后再修改数据($("#id").text("改变值") )而 Vue的做法直接就是 this.msg = "改变值" ,然后msg 就会同步到某个结构上。这种方式就不再是管理 dom 结构了,而是直接操作数据。2.搭建环境2.1前提安装node....原创 2021-03-15 13:54:21 · 3373 阅读 · 5 评论 -
【jQuery】 # jQuery和JSTL对select标签的操作
1. JSTL利用 <c:forEach>标签循环待选项<select id="sel" name="sel" style="width: 180px;" class="form-control"> <option value=""> 请选择 </option> <c:forEach items="${list}" var="var"> <option id="op_${var.id }" value="${var.原创 2021-01-22 14:31:45 · 2816 阅读 · 1 评论 -
【jQuery】 # jQuery选择器
一、基本选择器1.元素选择器选择所有的 <p>元素$("p")2. ID选择器选择 id 为demo的元素$("#demo")3. class类选择器选择所有class为 test的元素$(".test")二、实例1.查找 ID以 demo_ 开头的div$("div[id^='demo_']")2.查找 ID以 6结尾的div$("div[id$='6']")3.选取当前HTML元素...原创 2021-02-26 16:34:31 · 2617 阅读 · 4 评论 -
【jQuery】 # jQuery插件validation自定义验证表单项的合法性
1. 引入插件<!--先引入jQuery库,再引入jQuery校验插件--><script src="js/jquery-1.9.1.min.js" type="text/javascript"></script><script src="js/jquery.validate.js" type="text/javascript"></script><!-- 如果不想自定义错误提示信息,可以用插件库默认的,但是要引入中文(默认英文)-原创 2021-05-11 15:23:32 · 1809 阅读 · 0 评论 -
【JS】# 关闭定时器setInterval、实现公告左右轮播、获取每月最大的天数、如何跳出forEach循环
关闭定时器setInterval实现公告左右轮播获取每月最大的天数如何跳出forEach循环原创 2022-10-29 14:59:23 · 827 阅读 · 0 评论 -
【AngularJS】 # AngularJS入门
1. AngularJS简介AngularJS是一个JavaScript框架,用js编写的库<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script><!-- 放在<body> 元素的底部。提高网页加载速度 -->1.1. AngularJS 扩展了 HTMLAngularJS 通过 ng-directives扩展了HTMLng-app 指令原创 2021-07-15 16:14:49 · 2979 阅读 · 0 评论 -
【JSP】 # JSP入门及简单概述
1. JSP入门JSP全名为Java Server Pages,java服务器⻚⾯。JSP是⼀种基于⽂本的程序,其特点就是HTML和Java代码共同存在!JSP本身就是⼀种Servlet,Tomcat访问任何的资源都是在访问Servlet!JSP就是封装了Servlet的java程序编译原理:浏览器第⼀次请求1.jsp时,Tomcat会将1.jsp转化成1_jsp.java这么⼀个类,并将该⽂件编译成class⽂件。编译完毕后再运⾏class⽂件来响应浏览器的请求。生命周期:原创 2021-05-18 16:33:31 · 2227 阅读 · 1 评论 -
【Ajax】 # ajax简单概述
1. Ajax概述异步的(Asynchronous),使用Ajax代表不使用之前的转发重定向操作 异步访问,局部刷新使用XMLHttpRequest技术整合2. 原生Ajax实例 – 使用jsp【【在<input>标签内,加入 onblur 事件】】【获取输入】并判断,在页面内进行前端验证======================================================================================JS访问服务原创 2021-05-18 15:46:46 · 1734 阅读 · 1 评论 -
【JSTL】 # JSTL的简单使用:(1)核心标签 c(2)格式化标签 fmt (3)函数
1. 核心标签核心标签是JSTL最常用的标签,想使用的时候,直接引入即可:<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>1.1 <c:if>相当于 java 中的 if 语句<c:if test="判断条件" var="存储结果的变量" scope="var属性的作用域"> 只有在判断条件为 true 时,才执行这里面的语句</c:if>例子:<c:i原创 2021-05-08 15:04:05 · 1868 阅读 · 1 评论 -
【ECharts】 # ECharts入门学习
1. 简单介绍通俗的理解,Echarts 是一个 JavaScript 插件,性能很好,可以流畅的运行在PC和移动设备上,兼容主流浏览器,提供了很多常用的图表(折线图、柱形图、散点图、饼图、K线图),而且还支持用户自定义。2. ECharts简单实例步骤:下载并引入 echarts.js 文件准备一个具备大小的 DOM 容器初始化 echarts 实例对象指定配置项和数据(option)将配置项设置给 echarts 实例对象2.1 下载并引入echarts.js文件由于在写这篇文章原创 2021-03-23 11:21:19 · 2332 阅读 · 0 评论 -
【JS】 # js获取当前日期,比较日期大小
通过 JS在前台页面获取当前日期,比较时间的大小// 获取当前时间,格式YYYY-MM-DDfunction getNowFormatDate() { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <.原创 2021-02-26 16:56:55 · 3177 阅读 · 0 评论