前端
文章平均质量分 54
祁_z
这个作者很懒,什么都没留下…
展开
-
在web页面播放rtsp流视频(webrtc)
页面播放rtsp视频,FFmpeg安装,yasm安装原创 2022-06-23 11:11:39 · 4796 阅读 · 11 评论 -
笛卡尔坐标转wgs84
// 笛卡尔坐标转wgs84坐标x、y、z var ellipsoid = viewer.scene.globe.ellipsoid; var xyz = new Cesium.Cartesian3(-2643784.052113701, 4793748.591615388, 3261795.2620406053); ...原创 2019-11-07 14:05:13 · 1521 阅读 · 0 评论 -
js流程图绘制myflow.js(可实现UML状态图)
链接:https://pan.baidu.com/s/13oDGXhd24bgnhQ0rx3acTg提取码:2zwh原创 2020-06-23 10:07:09 · 1630 阅读 · 0 评论 -
前端几种存储方式 - localStorage、sessionStorage
https://www.cnblogs.com/LuckyWinty/p/5699117.htmlh5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。发送请求cookie会带过去浪费宽度资源。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。三种存储方式:localStorage、sessionS...原创 2019-10-24 14:32:12 · 1000 阅读 · 0 评论 -
关闭layer弹框
友好的关闭父层弹框var index = parent.layer.getFrameIndex(window.name);parent.layer.close(index);刷新页面window.parent.location.reload();原创 2019-10-23 14:07:10 · 183 阅读 · 0 评论 -
Restful API使用 - 后端api写法、前端调用写法
后台API接口写法 - 同一个/restfulUser请求路径,不同的请求方式GET(获取)、POST(添加)、DELETE(删除)、PUT(更新)。 // get请求 @RequestMapping(value="/restfulUser/{name}/{age}", method=RequestMethod.GET, produces="application/json;char...原创 2019-10-09 17:45:55 · 3762 阅读 · 0 评论 -
springboot整合freemarker
https://www.cnblogs.com/xingyunblog/p/8746542.htmlpom<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freem...转载 2019-09-04 11:59:57 · 171 阅读 · 0 评论 -
秒杀系统设计 - 前端优化
前端问题:因静态资源占据宽带非常大,1兆宽带= 128kb1. 采用动静分离 静态文件(html,js,css,图片)等文件放在CDN上,CDN采用就近原则访问速度快,而且主要不用占用自己服务器的宽带(宽带很贵!)2. 静态页面缓存到nginx 通过url路径方式区分商品页面进行缓存, 详细介绍查看“Nginx+Lua+OpenResty实现商品详情页”...原创 2019-08-17 16:26:55 · 577 阅读 · 0 评论 -
Nginx实现商品详情页-缓存静态文件
问题问题:nginx缓存静态页面怎么区分是哪个页面(哪个商家的页面)?答:根据请求url进行缓存,如产品详情1的请求为:127.0.0.1/detailed?id=1, 产品详情2的请求为127.0.0.1/detailed?id=2 nginx中根据自定义的创建缓存文件规则,会创建一个名为1和2的文件,个个文件中存放对应的产品静态页面。问题:静态页面缓存到nginx后...转载 2019-08-17 15:17:36 · 632 阅读 · 0 评论 -
bootstarp-select一款很好用的下拉框插件
详细使用请参考:https://www.cnblogs.com/landeanfen/p/7457283.html<input type="text" id="experimentId" name="experimentIds" th:value="${flow?.experimentId}" style="display: none;"/> <select class...转载 2019-08-13 15:17:46 · 458 阅读 · 0 评论 -
ajax传入数组的方式
转自:https://blog.csdn.net/feinifi/article/details/81180673ajax添加属性traditional:true通过ajax一个属性traditional:true来指定参数序列化时,不做深度序列化。 ...转载 2019-05-15 13:51:54 · 913 阅读 · 0 评论 -
checkbox 多选框 - (后台返回多条数据默认选中)
htmljquery原创 2019-01-15 11:54:15 · 3844 阅读 · 0 评论 -
checkbox 多选框 - (以数组形式传入后台)
选中的数据放到数组中提交$.ajax({ url: "/civilCompany/add", type: "post", data: { id: $("#id").val(), aptitudes: check_vall /**提交数组容器*/ }, ......原创 2019-01-15 11:59:21 · 6699 阅读 · 5 评论 -
form所有提交方式
1. 直接获取到form中所有input的name属性进行ajax提交var data = new FormData($( "#form1" )[0]); ajax必须有属性:cache: false, contentType: false, processData: false...原创 2019-01-16 11:31:13 · 262 阅读 · 0 评论 -
多选框checkbox - jsp页面(后台返回多个多选框, 并使用el表达式来进行多个选取)
html步骤:1. ajax初始化多选框2. 初始化多选框时遍历el表达式进行判断是否选中原创 2019-01-16 16:51:08 · 3011 阅读 · 0 评论 -
下拉列表select - jsp页面(后台返回多个option内容, 并使用el表达式来进行选取)
原创 2019-01-16 17:01:08 · 1150 阅读 · 0 评论 -
bootstarp 下拉框带搜索(select组件)使用
效果引入<select id = 'civilCompanyId' name='civilCompanyId' class="selectpicker show-tick form-control" data-live-search="true" > <option value=''>请选...原创 2019-01-23 15:09:31 · 1882 阅读 · 0 评论 -
Thymeleaf模版引擎代替jsp
1. pom<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency>...转载 2019-02-21 14:50:18 · 903 阅读 · 0 评论 -
bootstarp select下拉框 - 多种格式满足需求使用
http://www.cnblogs.com/landeanfen/p/7457283.html需要导入的css和js<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" /><link rel="stylesheet" href="/lib/bootstrap/dist/css/b...转载 2019-04-26 16:14:30 · 288 阅读 · 0 评论 -
带下拉框的input文本(两种实现方式)
第一种为了样式好看一些我是搭配的bootstarp使用的,如何不使用bootstarp去掉class="form-control" 和class="form-group col-lg-3"属性<div class="form-group col-lg-3"> <input type="text" id="input" style="position:absol...原创 2019-04-19 09:47:03 · 14446 阅读 · 0 评论 -
checkbox复选框全选反选
第一种// 全选反选$(".select").click(function () { $(".ids").prop("checked", true);});$(".reverse").click(function () { $(".ids").prop("checked", false);});第二种/// 全选/反选$("#all").clic...原创 2019-05-14 10:32:40 · 381 阅读 · 0 评论 -
前端导出excel
方法一将table标签,包括tr、td等对json数据进行拼接,将table输出到表格上实现,这种方法的弊端在于输出的是伪excel,虽说生成xls为后缀的文件,但文件形式上还是html,代码如下<html><head><p style="font-size: 20px;color: red;">使用table标签方式将json导出xls...转载 2018-07-09 19:42:19 · 1532 阅读 · 0 评论