JScript.Jquery
damys
态度决定一切,积累决定层次,思维决定行为,习惯决定命运
展开
-
JS----Localstorage 简单封装
Localstorage 简单封装let Utils = function () { function getLocalstorage (key) { let value = window.localStorage.getItem(key) value = value === null ? '' : value return value } function setLocalstorage (key, value) {原创 2021-07-27 11:13:48 · 514 阅读 · 0 评论 -
JS---- websocket 前端测试页面
var websocket = {};function openSocket() { var userId = document.getElementById('userId').value; if (userId == "" ) { console.warn("roleId, 不能为空") return; } if ('WebSocket' in window) { if (websocket != null) { websocket.CLOSED; websocke原创 2021-06-08 14:37:38 · 652 阅读 · 0 评论 -
JS----TinyMCE 富文本编辑器,图片,文件上传
TinyMCE:功能强大、所见即所得的富文本编辑器一般使用HTML<textarea name="" id="editer"></textarea>JSvar editer = tinymce.render({ elem: "#editer", // 直接上传, 需要服务器返回完整的图片地址 images_upload_url: uploadUrl, form: { name:'file' ,data:{ id: userInfo.id} }, vi原创 2021-05-05 17:46:00 · 717 阅读 · 0 评论 -
JAVA----数据导入-前端
数据导入,前端使用layui excel 插件按钮<div class="btn-upload customer-list-doImport-btn"> <a class="layui-btn layui-btn-primary">选择文件</a> <input type="file" title="" class="input-file" id="customer-black-excel-file" accept="application/原创 2021-05-04 10:14:02 · 248 阅读 · 0 评论 -
JS----检测各浏览器及版本2
浏览器检测span{font-size:40px; font-family:Verdana;}.browser{color: green;}.version{color: orange;}Your browser is:/* * 注意本例代码支持jQuery 1.5.1~jQuery 1.8.3,1.9版本以上$.browser被废弃了 * 请尝试使用特性检测:原创 2014-09-02 14:18:27 · 829 阅读 · 0 评论 -
JS----构造函数与原型prototype 区别
构造函数方法很好用,但是存在一个浪费内存通过原型法分配的函数是所有对象共享的.通过原型法分配的属性是独立.-----如果你不修改属性,他们是共享原创 2015-07-22 17:16:08 · 3781 阅读 · 1 评论 -
JS----拖拽图层,面向过程,面向对象
拖拽可以是图层也可以是图片面向过程--升级到->面向对象1. 直接调用:Drag插件, 2. 对Drag的插件进行扩展:LimitDrag插件,拖拽效果由过程向OOP转 *{ margin:0; padding:0;} #div1{ width:100px; height:100px; background:#888; position:absol原创 2015-09-07 15:45:39 · 1384 阅读 · 0 评论 -
JS---- 置顶滑动式
1.js置顶 /*scroll(0,50) 第一个参数是水平位置,第二个参数是垂直位置*/-----------------------------------------------------------------------------------------------------------------原创 2013-06-14 10:06:12 · 8673 阅读 · 0 评论 -
JS----搜索结果内容项高亮
搜索结果内容项高亮原创 2013-01-06 15:46:54 · 779 阅读 · 0 评论 -
JS----数子翻译英文
数子翻译英文原创 2012-12-05 09:54:04 · 1032 阅读 · 0 评论 -
JS----简单的倒计时
简单的倒计时原创 2015-09-14 14:59:08 · 525 阅读 · 0 评论 -
JS----Device.js 检测设备平台,操作系统的javascript
Device.js 检测设备平台,操作系统的javascript原创 2015-06-15 12:45:08 · 4640 阅读 · 0 评论 -
JS----编码,解码decodeURIComponent,encodeURIComponent,decodeURI,encodeURI
编码,解码decodeURIComponent,encodeURIComponent,decodeURI,encodeURI原创 2015-07-29 16:58:46 · 1154 阅读 · 0 评论 -
JS----常用方法函数集
字符串长度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/, strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) {转载 2015-05-31 13:28:44 · 1105 阅读 · 0 评论 -
JS----Table
rows[] 表示所有行的一个集合cells[] 表示一行的所有列js: function test(){ //mytable就是一个table对象 var mytable=document.getElementById("mytab"); window.alert(mytable.rows[2].cells[2].innerText); } f原创 2015-02-25 17:26:29 · 486 阅读 · 0 评论 -
JS----Overload 重载
function Person(){ this.test=function (){ if(arguments.length==1){ this.speak1(arguments[0]); }else if(arguments.length==2){ this.speak2(arguments[0],arguments[1]); }else if(原创 2015-02-25 16:01:02 · 1557 阅读 · 0 评论 -
Jquery----简单的选择
请选择您的爱好! 全选/全不选 足球 篮球 游泳 唱歌 $("#checkedAll_").click( function (){ if(this.checked){ $("input[name='items']").attr(原创 2015-02-24 22:26:42 · 467 阅读 · 0 评论 -
JS----多态
理解就是一个 引用类型 (对象/变量) 在不同情况下的多种状态js 本身是无态,但js天生就支持多态 // Master类 function Master(name){ this.nam=name; } //原型法添加成员函数 Master.prototype.feed=function (animal,food){ window.alert("给"+animal原创 2015-02-25 16:37:17 · 552 阅读 · 0 评论 -
JScript----do...while
var arr = ['a','b','c'];var i =3;do{ console.log(i+"aaa"); i++;}while(i < arr.length);//3aaawhile(i < arr.length){ console.log(i+"aaa"); i++;}//空原创 2014-09-04 13:49:11 · 681 阅读 · 2 评论 -
JScript----解释引擎自动添加分号
continue、break、return和throw这四个语句后面,直接跟换行符,则会自动添加分号。这意味着,如果return语句返回的是一个对象的字面量,起首的大括号一定要写在同一行,否则得不到预期结果。return{ first:"one"};//解释成return;{ first:"two"};由于解释引擎自动添加分号的行为难以预测,因此编写代码的时候不应该省略行尾原创 2014-09-04 16:14:24 · 832 阅读 · 0 评论 -
jQuery----全屏滚动插件fullPage
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等原创 2014-09-02 15:35:30 · 4982 阅读 · 3 评论 -
JS----简单的password强度
简单的password强度原创 2012-10-15 11:54:17 · 887 阅读 · 0 评论 -
JS-----元素定位自动居中
元素定位自动居中 .html元素定位自动居中 .js//元素定位自动居中jQuery.fn.center = function() { this.css("position", "absolute"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTo原创 2015-10-20 12:46:08 · 2331 阅读 · 0 评论 -
JS----格式化数字,格式化金额
格式化数字,格式化金额原创 2015-11-05 15:21:08 · 4318 阅读 · 0 评论 -
JS----动态添加元素绑定事件
1. 一般写法$(".ul-box").on("click",".ul-list li a",function(event){ $(this).css("color","red"); });2. 两个事件的写法$(".ul-box").on("mouseover mouseout",".ul-list li a",function(event){ if(event.type =原创 2017-07-18 17:39:33 · 753 阅读 · 0 评论 -
JavaScript ---- 实现跨域方法总结
从域说起域: 域是WIN2K网络系统的安全性边界。我们知道一个计算机网最基本的单元就是“域”,这一点不是WIN2K所独有的,但活动目录可以贯穿一个或多个域。在独立的计算机上,域即指计算机本身,一个域可以分布在多个物理位置上,同时一个物理位置又可以划分不同网段为不同的域,每个域都有自己的安全策略以及它与其他域的信任关系。当多个域通过信任关系连接起来之后,活动目录可以被多个信任域域共享转载 2017-06-06 09:32:05 · 574 阅读 · 0 评论 -
微信小程序----实例源码大全下载
微信小应用示例代码(phodal/weapp-quick)源码链接:https://github.com/phodal/weapp-quick微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)源码链接:https://github.com/giscafer/wechat-weapp-mapdemo微信小应用- 掘金主页信息流(hilongjw/weapp-g转载 2017-06-06 09:13:08 · 2918 阅读 · 0 评论 -
Jquery----停止动画stop
停止动画stop$(".button").hover(function(){ $("#panel").animate({height:"150" }, 1000) .animate({width:"300" },1000) .hide(2000) .animate({height:"show", width:"show", opacity:"show" }, 1000)原创 2017-04-25 09:19:44 · 584 阅读 · 0 评论 -
JS----Jsonp 简单使用
Jsonp 简单使用客户端 - 直接提交:getJSON:$.getJSON("http://127.0.0.1/test.php?jsoncallback=?&t=5555&name=jack", function(data){ console.log(data) console.log(data.name) })客户端 - ajax提交:$('#form').on('sub原创 2016-12-21 14:30:21 · 2725 阅读 · 0 评论 -
JQuery----倒计时插件downCount
/** jQuery Form Plugin:jquery.downCount.js * 倒计时插件** author: damys* version: 1.1* url: https://github.com/damys/lab-js/blob/master/jquery.downCount.js* Date: 2016/12*/(function ($) {原创 2016-12-12 16:07:02 · 4872 阅读 · 0 评论 -
Ajax----原生,jquery, 跨域:jsonp, cors
ajax简介AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax不是一种新的编程语言,而是使用现有标准的新方法。AJAX可以在不重新加载整个页面的情况下,与服务器交换数据。这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据。使用Ajax,用户可以创建接近本地桌面应用的直转载 2016-08-09 14:23:56 · 1484 阅读 · 0 评论 -
JS----JS调试技巧
调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要转载 2016-04-22 14:29:10 · 524 阅读 · 0 评论 -
JS----简单表单密码强度检验
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>表单常用的密码强度检验</title></head><body><input type="password" id = 'oInput'/><span id = 'oSpan'></span><script>(function(win){ va原创 2016-04-08 09:49:45 · 1837 阅读 · 0 评论 -
JS----简单倒计时
html距离2016年春节还有:jswindow.onload=function(){ setInterval(changTime, 500); function changTime(){ document.getElementById("time").innerHTML=getTime(); changeStyle(); } function gR原创 2016-01-15 15:08:30 · 443 阅读 · 0 评论 -
JavaScript----this陷阱的最全收集
JavaScript----this陷阱的最全收集翻译 2015-12-08 09:10:55 · 504 阅读 · 0 评论 -
JS----几种过滤重复的数组的方法
个人总结的三种过滤重复的数组的方法方法1: function unique(target) { var result = []; loop: for (var i = 0, n = target.length; i < n; i++){ for (var x = i + 1; x < n; x++) { if (target[x] ===原创 2016-01-04 16:39:42 · 6276 阅读 · 0 评论 -
JS----简单的事件委派
功能:事件委派实现--点击弹出 href的值 Opera Web Standards Curriculum Sitepoint A List Apart YUI Blog Blame it on the voices Oddly specific //事件委派1 (function(){ var resources = doc原创 2016-01-04 16:35:06 · 5869 阅读 · 0 评论 -
JS----简单的城市级联
//做修改是 sf为省份,sc为城市function scity(pname, cname, sf, cs){ var province = ['江苏省','北京','天津','上海','重庆','广东省']; document.write(''); document.write('---选择省份---'); var a = 0; for(var i = 0; i < provinc原创 2016-01-04 16:20:12 · 763 阅读 · 0 评论 -
JS----纯JS可视化的文件上传
纯JS可视化的文件上传原创 2015-12-31 10:32:26 · 2084 阅读 · 0 评论 -
JS----table 简单的查找并标注
效果html:姓名: ID 姓名 年龄 操作 3333 4444 5555 6666 js: window.onload=function (){ var oTab=document.getElementById('tab1'); var oTxt=document.getElementB原创 2016-01-04 18:04:10 · 1559 阅读 · 0 评论