javaScript/jquery
伏特加的滋味
菜鸟的成长之路!
展开
-
前端分页例子
目的:分页有前端和后端的方法,最近弄了一个前端分页的方法代码如下例子解析: 前端分页方法基于从后台查出来数据,渲染了表格,然后再去控制表格中数据的显示分页。代码核心在于goPage()方法 a{ text-decoration: none; } .table2{ border原创 2017-05-22 19:17:44 · 1455 阅读 · 0 评论 -
CSS样式的优先级问题
第一:css的四种引入方式1.行内样式最直接最简单的一种,直接对HTML标签使用style="",例如:缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便。 2.内嵌样式内嵌样式就是将CSS代码写在之间,并且用进行声明,例如: body,div,a,img,p{margin:0; padding:0;转载 2017-07-12 18:25:33 · 388 阅读 · 0 评论 -
控制一个div的显示/隐藏
目的:控制一个div内容的显示隐藏方法div内容: 首页 上一页 下一页原创 2017-05-22 19:12:52 · 3710 阅读 · 0 评论 -
css样式不被覆盖
在开发过程中 css样式被覆盖了,怎么解决?#particles-js{ width: 100%; height: 100%; background-color: #0081dc; background-image: url(''); background-size: cover; background-position: 50% 50%; background-原创 2017-07-04 15:08:52 · 2965 阅读 · 0 评论 -
particlesJS效果制作
引入: 一篇很好的学习地址:http://blog.csdn.net/csdn_yudong/article/details/53128570使用过程中的遇到的问题: 1、把三个文件(app.js; particels.js;style.css ) 及 引入之后没有效果;解决方法: 修改了三个文件的加载位置: 把两个js加载到最后;把style.css加载在head和body之间就可以啦!原创 2017-07-04 15:56:27 · 879 阅读 · 0 评论 -
js 添加地图插件
目的:页面上插入地图API,能够显示需要显示的位置1、引入api插件:2、地图显示的位置: 3、引入js代码 // 百度地图API功能 var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.原创 2017-07-21 11:44:25 · 6686 阅读 · 0 评论 -
HightCharts应用实例
开发中经常用的图标 之前有接触过echart,现在有接触了一下hightchartHighcharts 教程 | 菜鸟教程(runoob.com)$(document).ready(function() { var chart = { type: 'bar' }; var title = { text: 'Historic Wo原创 2017-07-31 19:28:44 · 633 阅读 · 0 评论 -
js获取前端时间方法,并且实现定时刷新页面的功能
目的:在前端页面上显示时间,并且能够自动刷新代码:1、时间的自动显示 function showTime(){ var $dt = document.getElementById("time"); // 得到容器对象 var dt = new Date(); // 得到当前时间 var y = dt.getFullYear(); // 当前年份 var m = dt.ge原创 2017-07-31 19:48:16 · 17163 阅读 · 0 评论 -
freemarker中渲染是字符串的替换
1、freemarkrer在渲染的时候要求一个字符串中有些字段隐藏,例如手机号和身份证号隐藏一些号码引入代码:${item.msisdn ? replace(item.msisdn ? substring(4,8),"****")} 时间代码:${item.inputDate?string("yyyy-MM-dd")}一篇比较好的博文:http://blog.csdn.net/原创 2017-09-02 10:58:08 · 1713 阅读 · 0 评论 -
table表格行列的合并处理
1、能过满足的需求有: 行列的合并 + 表格之间的空隙属性有cellspacing 代码: 维度1 未钻取指标3 维度2 维度2 钻取指标1 钻取指标2 钻取指标1 钻取指标2 对象1 对象原创 2017-09-21 18:47:41 · 2249 阅读 · 0 评论 -
css属性总结
字体属性:(font) 大小:font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 :font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 :line-height: normal;(正常) 单位:PX、PD、EM 粗细 :font-we原创 2017-09-22 14:27:40 · 246 阅读 · 0 评论 -
使用jquery对输入框内容设置自动校验,只允许数字的输入
目的:对input输入框的内容进行校验js的方法: keyup 对键盘的进行监控的事件正则表达式:/[^\d]/g原理:就是在输入框添加一个 触发事件,对输入框的内容进行判断过程遇到问题:js和jquery获取值的方法,value是js获取值的方法,val()是jquery获取值的方法。程序一:原创 2017-03-21 15:57:54 · 36801 阅读 · 3 评论 -
BootStrap提示为图片
首先title下面引入link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">script type="text/javascript" src="jquery-1.10.2.min.js">script>script type="text/javascript" src="bootstrap-转载 2018-01-07 11:28:47 · 737 阅读 · 0 评论 -
Vue 中使用echart循环遍历动态使用x,y坐标轴
<template><el-container class="page-wrap"> <el-header class="page-nav" height="30px"> <el-breadcrumb separator-class="el-icon-arrow-right"> &原创 2019-03-14 11:13:15 · 2489 阅读 · 1 评论 -
复选框checkbox的一些用法
目的:学习checkbox的用法;全选;循环遍历复选框;获取复选的值1、复选框的添加 这就是一个复选框2、点击一个框就可以进行全选和全取消: 为一个公用的checkbox绑定一个事件 var checked=$(el).is(":checked"); if(checked){ $('input[name=tradeId]').p原创 2017-05-22 19:06:40 · 1252 阅读 · 0 评论 -
JavaScript学习 基本语法
一:添加图片的实例程序 要求 点击超链接能够实现跳转到一张图片,到一张图片在本页显示的程序 其中各个文件都在一个文件夹下,根据路径建立在文件夹下html程序 Image Gallery Snapshots Fireworks Coffee Ros原创 2016-11-15 20:24:37 · 335 阅读 · 0 评论 -
javaScript实例
学习html和javaScript基本实例 Shopping list What to buy Don't forget to buy this stuff. A tin of beansCheeseMilk // alert(typeof document.getElementB原创 2016-11-15 20:29:02 · 313 阅读 · 0 评论 -
表格中当选中行控制复选框也能选中
目的:行选择能触发复选框被选中这是网上找到的一个例子这个需求是在项目完成后客户提出的要求,看似简单但是还需要一点小手脚 Js代码 收藏代码$(".list tr").slice(1).each(function(){ var p = this; $(this).children().slice(1).click(function(){ $(原创 2017-05-23 20:59:40 · 553 阅读 · 0 评论 -
js前端获取 用户的ip地址的方法
目的:js前端获取用户的IP地址解决办法:html前端代码:直接运行就好 WMI Scripting HTML document.write(returnCitySN["cip"]+','+returnCitySN["cname"])原创 2017-05-16 23:06:47 · 34526 阅读 · 0 评论 -
Ztree使用入门
目的及实现结果: 建立一个简单的tree树需要引入的 js 包有:TreeStyle.css,jquery-1.4.4.min.js,jquery.ztree.core-3.5.js,jquery.ztree.excheck-3.5.jsztree建立树级结构:使用其ztree的初始化方法:$.fn.zTree.init( $() , setting ,treenode ),重点就是这三个原创 2017-03-21 16:17:59 · 601 阅读 · 0 评论 -
输入框输入模糊查询匹配/提醒
项目目的:实现一个输入框输入之后能够进行模糊查询匹配;这样给输入者提醒和匹配项目的实现方式: 首先检测输入框的内容变化,然后ajax请求把数据传到后台,通过查询匹配;最后就是数据的展示;问题难点:查询后的数据展示,因为这不是一个下拉选择框,而是一个普通的选择框;难点解决:div区域的重叠,就是把要显示的下拉数据 位置设置在input框的下边一、设计步骤:说明:该项目建立在前原创 2017-03-18 15:37:21 · 18386 阅读 · 7 评论 -
Jquery选择器大全
基本选择器: $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*")原创 2017-01-04 22:04:40 · 191 阅读 · 0 评论 -
Jquery网站导航的 普通下拉菜单
普通下拉菜单 Menu One Link 1 Link 2 Link 3 Link 4 Menu Two Link 1 Link 2 Lin原创 2016-11-25 12:40:33 · 442 阅读 · 0 评论 -
jquery下拉级联菜单
下拉级联菜单链表 1 HTML 2 CSS 3 JavaScript 3.1 jQuery 3.1.1 Download 3.1.2 Tutorial 3.2 Mootools原创 2016-11-24 20:26:46 · 679 阅读 · 0 评论 -
ajax用户验证
用户注册 <!-- --> //定义一个http_request var http_request; //发送请求到服务器[用户名] function sendRequest(){ //得到用户输入的用户名 // var u=document.body.all.username1.value; //windo原创 2016-11-21 14:03:36 · 313 阅读 · 0 评论 -
jquery 应用选择框
Document $(function(){ $("#choice").click(function(){ $('#div1').css({background:$("#color").val()}); }); }); 默认 黑色 灰色 橙色原创 2016-11-18 09:43:58 · 216 阅读 · 0 评论 -
javaScript框架嵌套(页面)
!doctype html> 框架嵌套 嵌套的页面 2-1-left-middle.html 链接到顶部框架 链接到右部框架 连接到底部框架原创 2016-11-18 08:52:02 · 623 阅读 · 0 评论 -
javaScript中窗口打开window.open应用
打开窗口 具有相同名称窗口打开: 具有不相同名称窗口打开:原创 2016-11-17 20:25:53 · 572 阅读 · 0 评论 -
javaScript常用鼠标事件
javaScript常用事件 输入框失去焦点事件: 输入框内容发生改变: 选择了一段文字: 获得焦点事件:原创 2016-11-17 15:33:50 · 439 阅读 · 0 评论 -
javaScript组合函数
type类型: text:文本框 radio:单选 checkbox :复选框 submit : 提交 reset:重置组合函数: 组合函数原创 2016-11-17 14:48:05 · 470 阅读 · 0 评论 -
javaScript 隐藏计算
Java完整程序 <!-- //单击性别按钮 function clickSex(ctype){ alert("--13--"); //如果选择了男 if(ctype=="man") { document.getElementById("man").style.display="block"; document.getElementB原创 2016-11-16 21:40:35 · 406 阅读 · 0 评论 -
javaScript表单验证
表单验证 请输入姓名:(不允许为空值) 请输入年龄:(必须是阿拉伯数字) 请输入密码:(必须是6位) 填重复密码:(和上面一致) 填备注说明: function isNumber(oNum){ if(!oNum){ return false; } var strP=/^\d+(\.原创 2016-11-16 20:06:57 · 320 阅读 · 0 评论 -
前端处理查询
目的: 查询不是通过后台数据库进行查询而是通过前端进行控制原理:前端页面控制其显示和隐藏例子代码: 姓名性别籍贯 张三男浙江宁波 李四女浙江杭州 王五男湖南长沙 找六男浙江温州 王六男浙江杭州原创 2017-05-23 20:53:02 · 1762 阅读 · 0 评论