【Web前端技术】
关注
分享
扫一扫
文章平均质量分 55
心歌技术
认知迭代命运
展开
-
input表单正则表达式表达式去除指定字符
onkeyup:释放键盘事件onpaste：粘贴事件oncontextmenu ：鼠标右击事件先在input标签里输入οnkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了中文u4E00-u9FA5，数字0-9，英文a-z\A-Z，其它符号@、点或其它符号。也可以多个，用\隔开就行了。例如：中英文 + 数字 + @符号 + 点符号 \a-\z\A-\Z0-9\u4E00-\u9FA5\@\...原创 2020-08-30 21:21:52 · 1042 阅读 · 1 评论 -
一个空字符串引起的学习
在研究某开源项目时，页面一直在请求一个URL，代码翻了个遍也没找到在哪里请求的，经过不断的断点调试，终于找到的了发送请求的代码，代码如下：Function("...原创 2020-04-12 23:31:19 · 579 阅读 · 0 评论 -
ajax异步调用直接返回页面后如何显示
在ajax成功的回调方法内直接写如下代码即可。document.write(data);例 $.ajax({ type : "post", url : "https://www.baidu.com", data : { }, dataType : "html", success : function(dat...原创 2020-01-14 17:34:58 · 875 阅读 · 0 评论 -
js代码屏蔽右键及 F12
屏蔽右键window.onload=function(){ document.onkeydown=function(){ var e=window.event||arguments[0]; if(e.keyCode==123){ return false; } if((e.ctrlKey) &am...原创 2019-01-23 11:38:25 · 368 阅读 · 0 评论 -
条件注释判断浏览器版本
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]>原创 2019-01-05 15:46:06 · 181 阅读 · 0 评论 -
jquery.validate.min.js使用介绍
jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件是由 Jörn Zaeffere...原创 2018-07-31 14:29:57 · 5310 阅读 · 0 评论 -
JavaScript 全局对象
全局对象是预定义的对象，作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性，所以它没有名称。在顶层 JavaScript 代码中，可以用关键字 this 引用全局对象。但通常不必用这种方式引用全局对象，因为全局对象是作用域链的头，这意味着所有非限定性的变量和函数名都会作为该对象的属性来查询。例如，...原创 2018-08-03 16:26:28 · 447 阅读 · 0 评论 -
JS获取URL中的参数的值
/** * URL参数取值 getParam("参数名称") */ var getParam = function(name) { var search = document.location.search; var pattern = new RegExp("[?&]" + name + "\=([^&]+)", "g"); var ...原创 2018-07-24 16:42:12 · 552 阅读 · 0 评论 -
Js转换long型时间
/** * js转换long型时间 * new Date(long型时间戳).Format("yyyy-MM-dd hh:mm") * new Date(long型时间戳).Format("yyyy-MM-dd hh:mm:ss") * **/ Date.prototype.Format = function(format) { var o = { ...原创 2018-07-24 16:35:31 · 6246 阅读 · 0 评论 -
JS指定参数截取字符串
js指定参数截取字符串/** * 就是指定参数截取字符串（>10） * alert(stringSub("123456789ABCDEF",11));//1234...CDEF */ function stringSub(str, num){ if(num > 10) { if(str.length>num){ str = str.substrin...原创 2018-07-24 16:32:57 · 834 阅读 · 0 评论 -
JS操作Cookie工具类
/*** *读取指定的Cookie值 readCookie("id"); *@param {string} cookieName Cookie名称 */ function readCookie(cookieName) { var theCookie = "" + document.cookie; var ind = theCookie.indexOf(cookieNa...原创 2018-07-24 16:29:56 · 2079 阅读 · 0 评论 -
alert小问题
问题描述：某前端界面在加入alert之后，程序能正常运行，而注释掉后竟然程序无法正常运行了。问题原因：第一，注意JS前端的加载顺序。为何alert能让程序正常？是因为没注意加载顺序，而alert有终止程序的作用，从而给了系统缓冲空间，于是让本应该后加载的地方先进行加载，所以让程序正常了！第二，由于多次调用后台，尤其是在For循环中前后台交互，数据过多进而进程无序化，而每一个循环中都al...原创 2019-01-02 16:47:58 · 1596 阅读 · 0 评论 -
ie7/8浏览器报错：对象不支持“trim”属性或方法
方法1：使用jquery里面的全局函数$.trim()代替原生js方法trim()：$.trim( 你要替换的字符 );方法2：Function.prototype.method = function (name, func) { this.prototype[name] = func; return this;};if (!String.prototype....转载 2019-01-02 17:37:22 · 1651 阅读 · 0 评论 -
IE8支持placeholder属性的解决办法
实现方式1：将placeholder的值作为内容写入控件，并添加控件事件来进行模拟。;(function(){ if( !('placeholder' in document.createElement('input')) ){ // 匹配 除type=password以外所有input、textarea $('input[placeholder][t...原创 2019-01-02 17:39:59 · 2339 阅读 · 1 评论 -
前端存储之indexedDB
indexedDB为何物在使用一个技术之前，先搞清楚它是什么，这对你的理解很重要，从DB就可以看出，它肯定是一个数据库，而说到数据库，有两种不同类型的数据库，就是关系型数据库和非关系型数据库，关系型数据库如Mysql、Oracle等将数据存储在表中，而非关系型数据库如Redis、MongoDB等将数据集作为个体对象存储。indexedDB就是一个非关系型数据库，它不需要你去写一些特定的sql语...原创 2019-01-21 15:32:37 · 11552 阅读 · 0 评论 -
JS实现计算字符串字节长度
JS计算字符串字节长度String.prototype.byteLength = function() { var count = 0; for(var i=0,l=this.length;i<l;i++) { count += this.charCodeAt(i) <= 128 ? 1 : 2; } return count;}附 ：Byte、KB、B、M...原创 2019-01-23 14:33:51 · 8064 阅读 · 0 评论 -
JS中apply()方法和call()方法详解
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);它们各自的定义：apply：调用一...原创 2019-01-23 15:41:47 · 482 阅读 · 0 评论 -
原生JS实现Ajax下载文件
原生JS实现Ajax下载文件/*** url 下载url* filename 下载文件名称*/function download(url, filename) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.setRequestHeader('token', $.cookie...原创 2019-06-23 01:29:32 · 6136 阅读 · 4 评论 -
jquery自定义removeCss删除元素行内style中单个style和多个style
//示例：//$(".select").removeCss("color");//$(".select").removeCss(["color", "border", "width"]);(function ($) { $.fn.removeCss = function (options) { var type = typeof (options); ...原创 2019-07-03 16:38:21 · 7580 阅读 · 0 评论 -
CSS设置页面文字不能被选中(兼容各种浏览器)
示例代码：<p>你应该可以选中这段文本。</p><p class="unselectable">嗨，你不能选中这段文本!</p>css代码：.unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; ...原创 2019-07-31 16:38:40 · 2498 阅读 · 0 评论 -
幻灯片插件jquery.sliderPro.min.js
幻灯片插件jquery.sliderPro.min.jshttps://github.com/bqworks/slider-pro/blob/master/docs/modules.md#modules使用方法在页面中引入必要的文件：[css] view plain copy<link rel="stylesheet" href="dist/css/slider-pro.min.css"/&...翻译 2018-06-01 09:44:33 · 1558 阅读 · 1 评论 -
AJAX检测ip和地区
AJAX检测ip和地区先看下效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>检测ip和地区</title> </head> <script src=&quo原创 2018-06-22 14:26:24 · 1669 阅读 · 0 评论 -
session过期返回登录页面跳出iframe
方法1：通过Response回写跳转jsresponse.getWriter().print("<html><script>window.open ('"+request.getContextPath()+"/login.jsp','_top')</script></html>");方法2：通过在登录页添加jsif(window != top) { ...原创 2018-06-06 17:21:26 · 1367 阅读 · 0 评论 -
js控制表格颜色
题目：用js控制表格颜色，每三行换一次颜色代码：表格 1 2 3 4 5 6 7 8 9 10 window.onload=function(){ var tbl = document.getElementById("tbl"); rows = tbl.getElementsByTagName("tr"); for(i=0;i<r原创 2017-10-08 13:08:41 · 4110 阅读 · 0 评论 -
js判断日期
日期解析，字符串转日期/** * 日期解析，字符串转日期 * @param dateString 可以为2017-02-16，2017/02/16，2017.02.16 * @returns {Date} 返回对应的日期对象 */ function dateParse(dateString){ var SEPARATOR_BAR = "-"; v原创 2017-10-08 12:27:48 · 4938 阅读 · 0 评论 -
ajax中的async属性值之同步和异步及同步和异步区别
ajax中的async属性值之同步和异步及同步和异步区别jquery中ajax方法有个属性async用于控制同步和异步，默认是true,即ajax请求默认是异步请求，有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出现假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的原创 2017-09-12 16:33:28 · 585 阅读 · 0 评论 -
筑巢nest前端特效
在网上看到一个前端特效很好玩，在这里分析给大家canvas-nest.min.js! function() { //封装方法，压缩之后减少文件大小 function get_attribute(node, attr, default_value) { return node.getAttribute(attr) || default_value原创 2017-09-28 10:37:31 · 598 阅读 · 0 评论 -
JS实现图片的放大和缩小
示例代码：原创 2017-09-11 00:44:42 · 6977 阅读 · 0 评论 -
js显示动态时间的方法
js显示动态时间的方法Date对象的方法Date 对象能够使你获得相对于国际标准时间（格林威治标准时间，现在被称为 UTC-Universal Coordinated Time）或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法，你就必须先创建一个Date对象的实体（Instance）。Date 对象必须使用 Flash 5 或以后版本的播放器。Dat原创 2017-08-13 11:59:19 · 1348 阅读 · 0 评论 -
jQuery中的$.ajax()方法参数详解
ajax是异步更新，只需要进行少量的数据交互便可到达页面的局部刷新。其可用参数主要如下： 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设转载 2017-09-14 10:36:45 · 336 阅读 · 0 评论 -
a标签中执行js函数的几种方法
点击事件：1. a href="JavaScript:js_method();"这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascrip原创 2017-08-22 14:44:35 · 9659 阅读 · 0 评论 -
纯CSS绘制的图形
纯CSS绘制的图形 今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。Square(正方形)#square { width: 100px; height: 100px; background: red;}Re原创 2017-08-13 16:42:54 · 417 阅读 · 0 评论 -
JS表单验证
1. 长度限制 function test() { if (document.a.b.value.length > 50) { alert("不能超过50个字符！"); document.a.b.focus(); return false; }原创 2017-10-08 13:15:46 · 476 阅读 · 0 评论 -
Get与Post的区别
如果有人问你，GET和POST，有什么区别？你会如何回答？GET和POST是什么? HTTP协议中的两种发送请求的方法。HTTP是什么?HTTP是基于TCP/IP的关于数据如何在万维网中如何通信的协议。HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP，也就是说，GET/POST都是TCP链接。GET和POST能做的事原创 2017-10-08 14:23:12 · 339 阅读 · 0 评论 -
按钮样式
一款简单的按钮样式buttons.csscss文件/*! @license** Buttons* Copyright 2012-2014 Alex Wolfe and Rob Levin** Licensed under the Apache License, Version 2.0 (the "License");* you may not use t原创 2017-11-07 09:50:09 · 2878 阅读 · 0 评论 -
Javascript计算日期间隔
本脚本的功能1.可以直接计算某一日期后的具体天数是什么日期并显示该天为星期几。2.可以直接计算某一日期前的具体天数是什么日期并显示该天为星期几。（输入负数）2.可以直接计算两段日期之间的天数即日期间隔多少天。<!--create by luochenxi 2018.3.14--><html><head> <meta http-equiv="Co...原创 2018-03-14 09:21:37 · 1503 阅读 · 0 评论 -
JS控制文本框禁止输入特殊字符
JS控制不能输入空格<input type="text" onkeyup="this.value=this.value.replace(//s/g,'')" onpaste="this.value=this.value.replace(//s/g,'')" >JS 控制不能输入特殊字符<input type="text" onkeyup="this.value=原创 2018-01-30 15:35:12 · 27053 阅读 · 6 评论 -
vue.js的键盘事件
vue.js的键盘事件@keyup.13 回车@keyup.enter 回车@keyup.left 左键@keyup.right 右键@keyup.up 上键@keyup.down 下键@keyup.delete 删除键 vue按键 window.onl原创 2018-02-02 14:13:20 · 9225 阅读 · 0 评论 -
Vue.js简单教程
Vue.js简单教程1.Vue.js简介Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。2.Vue.js原创 2018-02-02 14:02:16 · 1461 阅读 · 0 评论 -
84行代码实现俄罗斯方块
俄罗斯方块 var map = eval("[" + Array(23).join("0x801,") + "0xfff]"); var tatris = [ [0x6600], [0x2222, 0xf00], [0xc600, 0x2640],原创 2018-01-06 11:00:05 · 997 阅读 · 0 评论