![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页编程和设计
有园人
这个作者很懒,什么都没留下…
展开
-
关于ztree跳转指定目录以及展开指定层级的解决方法
function initTree() { var setting = { view: { showLine: true, selectedMulti: false, dblClickExpand: false }, data: { simpleData: { ...原创 2020-09-30 09:23:09 · 940 阅读 · 0 评论 -
bootstrap table 对于现实字数,鼠标放上显示全部的方法
table标签加的事件 cellStyle:formatTableUnit, formatter :paramsMatter, //表格超出宽度鼠标悬停显示td内容 function paramsMatter(value, row, index, field) { var span = document.createElement('span'); span.setAttribute('title', value); span.innerHTML = value; return.原创 2020-09-10 14:31:01 · 595 阅读 · 0 评论 -
关于在标签加控制显示字数的限制方法
方法一:使用<c:foreach>控制显示字数将下面的方法嵌套在标签上: <c:if test="${fn:length(learningAssociate.associateLearningTitle)>12}"> ${fn:substring(learningAssociate.associateLearningTitle, 0, 12)}...</c:if><c:if test="${fn:length(learningAssoci原创 2020-08-20 14:16:12 · 907 阅读 · 0 评论 -
关于处理前端list相邻位置交换处理
俩个方法:actomicOrderSort:主要提取出需要操作的俩个对象:orderState为操作状态(1,表示前移一位。2,表示后移一位),atomicorder需要操作的对象的当前排序。changeAtomicOrder:将actomicOrderSort()方法中提取出的俩个需要操作的对象,将其从list中删除,然后重新push进去。 /*原子排序*/ function actomicOrderSort(orderState, atomicorder) { var原创 2020-08-20 11:24:19 · 270 阅读 · 0 评论 -
前端格式化数据显示
var time=new Date(row.orderTime).Format("yyyy-MM-dd HH:mm:ss");原创 2020-07-10 08:52:08 · 184 阅读 · 0 评论 -
ELK的安装和介绍
ELK(ElasticSearch, Logstash, Kibana)为什么要用 ELK,它解决了什么问题?ELK 的架构原理 安装 ELK1 安装 ElasticSearch安装步骤 注意:1.安装 elasticsearc...原创 2019-12-17 16:02:22 · 328 阅读 · 0 评论 -
stream消息接收和消息发送
消息接收stram-reciverpom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...原创 2019-12-17 09:41:57 · 1009 阅读 · 0 评论 -
在网关中实现对服务降级处理
项目总览pom文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=...原创 2019-12-12 20:30:09 · 716 阅读 · 0 评论 -
服务网关 Zuul
什么是网关服务 网关服务是单一访问点,并充当多项服务的代理。服务网关启用了跨所有服务的变换、路由和公共处理。网关解决了什么问题编写网关服务入门案例 修改 pom 文件<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://mave...原创 2019-12-11 20:16:18 · 138 阅读 · 0 评论 -
解决灾难雪崩效应,隔离机制
线程池隔离修改 pom 添加 hystrix 坐标<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ...原创 2019-12-09 20:24:28 · 175 阅读 · 0 评论 -
服务容错保护hystrix
灾难性雪崩效应如何解决灾难性雪崩效应降级 超时降级、资源不足时(线程或信号量)降级,降级后可以配合降级接口返回托底数据。实现一个 fallback 方法, 当请求后端服务出现异常的时候, 可以使用 fallback 方法返回的值. 隔离(线程池隔离和信号量隔离) 限制调用分布式服务的资源使用,某一个调用的服务出现问题不会影响其他服务调用。熔...原创 2019-12-09 08:52:16 · 126 阅读 · 0 评论 -
jQuery事件绑定
bind的方法运用,以及trigger,unbind的使用。在这里有一种新的事件,one事件,只执行一次,然后失效。先看body:<body> <input type="button" id="but1" value="单击事件"/> <input type="button" id="but2" value="bind绑定...原创 2019-08-17 20:10:05 · 238 阅读 · 0 评论 -
jQuery操作页面的元素
主要有添加,替换,删除,清空三种方式:添加又分为,在之前添加,在之后添加,在元素外之前添加,在元素外之后添加。每个添加方式又有俩种方法(效果一模一样):俩种方法区添加,在原内容之后:p.appendTo("#div");$("#div").append(p);俩种方法区添加,在原内容之前:p.prependTo("#div");$("#div").prepe...原创 2019-08-17 19:56:36 · 205 阅读 · 0 评论 -
jQuery中操作页面的文本和值
主要是区分俩种方法:1.html():可以识别HTML文件,将里面内容全部打印(操作双标签)2.text():只是将里面的内容打印出来,不能识别HTML格式(操作双标签)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>12jQuery中操作页面...原创 2019-08-17 19:44:55 · 235 阅读 · 0 评论 -
JQuery中操作元素的属性_对象属性
我们主要是通过attr去获取元素的属性:看body内容:<body> <p> 账号:<input type="text" id="uname" value="张三" /> </p> <p> 密码:<input type="password" id="pwd" value="123456" />...原创 2019-08-17 19:40:19 · 381 阅读 · 0 评论 -
jQuery操作元素对象的样式
在jQuery中操作元素为了加快速度,或者书写速度,可以用到json的格式:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>08jQuery操作元素对象的样式A</title> <script type="text/javascr...原创 2019-08-17 19:17:43 · 129 阅读 · 0 评论 -
jQuery中的属性选择器
先看代码,后面详细解释:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-1.9.1.js" ></scrip...原创 2019-08-17 17:28:18 · 879 阅读 · 0 评论 -
jQuery中的基本的选择器学习(补充版)
先看整体代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>05jQuery中的基本的选择器学习C</title> <script type="text/javascript" src="js/jquery-1.9.1.js" ...原创 2019-08-16 21:04:55 · 109 阅读 · 0 评论 -
CSS中的选择器
body标签: <body> <!--选择器的优先级: id选择器>class选择器>元素选择器>通用选择器 --> <div id="d1">十一</div> <div class="dd">22</div> <div class="dd">33</d...原创 2019-08-13 16:01:23 · 293 阅读 · 0 评论 -
CSS_跳动的心
详细教程CSS3<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ background-color: #ffa5a5; } ...原创 2019-08-13 21:28:34 · 453 阅读 · 0 评论 -
jQuery实现类似于购物车操作
先看页面的代码,后面会详细写每一个操作的实现。<html> <head> <title>jQuery操作表格</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> tr{ height: ...原创 2019-08-19 17:23:15 · 308 阅读 · 0 评论 -
CSS_实现京东购物车静态页面
主页面分配:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>京东购物车</title> <link rel="stylesheet" href="css/reset.css" /> <link re...原创 2019-08-14 19:53:26 · 1803 阅读 · 1 评论 -
JS的引入方式_变量的使用_变量的类型
JS的俩种引入方式:1.<!--js的引入方式1--> <script> /*网页中的弹框*/ alert("js的学习!!") </script>2.<!-- js的引入方式2 src=引入文件的路径 charset=指定引入的编码 注意:引入js的时候千万不要二合一 ...原创 2019-08-14 20:06:36 · 551 阅读 · 0 评论 -
JS中的运算符_函数学习
js中的运算符: 算数运算符: + - * / % ++ -- 逻辑运算符: & | ! && || < > <= >= != 连接符(当数据类型有一方是字符串类型时为连接符,布尔:true+false=1): + 特殊运算符: == 等值符(先比...原创 2019-08-14 20:25:41 · 145 阅读 · 0 评论 -
BOM对象中的常用方法
先看body中的内容:<body onload="demo1()"> <p> <input type="button" id="" value="window.alert" onclick="demo1()"/> </p> <p> <input type="button" id="" value=...原创 2019-08-15 20:57:08 · 192 阅读 · 0 评论 -
BOM对象学习
location,history,screen<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>02BOM对象学习</title> <script> function testLocation(){ //127....原创 2019-08-15 21:01:01 · 136 阅读 · 0 评论 -
DOM中的获得元素的方式
获取元素的方式:分为俩种:1.直接获取:直接获取分为三种:a,获取单个元素:function demo1(){ var uid=document.getElementById("username"); alert(uid); }b,获取部分元素:function demo3(){ var name=document.getElementsByN...原创 2019-08-15 21:09:43 · 208 阅读 · 0 评论 -
DOM中操作结点的属性_操作元素结点的样式
有俩种方式操作结点的属性。首先我们需要先获取所要操作的结点元素:var uname=document.getElementById("uname");var gan=uname.getAttribute("value");var gat=uname.getAttribute("type");俩种方法获取结点元素,根据获取的结点元素,在去操作元素的属性。//操作属性的方...原创 2019-08-15 21:22:04 · 192 阅读 · 0 评论 -
HTML_body中常用的标签部分
meta:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>第一个HTML</title> </head> <body> <!-- 作者: 时间:2019-0...原创 2019-08-12 17:38:41 · 602 阅读 · 0 评论 -
初步认知jQuery
jQuery:是JavaScript的一个类库全写JavaScript querywrite less do moreJavaScript查询写的更少做的更多第一步先导入js文件:<script type="text/javascript" src="js/js.js" charset="UTF-8"></script>然后再去写你想要操作的元素。例:...原创 2019-08-16 20:13:05 · 86 阅读 · 0 评论 -
jQuery中的基本选择器,id,class,元素,通用
常用的基本选择器:后续的补充选择器为了后面看的方便,我们先将body中的内容展示出来:<body> <p> 账号:<input type="text" id="uname" value="zhangsan" /> </p> <p> 密码:<input type="password" nam...原创 2019-08-16 20:34:43 · 2317 阅读 · 0 评论 -
jQuery中的层级选择器
话不多说,请看效果:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>04jquer中的层级选择器B</title> <script type="text/javascript" src="js/jquery-1.9.1.js" c...原创 2019-08-16 20:47:41 · 150 阅读 · 0 评论 -
CSS的引入方式
CSS的四种引入方式:1.行内式: <body> <!--行内式--> <p style="color: red;">我们不一样</p> <p>我们不一样</p> <p>我们不一样</p> <p>我们不一样</p> &...原创 2019-08-13 15:38:19 · 247 阅读 · 0 评论