
web前端
文章平均质量分 67
花2不谢
热爱开发,乐于分享、
展开
-
纯js的ajax和Java后台交互
今天用了纯js代码写ajax和后台交互,写好了最开始没得问题,但是前端接收后台数据的时候遇到问题了。一直获取不到值,原来是我理解错了,获取后台的相关操作必须写到那个状态变化监听器里面。也就是需要写到onreadystatechange里面。最开始我一直以为获取后台的操作应该在发送请求(send)之后。弄了很久,最后还是一同学帮我看到了错误。前台代码为:<%@ page language="原创 2016-06-08 12:05:08 · 32984 阅读 · 10 评论 -
送给前端的你,推荐几篇前端汇总文章。(来自知乎专栏)
作者:路人甲链接:https://zhuanlan.zhihu.com/p/22229868来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。昨天写的文章,一大早发出去点开预览的时候发现格式都错乱了。又急着去上班就把文章给删除了。本来是周一更的习惯也就打破,放到周二去更新了。今天周二,度过了烦人的周一,又开始一个新的工作日。这篇文章起初是转载 2017-08-28 20:45:13 · 2028 阅读 · 0 评论 -
解决给dom元素绑定click等事件无效问题的方法
JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。本文主要介绍了解决给dom元素绑定click等事件无效问题的方法。具有很好的参考价值,下面跟着小编一起来看下吧原创 2017-07-06 13:58:57 · 13300 阅读 · 0 评论 -
HTML5元素的 data-* 属性详解
data-* 属性是 HTML 5 的新特性,允许用户在 DOM 中存储自定义信息。以前,需要存储含有特定含义的信息通常是通过 class 完成的,但这并不是 class 本来的用途。现在,利用 HTML 5,可以为元素添加data-*属性,从而存储自定义信息。其中*是可以自定义的部分。例如: id="tu" data-category="Web Development" data原创 2017-06-29 17:49:16 · 17609 阅读 · 2 评论 -
JS闭包总结
闭包: 有权访问另一个函数作用域中变量的函数用处: 1 读取函数内部的变量 2 让某些变量的值始终保持在内存中在了解闭包之前,我们需要明白变量的作用域,即函数内部能够读取全局变量,但是函数外却不能读取函数内的局部变量1 当使用闭包访问局部变量function f1(){ var n = 999; function f2(){原创 2017-05-24 10:59:33 · 9219 阅读 · 0 评论 -
Vue-cli开发SPA应用(适用初学者)
使用Vue开发SPA(单页面应用)估计各位博友都耳熟能详了,这里简单概要一下使用vue-cli快速开发单页面应用。本博文以window系统为例(虽然用的是Mac操作的,考虑到大多数博友是用window开发),Mac系统类似,不多赘述。环境要求node 6.0以上(不要安装7.0,这是beta版) 下载链接https://nodejs.org/en/安装教程https://原创 2017-05-24 10:56:57 · 12136 阅读 · 0 评论 -
js 高级算法 - 动态规划
主要是看了《数据结构与算法》有所感悟,虽然这本书被挺多人诟病的,说这有漏洞那有漏洞,但并不妨碍我们从中学习知识。其实像在我们前端的开发中,用到的高级算法并不多,大部分情况if语句,for语句,swith语句等等,就可以解决了。稍微复杂的,可能会想到用递归去的解决。但要注意的是递归写起来简洁,但实际上执行的效率并不高。我们再看看动态规划的算法:动态规划解决方案从底部开原创 2017-05-24 10:55:02 · 13940 阅读 · 0 评论 -
我的第一个Vue.js输出信息
Vue第一条信息{{ message }}new Vue({el: ‘#app’,data: {message: ‘Hello Vue.js!’}})new Vue()相当于新建了一个Vue对象。el: ‘#app’,是选择器data: { message: 'Hello Vue.js!'}是数据,如果要增加数据,在data添原创 2017-05-24 10:51:38 · 2285 阅读 · 0 评论 -
Java+Jquery实现转盘抽奖系统
今天平安夜,协会需要做活动,第一个活动就是在群里发红包,第二个就是进协会网站的抽奖系统进行抽奖。由于需要,所以我零时做了一个抽奖系统,是一种大转盘抽奖的。效果图如下:这个基于Java抽奖的幸运大转盘抽奖系统是和微信的有点像,改编自一个网友的代码。前台大概就是html+css+js,后台就是Java(实现的Java抽奖系统)。后台Java代码为:packa原创 2016-12-24 23:21:57 · 10615 阅读 · 6 评论 -
Jquery选择器操作select、checkbox、radio
每次需要操作一些select,checkbox、radio元素的时候,都还要在网上查一下。现在先做个小的总结。一:Jquery操作select:1.判断select选项中 是否存在Value="paraValue"的Item$("#selectid option[@value='paraValue']").length>02.向select选项中 加入一个Item $("#原创 2017-01-03 18:05:39 · 668 阅读 · 0 评论 -
JavaScript获取IP的方法
很多时候我们想在客户端(浏览器端)获取到浏览器的IP地址刚刚在网上查了很多,都没有找到解决办法。一些第三方的接口也是过时了的。最后发现搜狐提供了一个JS接口,可以通过它获取到客户端的IP。 document.write(returnCitySN["cip"]+','+returnCitySN["cname"]) 通过上面的就能够查询到本地的IP,还可以自己在它的基础上做一些修原创 2016-12-21 23:11:13 · 9397 阅读 · 2 评论 -
SweetAlert简单使用,弹出对话框
SweetAlert可以替代JavaScript原生的alert和confirm等函数呈现的弹出提示框,它将提示框进行了美化,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。使用方法要使用该插件,首先要在html的header中引入以下文件:最基本的调用方法:sweetAlert("Hello world!");原创 2016-11-27 19:00:13 · 38028 阅读 · 15 评论 -
Jquery中的ajax请求($.ajax())参数请求详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。async原创 2016-11-15 13:07:34 · 9455 阅读 · 0 评论 -
getContextPath、getServletPath、getRequestURI、getRealPath、getRequestURL、的区别
很多同学容易搞混getContextPath、getServletPath、getRequestURI、getRealPath、getRequestURL这几个的区别,我一一实验了下。JSP种实验代码如下:<% out.println("getContextPath: "+request.getContextPath()+""); out.println("getServletPath原创 2016-11-11 20:10:45 · 3285 阅读 · 0 评论 -
Jsp页面中路径问题(${pageContext.request.contextPath} JSP取得绝对路径)
在jsp页面中会引用到很多的CSS,JS或者图片连接,如果直接输入jsp文件的路径访问,一般没得问题,但是如果我们用Struts2或者springmvc或者Servlet传值(只要用到了服务器内部转发功能),就很可能出现找不到CSS、JS等资源。解决办法就是在引入样式表等资源前加上请求的路径。下面做个对比:第一种:平时我们的做法: 第二种:经过处理后的做法:原创 2016-11-11 19:51:06 · 7944 阅读 · 0 评论 -
最简单的验证码(利用JSP生成验证码)
可以直接利用jsp输出验证码。jsp文件如下:<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" pageEncoding="utf-8"%><%!Color getRandColor(int fc,int bc){Random ra原创 2016-08-29 20:36:29 · 16186 阅读 · 4 评论 -
Bootstrap之网站导航栏制作
网站导航栏制作通过bootstrap变得十分简单。只需要引入相关的样式文件和js文件即可。第一步引入相关文件: <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> 第二步就是编写html代码:原创 2016-07-07 18:23:51 · 3765 阅读 · 0 评论 -
最简单的图片轮播--利用myfocus js焦点图库插件
图片轮播有很多种实现方式,可以借助于第三方插件,也可以手写js代码。这里说的是myfocus js焦点图库。myFocus的标准风格使用,只需简单3步:第一步:在html的标签内引入myFocus库文件:第二步:创建标准的(myFocus)html结构,并填充你的内容: <img src="image/原创 2016-07-06 19:58:55 · 1550 阅读 · 0 评论 -
nginx开启gzip压缩
在网上查了很多资料,大家都是这么说的:gzip on; gzip_min_length 1k; gzip_buffers 4 16k; #gzip_http_version 1.0; gzip_comp_level 2; gzip_types text/plain application/javascript application/x-javascript...原创 2018-07-15 18:20:49 · 478 阅读 · 2 评论