前端
wending-Y
这个作者很懒,什么都没留下…
展开
-
Servlet与jquery ajax测试读取返回对象属性
这个例子测试感觉很麻烦,网上找了好多,终于搞出来了。这里以返回一个对象为例public class people {private String name; private int order; public String getName() { return name; } public void setName(String name) {原创 2016-12-07 00:00:54 · 2809 阅读 · 1 评论 -
jquery <a>标签得到this
参考代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.3.1.min.js&q原创 2018-05-14 22:44:42 · 1344 阅读 · 0 评论 -
javascript检验身份证号码
由于前面六位代表省市区县太复杂了,我就没进行检验。主要是省市区县太多了,不好验证。其中的校验码运算,参考百度关于身份证。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> functi原创 2016-10-23 11:38:32 · 488 阅读 · 0 评论 -
某APP实时登录分析项目下
这一节主要介绍如何使用highmaps制作中国地图,参考地址https://www.hcharts.cn/demo/highmaps/china/grid-light为了简化,这里把下钻的功能去掉,比较源代码和我的代码就能看见哪部分是指的下钻功能。这个地方最重要的构造返回的json数据格式,分析过程有点麻烦,这里我直接写出该结果,返回的格式应为{"features":[{'properties'原创 2017-05-31 12:10:20 · 636 阅读 · 0 评论 -
js中setInterval与setTimeout用法
SetTimeout相当于延时操作,就是等一定时间再执行代码setInterval就是每隔一定时间重复执行操作试验代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tra原创 2017-05-16 22:56:26 · 661 阅读 · 0 评论 -
jsp提交表单乱码问题
jsp提交表单乱码问题原创 2017-03-30 13:12:30 · 530 阅读 · 0 评论 -
js跳转url携带参数和传递中文乱码问题
直接给例子 js代码,参照事例,两次编码$(document).ready(function(){ $('button').click(function(){ var na=$(this).attr('name');//$(this)是在方法click内,此处的$(this)表示的是当前调用click方法的对象$("p"),就是表示当前对象,当前调用该方法的对象原创 2016-12-27 21:19:14 · 11249 阅读 · 1 评论 -
web项目实战实现焦点图轮播
点击右箭头和小圆点实现图片切换能够实现自动切换切换时缓慢切换<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> *{ margin: 0; padding: 0; text-decoration: none;}原创 2016-08-29 18:32:19 · 976 阅读 · 0 评论 -
Highcharts ajax加载数据实例
这里我只给出重要代码思路是先通过ajax请求数据库数据,返回回来数组,我这里以servlet为例。就知道url啥意思了。<script>$(function () { var le=new Array(); $.ajax({ url: 'le', // dataType: "json", type:"pos原创 2017-01-03 12:07:53 · 4601 阅读 · 1 评论 -
下拉菜单分别用css,javascript,jquery实现
最近在学习前端知识,写了点小例子,各大家分享一下。我特意给大家做了个gif。第一次做,感觉还可以。 - 首先用css实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{原创 2016-10-12 20:12:35 · 709 阅读 · 0 评论 -
html+css实现照片墙
实现效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3图片</title> <style type="text/css"> body{ background: rgba(17, 17, 17, 0.1); }原创 2016-08-28 11:54:53 · 20182 阅读 · 2 评论 -
天猫首页轮播图实现(附gif图)
图片自己去天猫下载 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> *{ margin: 0; padding: 0; text-decoration: none;} body { padding:原创 2016-10-16 16:14:24 · 4383 阅读 · 0 评论 -
完美理解csss中offsetLeft,offsetWidth,scrollLeft区别。
本节内容旨在理解上述词的区别。先来代码再分析<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body{ margin-left: 30px; }原创 2016-10-19 22:26:32 · 1674 阅读 · 0 评论 -
Ajax小例子
学习了Ajax,写了一个小例子。这是以get方式请求1.效果图 2. 项目图 3. jsp内容<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit原创 2016-11-11 18:19:36 · 269 阅读 · 0 评论 -
分析电商网站图片放大的实现原理
先分析下大致原理,放大原理实际上是一张正常图片,再加上一张放大n倍图片,根据鼠标在正常图片上的位置,再将位置乘n倍,定位到放大图片,显示。先来看看效果 html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style> *{ padding: 0p原创 2016-10-20 09:53:36 · 1278 阅读 · 0 评论 -
统计ul下li个数在ul为class或id
第一种情况下ul为id <ul id="con"> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> </ul> <ul id="con1"> <li>1</li> <li>1</li> </ul>解决原创 2016-12-10 23:03:41 · 1879 阅读 · 0 评论 -
xpath从此放弃正则表达式
本次的问题是从网页中提取url产生的。xpath介绍自己百度,这里有两个重点,提取文本内容/text(),提取属性内容/@xxx下面举例说明使用介绍,前提条件有lxml模块首先点击图片,查看元素,得到xpath 5.得到的是原始是”//[@id=”houselist-mod”]/li[2]/div[1]/img” 这里我要提取的img里面的src,从结构中我们很容易得到修改后的结果”//[@原创 2017-03-01 23:05:35 · 5238 阅读 · 2 评论 -
ajax 跨域问题解决方案
1.背景:当ajax 请求的内容不在同一个项目时,在其它项目中就会存在跨域问题解决方案为设置ajax的请求数据格式为jsonp,这种方法会存在一个问题返回来的json数据不能显示这种方式对于json类型数据不可用,方案二在源头解决 response.setHeader("Access-Control-Allow-Origin","*");...原创 2018-06-01 01:58:28 · 172 阅读 · 0 评论