首页 > 建站教程 > PHP教程 >
  • js实现点击下拉框的不同选项跳转到不同页面

    js实现点击下拉框的不同选项跳转到不同页面

    js实现点击下拉框的不同选项跳转到不同页面。方法很简单,就是做一个js跳转window.open,然后用onclick触发这个函数。 select option请选择跳转的地址/option option onclick="menu_01()"百度/option

  • jquery获取字符串中的数字,JS获取数字

    jquery获取字符串中的数字,JS获取数字

    jquery利用正则表达式获取字符串中的数字 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Cont

  • 如何用js禁止别人用iframe对你网站的调用

    如何用js禁止别人用iframe对你网站的调用

    今天我爱模版在做一个客户的网站时,需要引用另一个网站的内容。第一个想到的是iframe。当我用iframe引用时,发现,打开之后总是跳转到引用网站上。我想可能该网站禁止别人的引用

  • js控制滚动条

    js控制滚动条

    JS控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶(window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight) JS控制TextArea滚动条自动滚动到最下部 document.getElementById('t

  • js邮箱验证,正则表达式验证邮箱

    js邮箱验证,正则表达式验证邮箱

    单个邮箱的验证方法: function checkEmail() { var emailValue=document. getElementById_r("email").value; if (!isEmail(emailValue)) { alert("您输入的邮箱有误,请重新核对后再输入!"); document. getElementById_r("email")

  • js的window.status有什么作用

    js的window.status有什么作用

    js的window.status是设置浏览器状态栏的提示文字。请运行下面的代码(在IE浏览器下测试) body onmouseout="window.status='如果您喜欢我爱模版网,就推荐给您身边的朋友吧!';return true"鼠标移开

  • js返回上一页,js刷新代码,js跳转页面代码

    js返回上一页,js刷新代码,js跳转页面代码

    一:js返回代码 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(); 3. 返回下一页:window.history.forward(); 4.返回第几页,也可以使用访问过的URL:window.history.go(数字

  • js延迟执行代码setTimeout()使用方法

    js延迟执行代码setTimeout()使用方法

    格式: setTimeout (表达式,延时时间) 延时时间单位为毫秒,1000毫秒=1秒。 案例详解 一,执行一句话: var i=0;setTimeout("i+=5;alert(i)",1000);/*1秒后执行“i+=5;alert(i)” 即i为5,并弹窗显示i的值

  • js打开网址函数windows.new()详解

    js打开网址函数windows.new()详解

    js打开网址函数windows.new()详解: 语法:window.open(pageURL,name,parameters) 参数详解: pageURL即你要打开的网页文件或者网址,如index.html或者http://www.5imoban.net等等。 name即打开方式,如新窗口

  • 兼容IE6的js+css简单实用经典选项卡特效详细教程

    兼容IE6的js+css简单实用经典选项卡特效详细教程

    先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" conte

  • js禁止鼠标右键,js禁止拖动网页元素,js禁止选中文字,js禁止复制文本

    js禁止鼠标右键,js禁止拖动网页元素,js禁止选中文字,js禁止复制文本

    运行下面代码查看效果(建议在IE下调试): !doctype htmlhtml lang="en" head meta charset="UTF-8" meta name="Generator" content="EditPlus®" meta name="Author" content="" meta name="Keywords" content="" meta name="Description

  • js复制内容到剪贴板代码,js复制代码

    js复制内容到剪贴板代码,js复制代码

    script type="text/javascript" function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } /script textarea id="contents" cols="40"

  • js复制文章自动加版权代码

    js复制文章自动加版权代码

    方法一:略作整理代码如下: script type="text/javascript"document.body.oncopy = function (){setTimeout(function () {if (clipboardData.getData("text")) {clipboardData.setData("text", clipboardData.getData("text")+"该文章转载自

  • js正则表达式验证手机号码,亲测,可行。

    js正则表达式验证手机号码,亲测,可行。

    var mob=$.trim($("#mobile").val()); if($.trim($("#mobile").val())=="") { alert("手机号码不能为空!"); return false; } if($.trim($("#mobile").val())!="") { var reg = /^1[3|4|5|8][0-9]\d{4,8}$/; if(!reg.test($.trim($('#mobile').val()

  • js实现只能输入数字,输入非数字则没有效果的input框

    js实现只能输入数字,输入非数字则没有效果的input框

    运行下面代码查看效果: input onkeypress="return !isNaN(this.value + String.fromCharCode(event.charCode || event.keyCode))" / 提示:您可以先修改部分代码再运行 除非输入数字,否则输入任何内容,文本框都

  • JS判断文件类型的方法

    JS判断文件类型的方法

    function changeType(objFile) { var objtype=objFile.substring(objFile.lastIndexOf(".")).toLowerCase(); var fileType=new Array(".ad",".adprototype",".asa",".asax",".ascx",".ashx",".asmx",".asp",".aspx",".axd",".browser",".cd",".cdx",".cer",".

  • js showModalDialog模态对话框详解

    js showModalDialog模态对话框详解

    先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" conten

  • js获取当前url,location.href获取当前的url

    js获取当前url,location.href获取当前的url

    运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="

  • js substr()和substring()的区别

    js substr()和substring()的区别

    var from = 'abcdefg'; var to = from.substr(1,3); //表示从1位开始截取后面的3个字符,"bcd"。位置从零开始 to = from.substring(1,3); //表示从1位开始截取到3位,"bc"。位置从零开始

  • js onbeforeunload()--窗口关闭提醒函数

    js onbeforeunload()--窗口关闭提醒函数

    js onbeforeunload()可以在用户关闭或者刷新本页面的时候,弹出询问框,提醒用户是否真的离开还是误操作(虽然本功能或许会令用户方案,但是有时还是很管用的),本函数支持火狐和IE:

  • CSS技巧五:用js让IE认识min-前缀

    CSS技巧五:用js让IE认识min-前缀

    页面的最小宽度min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确(当然,min-height也是同样的道理)。但IE不兼容min-前缀,而它实际

  • JavaScript toUpperCase(),js字母大写转换

    JavaScript toUpperCase(),js字母大写转换

    定义和用法 toUpperCase() 方法用于把字符串转换为大写。 语法 stringObject.toUpperCase() 说明 一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。 运行下面代码查看

  • js正则表达式验证身份证号码

    js正则表达式验证身份证号码

    运行下面代码查看验证结果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" conte

  • js几种加入收藏和设为首页的代码

    js几种加入收藏和设为首页的代码

    js几种加入收藏和设为首页的代码

  • js常用函数属性事件集

    js常用函数属性事件集

    1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和

  • js定时播放背景音乐

    js定时播放背景音乐

    js定时播放背景音乐,下面代码可以实现在5秒之后,播放背景音乐(第一次由于缓存,可能导致时间略长): !doctype htmlhtmlheadmeta charset="gb2312"title无标题文档/title/headbodyscriptsetTimeout(aa,500

  • 利用setInterval制作的简单的js倒计时

    利用setInterval制作的简单的js倒计时

    利用setInterval制作的简单的js倒计时,道理很简单,就是让变量“i”从1开始递增,然后将“i”的值输出到html,在输出前,先清除html的内容,这样保证每次只有一个数字,然后设置个定

  • js刷新页面方法

    js刷新页面方法

    js刷新页面的几种方法如下: history.go(0) location.reload() location=location location.assign(location) document.execCommand('Refresh') window.navigate(location) location.replace(location) document.URL=location.href

  • JS获取XML内容

    JS获取XML内容

    1、名称为myfile.xml的xml文件: ?xml version="1.0" encoding="utf-8" ?myfile titletttt/title authorajie/author emailajie@aolhoo.com/email date20010115/date/myfile 2、html代码: htmlheadscript language="JavaScript" for="window" even

  • 简单的js计算器

    简单的js计算器

    一款简单的js计算器,可以拿来练练手

  • 鼠标移上去切换图片的js代码

    鼠标移上去切换图片的js代码

    鼠标移上去切换图片的js代码

  • alert,confirm,prompt JS常用提示框

    alert,confirm,prompt JS常用提示框

    本文简要介绍js的三种弹出框:alert、confirm、prompt。 1、alert 弹出框: alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是HTML 格式。该消息框提供了一个“确定”按钮

  • js判断是否不是数字函数isNaN()

    js判断是否不是数字函数isNaN()

    定义和用法 isNaN() 函数用于检查其参数是否是 非数字值 。(注意,这里是非数字,而不是判断是否是数字) 语法 isNaN(num) 返回值 如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值)

  • js charAt()返回指定位置的字符

    js charAt()返回指定位置的字符

    定义和用法 charAt() 方法返回指定位置的字符。 请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串。 语法 stringObject.charAt(index) 参数

  • js获取当前浏览器的内核

    js获取当前浏览器的内核

    简单的js获取当前浏览器使用的内核。如果是360等双核浏览器,在急速模式下,会提示是Chrome浏览器,因为它们用的都是webkit内核;在兼容模式下,会提示IE浏览器,因为它们用的都是

  • JS数字金额大写转换

    JS数字金额大写转换

    本js代码可以实现 数字金额大写转换(可以处理整数,小数,负数),运行下面代码查看效果: !doctype htmlhtml lang="en" head meta charset="UTF-8" meta name="Generator" content="EditPlus®" meta name="Author" conten

  • js window.status状态栏属性详解

    js window.status状态栏属性详解

    浏览器状态栏 windows.status 当鼠标指向一个链接时,浏览器窗口底部的状态栏通常显示该链接的URL。在文档载入期间,Java applet进行初始化或者其他可能的时候,有些消息会显示在这个位

  • input获取焦点,默认值消失的js代码

    input获取焦点,默认值消失的js代码

    input输入框获取焦点时,如果是默认值,那么默认值会消失;input失去焦点时,如果input框为空,则用默认值填充上

  • JS找零钱小程序

    JS找零钱小程序

    本程序会让你输入100以内的商品价格,然后用50、20、10、5、2、1六种面额的纸币找零,会给出,一共需要找多少钱,每种纸币找几张。

  • js后期调用,javascript后期调用

    js后期调用,javascript后期调用

    先看下面的例子,点击图片,用循环依次弹出五个数字,对应五张图片。下面的代码看似没问题,但是弹出来就有问题了,您可以先运行代码,点击demo的五张图片,查看问题所在: !D

  • js document.all详解

    js document.all详解

    document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,

  • js获取select中option的个数

    js获取select中option的个数

    js获取select中option的个数目

  • 一个简单的tab选项卡js代码
  • js表单验证代码,非常简单

    js表单验证代码,非常简单

    一个非常简单的js表单验证代码,适合js新手看看。大神请绕道。 仅仅验证了常见的一些东西,电子邮件验证也没有涉及到正则表达式。

  • 简单的JS时间,秒针会跳动

    简单的JS时间,秒针会跳动

    简单的JS时间程序,秒针会跳动,先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xht

  • 利用option对象创建简单的JS联动菜单

    利用option对象创建简单的JS联动菜单

    利用option对象创建简单的JS联动菜单,没有用到数据库,仅仅把地址保存在数组中,您可以根据需要扩展数组,如果数组过大,可以单独存放在其他js文件中。当然,使用ajax和数据库配合

  • js简单的时间跳动教程

    js简单的时间跳动教程

    JS实现的时间跳动,可以先运行下面的代码查看效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta

  • 将网页标题和网址复制到剪贴板js代码

    将网页标题和网址复制到剪贴板js代码

    本案例用了window.clipboardData.setData,设置剪贴板的内容,内容是js获取的网页的标题和url地址,拼接出来的字符串。同样通过本例,也可以举一反三,是现在其他地方。例如可以实现复制

  • 鼠标点击空白处二级菜单隐藏,js防止事件冒泡

    鼠标点击空白处二级菜单隐藏,js防止事件冒泡

    我爱模板网今天在给一个广东的客户做网站时,需要实现一个效果,就是点击空白的地方,菜单隐藏。先看下效果图: 二级菜单 点击“我爱模板网”,显示下面的ul,再点击空白的地方

  • jQuery定义的函数用js调用,jquery函数用onclick调用方法

    jQuery定义的函数用js调用,jquery函数用onclick调用方法

    有时候我们可能希望做出js和html的混写,如果js不行,就可能是jquery和html的混写。效果图如下,点击删除按钮,删除本行,或者点击“+”按钮,添加一行,我们一般会写一个addTr函数或

  • JS倒计时教程,JS距离将来倒计时

    JS倒计时教程,JS距离将来倒计时

    js倒计时的写法:商城抢购 小米手机抢购 网站上线倒计时 团购倒计时等等 2天:1小时:3分钟:20秒 倒计时的原理: 未来时间-现在时间 =剩余时间 我们将剩余时间通过setInterval刷新时间

  • js调试工具Console命令详解

    js调试工具Console命令详解

    这篇文章主要介绍了js调试工具Console命令详解,需要的朋友可以参考下 一、显示信息的命令 !DOCTYPE htmlhtmlheadtitle常用console命令 - 我爱模板网 www.5imoban.net/titlemeta http-equiv="Content-Type" conte

  • Vue.js实现tab切换效果

    Vue.js实现tab切换效果

    Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API,能够让开发者在开发web应用的时候更加简易便捷。实际上,一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 目前在学习

  • JS children和childNodes详解

    JS children和childNodes详解

    1、 childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,

  • js函数执行调用内存过程分析(转)

    js函数执行调用内存过程分析(转)

    函数(方法)——如何理解 如何理解函数这个概念,给大家举个通俗的示例: 拉灯同志给特工小组下达命令:去炸XXX,特工小组返回结果 程序员调用方法:给方法必要的输入,方法返

  • JS Math.sin() 与 Math.cos() 用法

    JS Math.sin() 与 Math.cos() 用法

    Math.sin(x) x 的正玄值。返回值在 -1.0 到 1.0 之间; Math.cos(x) x 的余弦值。返回的是 -1.0 到 1.0 之间的数; 这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为: 2*PI/360*角

  • jQuery cookie.js使用方法

    jQuery cookie.js使用方法

    介绍: 合肥网站建设 为您介绍什么是cookie并且教你如何使用?cookie(数据大小为 4 KB):存储在客户端上的文件(设置有效期) Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户

  • 如何将网站的js更换成AngularJS

    如何将网站的js更换成AngularJS

    我承认AngularJS是非常优秀的js框架。 我见过的其他框架相似,与AngularJS比大大折扣,AngularJS“只是另一个JavaScript框架”——直到我使用它。 我发现那些短时刻AngularJS很神奇,我必须为所有

  • js创建、读取、删除cookie的函数

    js创建、读取、删除cookie的函数

    js设置cookie非常简单,但是读取cookie的时候,非常的麻烦,因为它一次性获取所有的cookie,而且,将值和名称都获取了,比如,获取“name”对应的cookie值,使用document.cookie,会得到类似

  • JS中typeof与instanceof的区别

    JS中typeof与instanceof的区别

    JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。但它们之间还是有区别的: typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。

  • 新浪手机版返回顶部JS代码

    新浪手机版返回顶部JS代码

    直接从新浪手机版拔下来的js返回顶部代码,每个3秒钟会自动消失,只要一滚动又会自动出现。至于css和html自己写了,这里只放出js代码,我爱模板网将它简单封装成函数,方便使用,

  • js控制多行文字超出显示点点点“...”

    js控制多行文字超出显示点点点“...”

    不知道大家在做网站,尤其是文章列表的时候,有没有遇到一个问题,为了限制文章的标题不要太长,尤其是标题后面有时间等等的时候,往往需要对标题进行截断,后面加上“...”。

  • js Tab选项卡教程

    js Tab选项卡教程

    js tab选项卡效果图 先运行下面的代码查看效果: !doctype htmlhtmlheadmeta charset="utf-8"titleJS tab选项卡教程/titlestyle type="text/css".box {width: 750px;height: 450px;font-family: 'microsoft yahei';}h1 {width: 750px

  • 简单的省市二级联动菜单的JS教程

    简单的省市二级联动菜单的JS教程

    简单的省市二级联动菜单的JS教程,点击省份,后面的下拉框显示对应的城市,点击城市,后面的输入框会显示对应的省份和城市

  • js实现转动随机数抽奖教程

    js实现转动随机数抽奖教程

    大家都玩过抽奖游戏,或者梦想抽到大奖吧,但是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码。 运行下面代码查看效果(当然,画面不忍

  • JS实现图片上传预览功能

    JS实现图片上传预览功能

    JS实现图片上传预览功能

  • js获取操作系统跳转到手机站,js跳转到手机站代码

    js获取操作系统跳转到手机站,js跳转到手机站代码

    我在模板网在做手机和pc网站时,通常都做成响应式。但是,今天遇到的问题是,手机站和pc站分开做,当客户用手机访问pc站时,自动跳转到手机站。这个方法有很多,htaccess、php、j

  • js时间戳怎么转成日期格式

    js时间戳怎么转成日期格式

    js需要把时间戳转为普通格式,经常在json传递过过来使用(注意,某些语言获取的时间戳是秒为单位,而js是毫秒,所以,可能要在后面下面的代码中,乘以1000,再转换): 下面先来看

  • 深入理解JavaScript系列(9):根本没有“JSON对象
  • JS对于SEO的好处和不足

    JS对于SEO的好处和不足

    js对于SEO的好处和不足 JS的好处: 1.不用和数据库进行数据交互 JS功能无需和数据库进行交互,从而减轻了服务器的负担,也就缩短了网页的加载速度,说道这里你想到SEO了吗?似的,

  • JS读取本地文件及目录的方法

    JS读取本地文件及目录的方法

    Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读、写和删

  • 原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screen

    原生js获取鼠标坐标方法全面讲解:clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screen

    关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角

  • 如何用JS获取地址参数,js获取网址传递的参数

    如何用JS获取地址参数,js获取网址传递的参数

    我们都知道,php获取网址上的参数非常简单,但是,js也是可以获取的。下面就介绍两种方法: 方法一:采用正则表达式获取地址栏参数: ( 强烈推荐,既实用又方便!) function GetQ

  • JS字符串替换函数:replace()替换第一个匹配字符和所有匹配字符

    JS字符串替换函数:replace()替换第一个匹配字符和所有匹配字符

    js为我们提供了替换字符串的函数replace(),语法格式是: stringObject.replace(regexp/substr,replacement) 参数说明: regexp/substr : 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意,如果

  • js trim()去除首尾空额

    js trim()去除首尾空额

    我们都知道,在jquery中,封装了一个方法:$.trim(StringObj),可以去除字符串StringObj的前后空格。在VBScript中,也有trim、ltrim 或 rtrim,去除前后、前面、后面空格,但是JS没有。 这里,我

  • 简单的js tab选项卡小教程

    简单的js tab选项卡小教程

    非常简单,非常实用的js tab选项卡小教程

  • js运行代码原理,js运行代码教程

    js运行代码原理,js运行代码教程

    很多网站都有运行代码的功能,实现js运行代码的原理很简单,就是点击运行的时候,弹出空白窗口,然后将输入框里面的内容,放到弹出的空白窗口里面运行即可: 代码如下: script

  • js正则表达式截取图标名和后缀名

    js正则表达式截取图标名和后缀名

    有时候可能有这个需求:从一个图片的超长地址中,找到图片名和后缀名,例如,从下面的地址中,找到 “cn.png”: plugins/UserCountry/images/flags/c123n.png 用 indexOf 配合substring 可以实现,但

  • flipsnap.js 手机屏幕水平滑动插件使用方法

    flipsnap.js 手机屏幕水平滑动插件使用方法

    网上有很多的手机屏幕滑动插件,有好有坏,今天我爱模板网推荐个基于html5+css3的手机水平滑动插件:flipsnap.js。 flipsnap.js用法简单,效果不错。如果需要,可以去flipsnap官网:http://

  • 纯js图片倒影代码

    纯js图片倒影代码

    纯js写的兼容IE6的图片倒影效果。其实,就是在图片的下面加个ul,在ul中加入高度为1,宽度和图片一样宽的li,li里面用js循环,背景为图片,只不过每次只显示1像素的高,再用背景定

  • js实现文件下载自定义下载路径

    js实现文件下载自定义下载路径

    js实现文件下载自定义下载路径,可以选择下载的路径,以及文件保存的名称。 js代码: function browseFolder(path) { try { var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息 var Shell

  • js图片预加载实现思路

    js图片预加载实现思路

    js图片预加载 经常遇到这种情况,比如某个容器,移上去换张背景,刚载入页面,移上去发现先是空白,过一会才显示,因为图片并没有加载,只有鼠标移动上去,才开始加载。这时,

  • JSON 数据格式详解以及 JSON 与 XML 的区别

    JSON 数据格式详解以及 JSON 与 XML 的区别

    JSON JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和

  • js window.onload 与 jquery $(document).ready() 的区别

    js window.onload 与 jquery $(document).ready() 的区别

    1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编

  • js数组冒泡排序

    js数组冒泡排序

    每当两相邻的数比较后发现它们的排序“与排序要求相反”时,就将它们互换。 例如:将数组a内元素按照从大到小排列

  • js数组的sort排序详解

    js数组的sort排序详解

    JS中的sort()对数组排序,不开辟新的内存,对原有数组元素进行调换。但是排序数字需要借助一些“外力”...

  • 运行js代码

    运行js代码

    本程序可以在输入框输入js代码,然后运行输入框内输入的js代码,如果出错,会弹出错误的原因。

  • js的闭包和作用域

    js的闭包和作用域

    在理解闭包之前, 首先要清楚JS中的作用域只有2种: 全局作用域和方法作用域全局作用域很好理解了, 方法作用域就是指一个 function 形成一个独立的作用域, 而且方法作用域还能够嵌套。

  • js正则表达式匹配网址、邮箱和手机号,亲测,可行

    js正则表达式匹配网址、邮箱和手机号,亲测,可行

    我爱模板网常用来做表单验证的正则表达式,都经测试有效,可以匹配网址、邮箱、手机号码,现一一列出,供网友们参考: 1、手机号码正则,可匹配 1 开头,第二个数字是 3|4|5|7|8

  • js将类数组对象转换成数组对象

    js将类数组对象转换成数组对象

    在标准浏览器中,好像只要对象存在length属性,就能把它转换为数组,但IE就不尽然。

  • js基础之DOM中元素对象的属性方法

    js基础之DOM中元素对象的属性方法

    在 HTML DOM (文档对象模型)中,每个部分都是节点。 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点。 文档是一个 文档节点 。 所有的HTML元素都是 元素节点 所有

  • js带分组数据的Table表格排序,js表格排序

    js带分组数据的Table表格排序,js表格排序

    js带分组数据的Table表格排序,要求点击表头排序时,"分组"及"分组明细"的数据层次关系不变

  • js对table表格的操作

    js对table表格的操作

    JavaScript对于表格 Table 提供了一些简便操作方法

  • js滚动条滚动,容器缓缓落下或升起的效果

    js滚动条滚动,容器缓缓落下或升起的效果

    js写的,滚动条滚动,容器缓缓落下或升起的效果,比 position:fixed 定在那里效果更好。适合做对联广告、侧边栏、在线客服等等。js代码已经封装好了,直接调用即可。简单看下调用代

  • JS实现密码加密

    JS实现密码加密

    1、base64加密 在页面中引入base64.js文件,调用方法为: script type="text/javascript" src="base64.js"/scriptscript type="text/javascript" var b = new Base64(); var str = b.encode("admin:admin"); alert("base64 encode:" + str);

  • js点击文字将文字显示到对应区域

    js点击文字将文字显示到对应区域

    我爱模板网做的一个小功能,非常简单,点击列表的时候,将列表中的文字添加到头像的后面。并且,添加上去的文字可以删除。如果列表中的文字已经出现在上面,则再次点击,不会

  • js表单验证,js验证邮箱,js验证手机号

    js表单验证,js验证邮箱,js验证手机号

    一个简单的注册页面 js 表单验证,单选框采用图片做的,在点击“提交信息”按钮的时候,弹出对话框,提示错误。对话框也是用html写的,而非alert。当点击“获取验证码”的时候,会

  • JS for in 遍历数组或者对象的属性

    JS for in 遍历数组或者对象的属性

    JS的 for in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 for in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。 语法: for

  • js 对table表格的操作

    js 对table表格的操作

    本文详解了js中对table表格的详细操作方法,包括插入行列和删除行列。 inserRow(): 这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函

  • 纯js俄罗斯方块代码

    纯js俄罗斯方块代码

    网上一个高手写的,纯js版本的俄罗斯方块,支持左右移动,上换样式,下加速,非常漂亮

  • js var ev=window.event||ev的作用是什么

    js var ev=window.event||ev的作用是什么

    经常看到别人写js事件,需要用到event时,都会写上这么一句,var ev=window.event||ev的作用是什么: 上面的语句可能大家都见过,当然未必是一模一样,只是这个形式而已,不过功能是一样,

  • js事件(Event)知识整理

    js事件(Event)知识整理

    鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……),则触发mousedown 当设备弹

  • js中的事件委托或是事件代理详解

    js中的事件委托或是事件代理详解

    起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考;

  • 兼容IE6+的js获取滚动条距离顶部的距离

    兼容IE6+的js获取滚动条距离顶部的距离

    已经封装成函数,兼容IE6+和其他现代浏览器的JavaScript获取滚动条距离顶部距离的js代码: //js获取滚动条距离顶部距离的函数function getScrollTop() { var scrollPos; if(window.pageYOffset) { scrollPos

  • 简单的js联动菜单示例

    简单的js联动菜单示例

    联动菜单,即点击上一级菜单,通过ajax方法,加载这个菜单的对应列表,显示到下一级菜单上。这个联动菜单一般都是需要和后台交换数据,并且一般会用到ajax异步刷新技术,如果数据

  • $.each遍历json对象

    $.each遍历json对象

    jQuery中,常用$.each()方法,来遍历json对象,下面,先来查看一个简单的jQuery的例子来遍历一个json数组对象。 var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"ba

  • JS贪吃蛇游戏源码

    JS贪吃蛇游戏源码

    JS贪吃蛇游戏源码,可以定义速度快慢,格子的大小。放在这里,mark一下。 !DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleJS贪吃蛇游

  • 使用js完成节点的增删改复制等的操作

    使用js完成节点的增删改复制等的操作

    用到的方法和属性: 1.获取某个节点的父节点 parentNode属性 2.获取某个节点的子节点集合 childNodes属性 3.创键一个新的节点 createTextNode(节点文本内容) document对象的方法 在某些浏览器上兼

  • js中appendChild与insertBefore的用法详细解析

    js中appendChild与insertBefore的用法详细解析

    appendChild定义 添加一个节点到指定的节点的子节点数组中,读起来好象有点拗口,简单地说就是将元素添加到指定的节点中 appendChild用法 target.appendChild(newChild)//newChild作为target的子节点

  • js实现两种实用的排序算法——冒泡、快速排序

    js实现两种实用的排序算法——冒泡、快速排序

    首先准备一个数组:arr=[2,5,4,1,7,3,8,6,9,0]; 一:冒牌排序 1思想:冒泡排序思想:每一次对比相邻两个数据的大小,小的排在前面,如果前面的数据比后面的大就交换这两个数的位置 要实

  • js查询ALEXA排名练习

    js查询ALEXA排名练习

    一个非常简单的,查询js查询ALEXA排名的小练习,其实就是获取用户输入的值,然后放到图片地址“http://traffic.alexa.com/graph?y=tu=”的后面,再将地址赋给图片,然后插入到容器当中去显示

  • js实现关键词筛选

    js实现关键词筛选

    移植自天地图的js关键词筛选功能,点击筛选的关键词,自动将关键词放到筛选区。点击筛选区关键词后面的删除按钮,自动将关键词按照筛选之前的顺序,放回原地: !DOCTYPE html PUBL

  • js判断浏览器内核跳转到手机站代码

    js判断浏览器内核跳转到手机站代码

    下面的js代码通过获取浏览器的 userAgent 和 appVersion,实现跳转到手机站的效果: var browser = {versions: function () {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息

  • js拖拽代码,js拖拽教程

    js拖拽代码,js拖拽教程

    我爱模板网写的一个纯js的拖拽效果,其实就是鼠标滑动,设置div容器的位置。这里需要注意的是,需要获取鼠标相对于拖拽容器的偏移量,拖拽过程中,要用鼠标坐标减去鼠标相对于

  • js获取选中文字,getSelection用法

    js获取选中文字,getSelection用法

    这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toStr

  • js获取获取type="file"的文件路径中的文件名

    js获取获取type="file"的文件路径中的文件名

    分为两部分,自己去判断浏览器的类型,然后调用不同函数。在IE低版本中可以直接获得文件路径,不过在高版本和firefox和chrome中是不允许的。这样就能实现不用上传就可以实现图片的

  • JS获取input file绝对路径的方法(推荐)

    JS获取input file绝对路径的方法(推荐)

    最近因需要上传文件到oracle blob里, 在获取文件路径的遇到些问题,由于安全原因,新版的浏览器都不支持直接获取本地URL,在网上找了些方法,如下: script type="text/javascript"//FX获取文

  • JS:offsetWidth\offsetleft 等图文解释

    JS:offsetWidth\offsetleft 等图文解释

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线

  • js利用for in循环获取 一个对象的所有属性以及值

    js利用for in循环获取 一个对象的所有属性以及值

    下面小编就为大家带来一篇js利用for in循环获取 一个对象的所有属性以及值的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 借助node实战JSONP跨域实例_node.js

    借助node实战JSONP跨域实例_node.js

    本篇文章主要介绍了借助node实战JSONP跨域实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Angular.JS中的指令引用template与指令当做属性详解

    Angular.JS中的指令引用template与指令当做属性详解

    这篇文章主要介绍了Angular.JS中的指令引用template与指令当做属性的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • Angular.js去除页面中显示的空行方法示例_AngularJ

    Angular.js去除页面中显示的空行方法示例_AngularJ

    这篇文章主要介绍了Angular.js去除页面中显示的空行方法,文中给出了详细的示例代码供大家参考学习,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • 详解Angular.js数据绑定时自动转义html标签及内容

    详解Angular.js数据绑定时自动转义html标签及内容

    本篇文章主要介绍了详解Angular.js数据绑定时自动转义html标签及内容 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • Angular.JS去掉访问路径URL中的#号详解_AngularJS

    Angular.JS去掉访问路径URL中的#号详解_AngularJS

    最近天天都在用AngularJS,各类文档也都看过好几遍,但总是些编程上的事找不到优雅的解决办法。今天终于把AngularJS的项目访问路径URL里的#号去掉了,这个问题不见得有多难,关键是花

  • Vuejs仿网易云音乐实现听歌及搜索功能_vue.js

    Vuejs仿网易云音乐实现听歌及搜索功能_vue.js

    这篇文章主要介绍了Vuejs仿网易云音乐实现听歌及搜索功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • 教你快速搭建Node.Js服务器的方法教程_node.js

    教你快速搭建Node.Js服务器的方法教程_node.js

    Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始。这篇文章主要给大家介绍了如何快速搭建Node.Js服务器的方法教程,文中介绍的非常详细,对大家具有

  • vue分类筛选filter方法简单实例_vue.js

    vue分类筛选filter方法简单实例_vue.js

    这篇文章主要介绍了vue分类筛选filter方法的简单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Angualrjs和bootstrap相结合实现数据表格table_Angular

    Angualrjs和bootstrap相结合实现数据表格table_Angular

    这篇文章主要介绍了Angualrjs和bootstrap相结合实现数据表格table,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • Angularjs中使用指令绑定点击事件的方法_AngularJS

    Angularjs中使用指令绑定点击事件的方法_AngularJS

    本篇文章主要介绍了Angularjs中使用指令绑定点击事件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • 详解使用JS如何制作简单的ASCII图与单极图_javas

    详解使用JS如何制作简单的ASCII图与单极图_javas

    这篇文章主要给大家介绍了使用JS如何制作简单的ASCII图与单极图的相关资料,文中介绍的非常详细,并在文末给出了详细的示例代码,相信对大家具有一定的参考价值,需要的朋友们下

  • JS解决移动web开发手机输入框弹出的问题_javascr

    JS解决移动web开发手机输入框弹出的问题_javascr

    在移动web开发中和pc端不同的是,手机的输入是软键盘,这样就会有个问题,那就是当有输入的时候,键盘弹起来,整个页面难免会发生变化。怎么解决这个问题呢?下面脚本之家小编给

  • nodejs使用express创建一个简单web应用_node.js

    nodejs使用express创建一个简单web应用_node.js

    这篇文章主要介绍了nodejs使用express创建一个简单web应用的相关资料,需要的朋友可以参考下

  • Node.js使用Express创建Web项目详细教程_node.js

    Node.js使用Express创建Web项目详细教程_node.js

    如果需要入门使用node.js进行web开发,正在学习 nodejs web开发指南 的和想快速了解node.js web开发模式的朋友,相信本文是有一定帮助意义的。

  • 基于AGS JS开发自定义贴图图层_javascript技巧

    基于AGS JS开发自定义贴图图层_javascript技巧

    这篇文章主要为大家详细介绍了基于AGS JS开发自定义贴图图层的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • js实现一个猜数字游戏_javascript技巧

    js实现一个猜数字游戏_javascript技巧

    本文主要介绍了js实现一个猜数字游戏的实例代码。具有很好的参考价值,下面跟着小编一起来看下吧

  • angular.js+node.js实现下载图片处理详解_AngularJS

    angular.js+node.js实现下载图片处理详解_AngularJS

    这篇文章主要介绍了angular.js+node.js实现下载图片处理的相关资料,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • angular.JS实现网页禁用调试、复制和剪切_AngularJ

    angular.JS实现网页禁用调试、复制和剪切_AngularJ

    这篇文章主要给大家介绍了angular.JS实现网页禁用调试、复制和剪切的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • node.js平台下的mysql数据库配置及连接_node.js

    node.js平台下的mysql数据库配置及连接_node.js

    本文主要介绍了node.js平台下的mysql数据库配置及连接的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧

  • JS+CSS实现下拉刷新/上拉加载插件_javascript技巧

    JS+CSS实现下拉刷新/上拉加载插件_javascript技巧

    这篇文章主要介绍了JS+CSS实现下拉刷新/上拉加载插件,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • JS正则获取HTML元素的方法_javascript技巧

    JS正则获取HTML元素的方法_javascript技巧

    这篇文章主要介绍了JS正则获取HTML元素的方法,结合实例形式分析了JS针对页面HTML元素正则操作相关技巧与注意事项,需要的朋友可以参考下

  • Angularjs使用指令做表单校验的方法_AngularJS

    Angularjs使用指令做表单校验的方法_AngularJS

    本篇文章主要介绍了Angularjs使用指令做表单校验的方法,详细的介绍了用指令做校验的方法,具有一定的参考价值,有兴趣的可以了解一下。

  • AngularJS1.X学习笔记2-数据绑定详解_AngularJS

    AngularJS1.X学习笔记2-数据绑定详解_AngularJS

    本篇文章主要介绍了AngularJS1.X学习笔记2-数据绑定详解,具有一定的参考价值,有兴趣的可以了解一下。

  • 关于Node.js的events.EventEmitter用法介绍_node.js

    关于Node.js的events.EventEmitter用法介绍_node.js

    本篇文章主要介绍了关于Node.js的events.EventEmitter用法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • 原生JS实现九宫格抽奖效果_javascript技巧

    原生JS实现九宫格抽奖效果_javascript技巧

    本篇文章主要介绍了原生JS实现九宫格抽奖效果的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧

  • 3分钟快速搭建nodejs本地服务器方法运行测试htm

    3分钟快速搭建nodejs本地服务器方法运行测试htm

    本篇文章主要介绍了3分钟快速搭建nodejs本地服务器方法运行测试html/js,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • Linux CentOS系统下安装node.js与express的方法_node.js

    Linux CentOS系统下安装node.js与express的方法_node.js

    这篇文章主要给大家介绍了在Linux CentOS系统下安装node.js与express的方法,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • js实现音频控制进度条功能_javascript技巧

    js实现音频控制进度条功能_javascript技巧

    本文主要介绍了js实现音频控制进度条功能的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧

  • Ajax异步文件上传与NodeJS express服务端处理_javasc

    Ajax异步文件上传与NodeJS express服务端处理_javasc

    本文主要介绍了Ajax异步文件上传与NodeJS express服务端处理的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

  • 前端自动化开发之Node.js的环境搭建教程_node.js

    前端自动化开发之Node.js的环境搭建教程_node.js

    这篇文章主要介绍了前端自动化开发之Node.js环境搭建的相关资料,文中介绍的非常详细,对大家学习或者使用node.js具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • Vue.js实战之组件之间的数据传递_vue.js

    Vue.js实战之组件之间的数据传递_vue.js

    这篇文章主要介绍了Vue.js实战之组件之间的数据传递的相关资料,文中通过示例代码和图文介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • vue-cli的webpack模板项目配置文件分析_vue.js

    vue-cli的webpack模板项目配置文件分析_vue.js

    本篇文章主要对vue-cli的webpack模板项目配置文件进行分析。具有很好的参考价值。下面跟着小编一起来看下吧

  • Vue.js实战之利用vue-router实现跳转页面_vue.js

    Vue.js实战之利用vue-router实现跳转页面_vue.js

    对于单页应用,官方提供了vue-router进行路由跳转的处理,这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。

  • NodeJS基础API搭建服务器详细过程记录_node.js

    NodeJS基础API搭建服务器详细过程记录_node.js

    本文将以一个超小型web项目,来详细介绍如何使用NodeJS基础的http, fs, path, url等模块提供的API来搭建一个简单的web服务器。具有很好的参考价值。下面跟着小编一起来看下吧

  • vue货币过滤器的实现方法_vue.js

    vue货币过滤器的实现方法_vue.js

    这篇文章主要为大家详细介绍了vue货币过滤器的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue2.0构建单页应用最佳实战_vue.js

    vue2.0构建单页应用最佳实战_vue.js

    这篇文章主要为大家分享了vue2.0构建单页应用最佳实战案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • AngularJS页面传参的5种方式_AngularJS

    AngularJS页面传参的5种方式_AngularJS

    Angular页面传参有多种办法,根据不同用例,本文介绍5种最常见的页面传参的方式。具有很好的参考价值。下面跟着小编一起来看下吧

  • Vue.js实战之Vuex的入门教程_vue.js

    Vue.js实战之Vuex的入门教程_vue.js

    这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • JS常见创建类的方法小结【工厂方式,构造器方式

    JS常见创建类的方法小结【工厂方式,构造器方式

    这篇文章主要介绍了JS常见创建类的方法,结合实例形式总结分析了工厂方式,构造器方式,原型方式,联合方式等常见的javascript创建类的常用技巧与相关注意事项,需要的朋友可以参考下

  • vue-cli+webpack记事本项目创建_vue.js

    vue-cli+webpack记事本项目创建_vue.js

    这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • Node.js之网络通讯模块实现浅析_node.js

    Node.js之网络通讯模块实现浅析_node.js

    本篇文章主要介绍了Node.js之网络通讯模块实现浅析,具有一定的参考价值,有兴趣的可以了解一下。

  • JS中使用正则表达式g模式和非g模式的区别_javas

    JS中使用正则表达式g模式和非g模式的区别_javas

    这篇文章给大家详细介绍了JS中使用正则表达式g模式和非g模式的区别,非常不错,具有参考借鉴价值,需要的朋友参考下吧

  • Vue表单验证插件的制作过程_vue.js

    Vue表单验证插件的制作过程_vue.js

    这篇文章主要为大家详细介绍了Vue表单验证插件的制作过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • JS中正则表达式全局匹配模式 /g用法详解_javascr

    JS中正则表达式全局匹配模式 /g用法详解_javascr

    本文章通过实例代码给大家详细介绍js中正则表达式的全局匹配模式 /g的用法,需要的朋友参考下

  • 使用canvas及js简单生成验证码方法_javascript技巧

    使用canvas及js简单生成验证码方法_javascript技巧

    在很多时候都需要用到验证码,前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是:1.生成一张画布canvas 2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填充到画布

  • JS异步文件上传(兼容IE8+)_javascript技巧

    JS异步文件上传(兼容IE8+)_javascript技巧

    本文主要介绍了JS实现异步文件上传的相关资料,具有很好的参考价值。下面跟着小编一起来看下吧

  • jQuery使用unlock.js插件实现滑动解锁_jquery

    jQuery使用unlock.js插件实现滑动解锁_jquery

    unlock.js插件具有滑动解锁,尺寸、颜色、字体大小等都可以个性化定制等特点,接下来通过本文给大家分享jQuery使用unlock.js插件实现滑动解锁思路讲解,感兴趣的朋友一起看看吧

  • Vue.js实战之组件的进阶_vue.js

    Vue.js实战之组件的进阶_vue.js

    组件(Component)是 Vue.js 最强大的功能之一,之前的文章都只是用到了基本的封装功能,这次将介绍一些更强大的扩展。这篇文章主要介绍了Vue.js实战之组件进阶的相关资料,需要的朋友

  • Vue.js实战之使用Vuex + axios发送请求详解_vue.js

    Vue.js实战之使用Vuex + axios发送请求详解_vue.js

    这篇文章主要给大家介绍了关于Vue.js使用Vuex与axios发送请求的相关资料,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • Vue.js实战之通过监听滚动事件实现动态锚点_vue

    Vue.js实战之通过监听滚动事件实现动态锚点_vue

    监听事件是我们在使用vue.js的时候经常使用的一个功能,下面这篇文章主要介绍了Vue.js实战之通过监听滚动事件实现动态锚点 的相关资料,文中通过示例代码介绍的非常详细,相信对大

  • Vue.js render方法使用详解_vue.js

    Vue.js render方法使用详解_vue.js

    这篇文章主要为大家详细介绍了Vue.js render方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解基于webpack和vue.js搭建开发环境_vue.js

    详解基于webpack和vue.js搭建开发环境_vue.js

    本篇文章主要介绍了详解基于webpack和vue.js搭建开发环境 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 关于vuex的学习实践笔记_vue.js

    关于vuex的学习实践笔记_vue.js

    vuex是vue的状态管理模式,主要可以解决父子组件嵌套层数较多,或者兄弟组件之间需要维护同一个状态的情况。下面这篇文章主要给大家介绍了关于学习vuex的相关资料,需要的朋友可以

  • 详解用webpack2.0构建vue2.0超详细精简版_vue.js

    详解用webpack2.0构建vue2.0超详细精简版_vue.js

    本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • js获取指定时间的前几秒_javascript技巧

    js获取指定时间的前几秒_javascript技巧

    本文主要介绍了根据一张图片的拍摄时间获取到这个时间前二后三的一个五秒钟的视频信息的实例方法。具有很好的参考价值。下面跟着小编一起来看下吧

  • Angular.JS利用ng-disabled属性和ng-model实现禁用butto

    Angular.JS利用ng-disabled属性和ng-model实现禁用butto

    这篇文章主要介绍了Angular.JS利用ng-disabled属性和ng-model实现禁用button效果的相关资料,文中给出了详细的示例代码,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

  • JS二叉树的简单实现方法示例_javascript技巧

    JS二叉树的简单实现方法示例_javascript技巧

    这篇文章主要介绍了JS二叉树的简单实现方法,结合具体实例形式分析了基于javascript定义二叉树及二叉树节点的遍历、查找、添加、删除及运算相关操作技巧,需要的朋友可以参考下

  • JS实现复选框的全选和批量删除功能_javascript技巧

    JS实现复选框的全选和批量删除功能_javascript技巧

    本文主要介绍了JS实现复选框的全选和批量删除功能的方法代码。具有很好的参考价值。下面跟着小编一起来看下吧

  • 用js实现网页上模仿桌面右键菜单_导航菜单

    用js实现网页上模仿桌面右键菜单_导航菜单

    用js实现网页上模仿桌面右键菜单

  • JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换

    本文来探讨下 JSON 字符串和 JS 对象之间的相互转换 一、json字符串转换为js对象 1、标准json格式字符串转换为Js对象 JSON字符串 str JSON.parse(str) eval(str) eval('('+str+')') eval('['+str+']') 对象字符

  • js数组去重,js数据重复值去除的方法

    js数组去重,js数据重复值去除的方法

    我爱模板网在今天遇到一个问题,就是给一个数组,要求这个数组中接收的值不能存在重复,如果重复了,保留一个即可。下面,就来总结下,数组去重的三种常用方法: 为了便于演示

  • js判断用户是否正在滚动滚动条,滚动条滚动是否停止

    js判断用户是否正在滚动滚动条,滚动条滚动是否停止

    js智能判断是否可以自动滚动 比如,做一个音乐播放器,边播放,边定位歌词,播放的时候,需要自动定位到播放语句,但是用户去拖动或者滚动div(歌词面板)时,这时就必须停止自动滚

  • JS实现新建文件夹功能_javascript技巧

    JS实现新建文件夹功能_javascript技巧

    这篇文章主要为大家详细介绍了JS实现新建文件夹功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 利用vscode编写vue的简单配置详解_vue.js

    利用vscode编写vue的简单配置详解_vue.js

    这篇文章主要给大家介绍了利用vscode编写vue简单配置的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。

  • JS实现留言板功能_javascript技巧

    JS实现留言板功能_javascript技巧

    这篇文章主要为大家详细介绍了JS实现留言板功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • js简易版购物车功能_javascript技巧

    js简易版购物车功能_javascript技巧

    这篇文章主要为大家分享了js简易版的购物车,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解Vue组件之间的数据通信实例_vue.js

    详解Vue组件之间的数据通信实例_vue.js

    本篇文章主要介绍了详解Vue组件之间的数据通信实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内

    Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内

    这篇文章主要给大家介绍了关于Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容,文中给出了详细的示例代码供大家参考学习,需要的朋友们下面跟着小编来一起看看吧。

  • 详解JS获取HTML DOM元素的8种方法_javascript技巧

    详解JS获取HTML DOM元素的8种方法_javascript技巧

    本篇文章主要介绍了详解JS获取HTML DOM元素的8种方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • JS基于正则实现数字千分位用逗号分隔的方法_j

    JS基于正则实现数字千分位用逗号分隔的方法_j

    这篇文章主要介绍了JS基于正则实现数字千分位用逗号分隔的方法,涉及javascript正则表达式操作数字的相关实现技巧,需要的朋友可以参考下

  • vue之数据交互实例代码_vue.js

    vue之数据交互实例代码_vue.js

    本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下

  • JS 组件系列之BootstrapTable的treegrid功能_javascript技

    JS 组件系列之BootstrapTable的treegrid功能_javascript技

    这篇文章主要介绍了JS 组件系列之BootstrapTable的treegrid功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • vue高德地图之玩转周边_vue.js

    vue高德地图之玩转周边_vue.js

    vue高德地图,带你玩转周边,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • JS利用正则表达式实现简单的密码强弱判断实例

    JS利用正则表达式实现简单的密码强弱判断实例

    这篇文章主要给大家介绍了关于JS利用正则表达式实现简单的密码强弱判断的相关资料,实现后的效果非常简单,但也挺实用的,文中给出了详细的示例代码供大家参考学习,需要的朋友

  • Angular+Node生成随机数的方法_AngularJS

    Angular+Node生成随机数的方法_AngularJS

    这篇文章主要介绍了Angular+Node生成随机数的方法,结合具体实例分析了Angular与Node结合控制前后端实现随机数功能的相关操作技巧,需要的朋友可以参考下

  • 基于AngularJS实现的工资计算器实例_AngularJS

    基于AngularJS实现的工资计算器实例_AngularJS

    这篇文章主要介绍了基于AngularJS实现的工资计算器,结合具体实例形式分析了AngularJS数值计算相关操作技巧,需要的朋友可以参考下

  • 详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记

    详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记

    本篇文章主要介绍了详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • jQuery序列化后的表单值转换成Json_jquery

    jQuery序列化后的表单值转换成Json_jquery

    这篇文章主要介绍了Jquery序列化后的表单值转换成Json的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • requirejs + vue 项目搭建详解_vue.js

    requirejs + vue 项目搭建详解_vue.js

    这篇文章主要介绍了requirejs + vue 项目搭建详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解Nodejs 部署到阿里云全过程_node.js

    详解Nodejs 部署到阿里云全过程_node.js

    这篇文章主要介绍了详解Nodejs 部署到阿里云全过程,非常具有实用价值,需要的朋友可以参考下

  • node文件上传功能简易实现代码_node.js

    node文件上传功能简易实现代码_node.js

    本篇文章主要介绍了node文件上传功能简易实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • JS实现商品筛选功能_javascript技巧

    JS实现商品筛选功能_javascript技巧

    这篇文章主要为大家详细介绍了JS实现商品筛选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • js轮播图无缝滚动效果_javascript技巧

    js轮播图无缝滚动效果_javascript技巧

    这篇文章主要为大家详细介绍了js轮播图无缝滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解vue+vueRouter+webpack的简单实例_vue.js

    详解vue+vueRouter+webpack的简单实例_vue.js

    这篇文章主要介绍了详解vue+vueRouter+webpack的简单实例,非常具有实用价值,需要的朋友可以参考下

  • jQuery Jsonp跨域模拟搜索引擎_jquery

    jQuery Jsonp跨域模拟搜索引擎_jquery

    这篇文章主要介绍了jQuery Jsonp跨域模拟搜索引擎的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • Angular.js中下拉框实现渲染html的方法_AngularJS

    Angular.js中下拉框实现渲染html的方法_AngularJS

    这篇文章主要给大家介绍了关于在Angular.js中下拉框实现渲染html的方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来跟着小编一起来学习学

  • JS仿淘宝搜索框用户输入事件的实现_javascript技巧

    JS仿淘宝搜索框用户输入事件的实现_javascript技巧

    这篇文章主要介绍了JS仿淘宝搜索框用户输入事件的实现,需要的朋友可以参考下

  • JS实现自动轮播图效果(自适应屏幕宽度+手机触屏

    JS实现自动轮播图效果(自适应屏幕宽度+手机触屏

    这篇文章主要介绍了JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动),需要的朋友可以参考下

  • AngularJS实现自定义指令与控制器数据交互的方法

    AngularJS实现自定义指令与控制器数据交互的方法

    这篇文章主要介绍了AngularJS实现自定义指令与控制器数据交互的方法,结合具体实例形式分析了AngularJS自定义指令的实现以及与控制器数据交互的操作技巧,需要的朋友可以参考下

  • Node.js中 __dirname 的使用介绍_node.js

    Node.js中 __dirname 的使用介绍_node.js

    这篇文章主要给大家介绍了关于Node.js中 __dirname使用的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。

  • Node.js环境下Koa2添加travis ci持续集成工具的方法

    Node.js环境下Koa2添加travis ci持续集成工具的方法

    这篇文章主要给大家介绍了在Node.js环境下Koa2添加travis ci持续集成工具的方法,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。

  • 原生JS+Canvas实现五子棋游戏实例_javascript技巧

    原生JS+Canvas实现五子棋游戏实例_javascript技巧

    本篇文章主要介绍了原生JS+Canvas实现五子棋游戏实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 手把手教你把nodejs部署到linux上跑出hello world_no

    手把手教你把nodejs部署到linux上跑出hello world_no

    本篇文章主要介绍了手把手教你把nodejs部署到linux上跑出hello world,非常具有实用价值,需要的朋友可以参考下

  • NodeJS 实现手机短信验证模块阿里大于功能_node.

    NodeJS 实现手机短信验证模块阿里大于功能_node.

    这篇文章主要介绍了NodeJS 实现手机短信验证模块阿里大于功能,需要的朋友可以参考下

  • 详解vue服务端渲染(SSR)初探_vue.js

    详解vue服务端渲染(SSR)初探_vue.js

    本篇文章主要介绍了详解vue服务端渲染(SSR)初探,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • angularjs+bootstrap实现自定义分页的实例代码_Angul

    angularjs+bootstrap实现自定义分页的实例代码_Angul

    本篇文章主要介绍了angularjs+bootstrap实现自定义分页的实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 深入理解AngularJs-scope的脏检查(一)_AngularJS

    深入理解AngularJs-scope的脏检查(一)_AngularJS

    这篇文章主要介绍了深入理解AngularJs-scope的脏检查(一) ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解AngularJS脏检查机制及$timeout的妙用_AngularJS

    详解AngularJS脏检查机制及$timeout的妙用_AngularJS

    本篇文章主要介绍了详解AngularJS脏检查机制及$timeout的妙用,“脏检查”是Angular中的核心机制之一,它是实现双向绑定、MVVM模式的重要基础,有兴趣的可以了解一下

  • 详解angularJS动态生成的页面中ng-click无效解决办法

    详解angularJS动态生成的页面中ng-click无效解决办法

    这篇文章主要介绍了详解angularJS动态生成的页面中ng-click无效解决办法,非常具有实用价值,需要的朋友可以参考下

  • JS检测是否可以访问公网服务器功能代码_javascr

    JS检测是否可以访问公网服务器功能代码_javascr

    检测AC是否放行成功,是否可以访问公网阿里云服务器。下面给大家分享JS检测是否可以访问公网服务器功能代码,需要的的朋友参考下吧

  • AngularJS的ng-click传参的方法_AngularJS

    AngularJS的ng-click传参的方法_AngularJS

    本篇文章主要介绍了AngularJS的ng-click传参的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • ZeroClipboard.js使用一个flash复制多个文本框_javasc

    ZeroClipboard.js使用一个flash复制多个文本框_javasc

    这篇文章主要为大家详细介绍了ZeroClipboard.js使用一个flash复制多个文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • AngularJS  ng-repeat遍历输出的用法_AngularJS

    AngularJS ng-repeat遍历输出的用法_AngularJS

    本篇文章主要介绍了AngularJS ng-repeat遍历输出的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 解决vue-cli中stylus无法使用的问题方法_vue.js

    解决vue-cli中stylus无法使用的问题方法_vue.js

    这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • js实现随机数字字母验证码_javascript技巧

    js实现随机数字字母验证码_javascript技巧

    这篇文章主要为大家详细介绍了js随机验证码的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue中如何实现变量和字符串拼接_vue.js

    vue中如何实现变量和字符串拼接_vue.js

    这篇文章主要介绍了vue中如何实现变量和字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解vue2.0 transition 多个元素嵌套使用过渡_vue.js

    详解vue2.0 transition 多个元素嵌套使用过渡_vue.js

    这篇文章主要介绍了详解vue2.0 transition 多个元素嵌套使用过渡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue-router单页面路由_vue.js

    vue-router单页面路由_vue.js

    这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解webpack+vue-cli项目打包技巧_vue.js

    详解webpack+vue-cli项目打包技巧_vue.js

    本篇文章主要介绍了详解webpack+vue-cli项目打包技巧 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下

  • vue过渡和animate.css结合使用详解_vue.js

    vue过渡和animate.css结合使用详解_vue.js

    本篇文章主要介绍了vue过渡和animate.css结合使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 详解Angular2响应式表单_AngularJS

    详解Angular2响应式表单_AngularJS

    这篇文章主要介绍了详解Angular2响应式表单,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • JS判断时间段的实现代码_javascript技巧

    JS判断时间段的实现代码_javascript技巧

    本文给大家分享一段实例代码介绍JS判断时间段的方法,需要的朋友参考下吧

  • 详解AngularJS 模块化_AngularJS

    详解AngularJS 模块化_AngularJS

    本篇文章主要介绍了详解AngularJS 模块化,模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。有兴趣的可以了解一下

  • JS自动生成动态HTML验证码页面_javascript技巧

    JS自动生成动态HTML验证码页面_javascript技巧

    这篇文章主要介绍了JS自动生成动态HTML验证码页面,输入错误自动清空输入框的功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • 详解vue跨组件通信的几种方法_vue.js

    详解vue跨组件通信的几种方法_vue.js

    本篇文章主要介绍了详解vue跨组件通信的几种方法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 使用Require.js封装原生js轮播图的实现代码_javasc

    使用Require.js封装原生js轮播图的实现代码_javasc

    这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下

  • 详解Nodejs之npm&package.json_node.js

    详解Nodejs之npm&package.json_node.js

    本篇文章主要介绍了详解Nodejs之npmpackage.json,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 利用JS对iframe父子(内外)页面进行操作的方法教

    利用JS对iframe父子(内外)页面进行操作的方法教

    这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,

  • CentOS 安装NodeJS V8.0.0的方法_node.js

    CentOS 安装NodeJS V8.0.0的方法_node.js

    这篇文章主要介绍了CentOS 安装NodeJS V8.0.0的方法,需要的朋友可以参考下

  • package.json文件配置详解_node.js

    package.json文件配置详解_node.js

    这篇文章主要介绍了package.json文件配置详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

  • JS奇技之利用scroll来监听resize详解_javascript技巧

    JS奇技之利用scroll来监听resize详解_javascript技巧

    这篇文章主要给大家介绍了JS奇技之利用scroll来监听resize的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看

  • Vue路由跳转问题记录详解_vue.js

    Vue路由跳转问题记录详解_vue.js

    本篇文章主要介绍了Vue路由跳转问题记录详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • react-router JS 控制路由跳转实例_javascript技巧

    react-router JS 控制路由跳转实例_javascript技巧

    这篇文章主要介绍了react-router JS 控制路由跳转实例,react实现路由可以直接使用react-router。有兴趣的可以了解一下

  • JS 设置Cookie 有效期 检测cookie_javascript技巧

    JS 设置Cookie 有效期 检测cookie_javascript技巧

    这篇文章主要介绍了JS 设置Cookie 有效期 检测cookie的相关资料,需要的朋友可以参考下

  • AngularJs实现聊天列表实时刷新功能_AngularJS

    AngularJs实现聊天列表实时刷新功能_AngularJS

    这篇文章主要介绍了AngularJs实现聊天列表实时刷新功能,需要的朋友可以参考下

  • 详解原生js实现offset方法_javascript技巧

    详解原生js实现offset方法_javascript技巧

    本篇文章主要介绍了原生js实现offset方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • Angularjs为ng-click事件传递参数_AngularJS

    Angularjs为ng-click事件传递参数_AngularJS

    这篇文章主要介绍了Angularjs为ng-click事件传递参数的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • vue中将网页打印成pdf实例代码_vue.js

    vue中将网页打印成pdf实例代码_vue.js

    本篇文章主要介绍了vue中将网页打印成pdf实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • vue实现全选、反选功能_vue.js

    vue实现全选、反选功能_vue.js

    这篇文章主要为大家详细介绍了vue实现全选、反选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • vue.js实现数据动态响应 Vue.set的简单应用_vue.js

    vue.js实现数据动态响应 Vue.set的简单应用_vue.js

    这篇文章主要介绍了vue.js实现数据动态响应,Vue.set的简单应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  • angular ng-click防止重复提交实例_AngularJS

    angular ng-click防止重复提交实例_AngularJS

    本篇文章主要介绍了angular ng-click防止重复提交实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • 基于JS实现网页中的选项卡(两种方法)_javascr

    基于JS实现网页中的选项卡(两种方法)_javascr

    这篇文章主要介绍了用js语句实现网页中的选项卡(两种方法),非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • js页面全屏功能,相当于按F11

    js页面全屏功能,相当于按F11

    我爱模板网在做项目的时候,遇到一个问题,就是点击下面的按钮,让屏幕全屏起来。类似于F11: 百度了下,用javascript即可实现,效果几乎和F11类似,只有一个问题到现在没有解决,即

  • js addEventListener()添加事件详解

    js addEventListener()添加事件详解

    定义: 在javascript中,可以通过addEventListener()方法,给对象添加事件句柄。但是早期浏览器,如IE8及其更低版本不兼容,可以使用attachEvent()方法来解决。下面,先看下addEventListener()的兼

  • js事件oninput,onpropertychange,onchange的区别

    js事件oninput,onpropertychange,onchange的区别

    我爱模板网需要做一个效果,即修改textarea的内容,做出相应的事情,如向里面输入文字,实时记录字数,并当字数过多或过少时,给予提醒。在textarea中,如果想捕获用户的键盘输入,

  • js拖拽代码

    js拖拽代码

    js拖拽代码 上次,我爱模板网分享了如何用js写拖拽容器的效果,详见: js拖拽代码,js拖拽教程 ,但是有很多bug没有修复,例如,用户如果拖拽框,可以一直拖到浏览器“外面”,直

  • js实现a标签超链接提交form表单的方法

    js实现a标签超链接提交form表单的方法

    我们在做网站的时候,可能由于submit提交按钮无法在里面再套入其他的标签,只能放文字。这时,就不得不用其他标签来替代提交按钮,例如:a标签。但是,除了submit和button,其他标签

  • JS  String 对象

    JS String 对象

    1.chartAt():返回在指定位置的字符; eg: var str = "HELLO WORLD"; var n = str.charAt(2); 输出结果: L ; //返回字符串中的第三个字符 2.charCodeAt():返回指定索引位置字符的 Unicode 编码; eg: var str = "HELLO

  • ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果_javas

    这篇文章主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下

  • 使用Require.js封装原生js轮播图的实现代码_javasc

    使用Require.js封装原生js轮播图的实现代码_javasc

    这篇文章主要介绍了使用Require.js封装原生js轮播图的实现代码,需要的朋友可以参考下

  • 利用JS对iframe父子(内外)页面进行操作的方法教

    利用JS对iframe父子(内外)页面进行操作的方法教

    这篇文章主要给大家介绍了利用JS对iframe父子(内外)页面进行操作的方法教程,其中包括了怎么对iframe进行操作、在iframe里面控制iframe外面的js代码以及在父框架对子iframe进行操作等,

  • 基于JS实现网页中的选项卡(两种方法)_javascr

    基于JS实现网页中的选项卡(两种方法)_javascr

    这篇文章主要介绍了用js语句实现网页中的选项卡(两种方法),非常不错,具有参考借鉴价值,需要的朋友可以参考下

  • PHP判断json格式是否正确的实现代码_php实例

    PHP判断json格式是否正确的实现代码_php实例

    本文给大家分享PHP判断json格式是否正确的实现代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧

  • Laravel中前端js上传图片到七牛云的示例代码_php实

    Laravel中前端js上传图片到七牛云的示例代码_php实

    本篇文章主要介绍了Laravel中前端js上传图片到七牛云的示例代码,具有一定的参考价值,有兴趣的可以了解一下

  • Chart.js在Laravel项目中的应用示例_php实例

    Chart.js在Laravel项目中的应用示例_php实例

    本篇文章主要介绍了Chart.js在Laravel项目中的应用示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  • ASP调用WebService转化成JSON数据,附json.min.asp_应用

    ASP调用WebService转化成JSON数据,附json.min.asp_应用

    接触WebService也很久了,但是使用asp调用教程的却不多,还有转成json也不多见,本文全部分享给大家,需要的拿去吧。

  • ASP 处理JSON数据的实现代码_应用技巧

    ASP 处理JSON数据的实现代码_应用技巧

    今天看网页才发现了ASP也能处理JSON数据?呵呵,刚才论坛上看到一个兄弟写的文章,没有测试,不过理论上一定是可以的,之前脚本之家小编也发过类似的文章都可以看下

  • vue.js 2.0参考手册chm格式下载

    vue.js 2.0参考手册chm格式下载

    vue.js 2.0参考手册chm格式下载。Vue.js是一套构建用户界面的渐进式框架。与其他javascript框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还

  • 一个简单的cms后台框架js教程

    一个简单的cms后台框架js教程

    cms后台框架 这是我爱模板网做的一个非常简单的cms后台框架,采用的iframe,点击左侧的栏目分类,能够在右侧的上面添加相应的tab选项卡分类,同时,在右下追加对应的iframe,引入对应

  • js获取css3 transform旋转rotate的角度

    js获取css3 transform旋转rotate的角度

    今天,我爱模板网在给一个客户做js转盘的时候,是采用的css3配合jQuery的。期间遇到一个问题,就是需要获取转盘旋转了多少度。

  • template.js前端模板引擎使用

    template.js前端模板引擎使用

    template.js是HTML模板。可以按照HTML格式编写。不用像JS用HTML字符串拼接。下面来简单介绍下template.js的用法: 一、下载地址 https://github.com/yanhaijing/template.js 作者编写的文档:https://github

  • Node.js安装配置教程

    Node.js安装配置教程

    Node.js 安装配置 本章节我们将向大家介绍在window和Linux上安装Node.js的方法。 本安装教程以Node.js v4.4.3 LTS(长期支持版本)版本为例。 Node.js安装包及源码下载地址为: https://nodejs.org/en/do

  • 用Node.js创建第一个应用:Hello World

    用Node.js创建第一个应用:Hello World

    如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi。 从这个角度看,整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理

  • JSON.parse()和JSON.stringify()

    JSON.parse()和JSON.stringify()

    本文主要讲解 JSON.parse() 和 JSON.stringify() 这一对“冤家”的区别: parse() 用于从一个字符串中解析出json对象,如 假设下面的JSON格式字符串(注意:单引号写在{}外,每个属性名都必须用双

  • js中opener与parent的区别详细解析

    js中opener与parent的区别详细解析

    opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面。 parent表示父窗口,比如一个A页面利用iframe或

  • html5 localStorage保存json对象

    html5 localStorage保存json对象

    最近我爱模板网在做项目时,需要用html5的本地存储技术localStorage保存数据,之前用过几次,确实比js的cookie好用多了,但是保存的一直都是字符串,今天想保存对象,发现保存不了,必

  • js实现touch移动触屏滑动事件

    js实现touch移动触屏滑动事件

    移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touc

  • JS移动端触屏滑动事件及js手机拖拽效果

    JS移动端触屏滑动事件及js手机拖拽效果

    移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理tou

  • js判断是手机系统是安卓还是IOS代码

    js判断是手机系统是安卓还是IOS代码

    js判断是手机系统是安卓还是IOS代码

  • 关于js中js的单双引号问题

    关于js中js的单双引号问题

    今天,我爱模板网在调取数据,并且用js将其显示出来时,遇到一个非常奇怪的问题,首先,我们看下打印的获取的字符串: {'branchname':['北京店','上海店','南京店'],'shuibadata':[329,838,9

  • js多行字符串获取每一行

    js多行字符串获取每一行

    js的截取字符串方式,通过换行符,将多行文本按行为单位分隔开

  • doT.js模板引擎

    doT.js模板引擎

    最近,我爱模板网在做H5+手机APP,调取接口数据并显示出来的时候,经常要用到显示大量的数据到页面中。js字符串拼接太麻烦,用vue.js等又有点大材小用。百度找到了今天的主角: d

  • Speak.js基于JavaScript将文字转换为语音TTS

    Speak.js基于JavaScript将文字转换为语音TTS

    这个项目将来自C++的eSpeak speech synthesizer采用Emscripten移植到JavaScript。在web上实现Text-to-speech只需要浏览器支持JavaScript. + HTML5。Speak.js 是一个 JavaScript 实现的 Text-to-Speech 的引擎。 介绍 T

  • MUI判断网络连接以及监听网络变化JS

    MUI判断网络连接以及监听网络变化JS

    MUI用于获取当前设备的网络类型 function plusReady(){ var types = {}; types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection"; types[plus.networkinfo.CONNECTION_NONE] = "None connection"; types[plus.networkinfo.CONNECTIO

  • js Math函数,js取小数部分和整数部分

    js Math函数,js取小数部分和整数部分

    1.丢弃小数部分,保留整数部分 parseInt(23.56); 结果:23 2.向上取整,有小数就整数部分加1 Math.ceil(23.56) 结果:24 3.四舍五入 Math.round(23.56) 结果:24 4.向下取整 Math.floor(23.56) 结果:23 附:如何

  • html5+js计算两地之间距离

    html5+js计算两地之间距离

    我爱模板网今天做项目遇到一个技术点:已知客户的经纬度,计算客户距离当前距离自己的位置。这个在诸如饿了么、美团等APP上都有应用。下面,就把代码贡献给大家: /** *@desc HTML

  • js过滤HTML标签以及 

    js过滤HTML标签以及 

    js过滤HTML标签以及空格nbsp;的正则表达式: function removeHTMLTag(str) { str = str.replace(/\/?[^]*/g,''); //去除HTML tag str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白 //str = str.replace(/\n[\s| | ]*\r/g,'\n'); /

  • js将手机号中间替换成星号的两种方法

    js将手机号中间替换成星号的两种方法

    我们在做个人资料这块,常常有一种需求,就是将手机号码中间几位替换成星号,如:182****5066这种。这里从网上摘录的两种方法,记录在这里: 1、用字符串截断和拼接的方法: $("#

  • Bootstrap switch.js 开关插件 api

    Bootstrap switch.js 开关插件 api

    Bootstrap switch.js 开关插件 api

  • Js操纵iframe中Dom以及iframe子页面中Js操纵父页面Dom

    Js操纵iframe中Dom以及iframe子页面中Js操纵父页面Dom

    一、父页面中Js读取或调用iframe中的Dom或js代码段 二、iframe子页面中的Js调用父页面中的Dom或js代码段 /*父窗口调用iframe子窗口中的Dom 本例也就是index.php页面中的js读取iframe.php中的id为d

  • js正则表达式限制密码为纯数字或纯字母或数字字母混合

    js正则表达式限制密码为纯数字或纯字母或数字字母混合

    项目中,需要验证密码的强度:必须是数字和字母的组合,并且长度不能少于6个,不能少于6个好办,直接判断长度即可,前面的,从网上找了几个,总结了下: 1、字符串是数组和字母

  • JS 获取浏览器窗口大小

    JS 获取浏览器窗口大小

    本文整理了常用的一些js获取窗口尺寸的方法: JS 获取浏览器窗口大小常用方法: // 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) (document.body.clientWidth))winWidth

  • js点击关闭上一层,关闭时触发了下一层的点击事件

    js点击关闭上一层,关闭时触发了下一层的点击事件

    我爱模板网在用mui做app时,遇到一个问题,先看图: 上图的“矿工详情”是弹出来的层,是点击图中所示的“title”弹出来的,现在的问题是,点击“矿工详情”弹出层的“返回”按钮

  • 用js将从后台得到的时间戳(毫秒数)转换为想要的日期格式

    用js将从后台得到的时间戳(毫秒数)转换为想要的日期格式

    得到后台从数据库中拿到的数据我们希望格式是 2016年10月25日 17时37分30秒 或者 2016/10/25 17:37:30 然而我们前台得到的却是一段数字(时间戳,毫秒数) 1477386005 我们要将时间戳转化为我们

  • js计算过去和未来的时间距离现在多少天

    js计算过去和未来的时间距离现在多少天

    计算传入的任意一时间。计算出这个时间距离现在还有多少天!或者计算过去的时间距离现在已经过去了多少天! 返回值有两种! 1、负值 代表过去了多少天 2、正值 代表距离设定的时

  • JS选取DOM元素的方法

    JS选取DOM元素的方法

    摘自JavaScript权威指南(jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素,然后根据样式选择器对所有DOM元素进行筛选) 今天试了下各种选取元素的方法

  • js判断手机系统版本为安卓还是苹果,苹果系统版本号

    js判断手机系统版本为安卓还是苹果,苹果系统版本号

    js判断是否为手机系统是安卓还是苹果,是否为微信浏览器 var ua = navigator.userAgent.toLowerCase();//系统判断if(ua.match(/iPhone/i)=="iphone") { //iphone if(ua.match(/MicroMessenger/i)=="micromessenger") { //是微信

  • mui组件JS API

    mui组件JS API

    mui组件js api提供了一些比较常用的方法,例如测试变量类型、获取当前时间戳、解析JSON字符串等等: 变量类型判断:mui.type() var a = [];var b = {};var c = '{"name":"zhaomenghuan","age":22}';console.lo

  • js如何判断一个变量是否为undefined

    js如何判断一个变量是否为undefined

    我爱模板网 做项目时,从数据库取数据,需要对数据进行判断,如果为undefined就不让它显示,于是,就拿变量和字符串“undefined”进行判断,发现结果总是false,即使这个变量的确为

  • mui APP复制粘贴,Native.js复制粘贴

    mui APP复制粘贴,Native.js复制粘贴

    mui APP复制粘贴,Native.js复制粘贴,下面的代码经过测试,完美运行,并且兼容性也不错: /** * @description 获取剪贴板内容 (粘贴) */function getClipbordText() { if(!window.plus) return; if(mui.os.android

  • js动态创建样式: style 和 link

    js动态创建样式: style 和 link

    网上提供有很多关于JavaScript动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,博客园 stephenykk 写了下面的文章: 静态

  • js判断mousewheel事件鼠标滚轮滚动的方向

    js判断mousewheel事件鼠标滚轮滚动的方向

    js鼠标滚轮滚动事件,即 mousewheel 事件,如何判断鼠标滚动是往前滚,还是往后滚,即鼠标滚轮滚动的方向

  • CJL.0.1.min.js一个小巧的JS工具库

    CJL.0.1.min.js一个小巧的JS工具库

    研究了一年多的js,也差不多写一个自己的js库了。我写这个不算框架,只是一个小型的js工具库,所以我用的名字是Library。主要集合了我写js时一些常用的方法,并参考了prototype.js,j

  • js toString()和toLocaleString()的区别

    js toString()和toLocaleString()的区别

    js中toString()和toLocaleString()都是转字符串方法,那么有什么区别呢: 1、数字: 在数字转换成字符串的时候,并没有感觉这两个方法有什么区别,如下: var e=123;e.toString(); //输出 "123";e.

  • 鼠标拖拽旋转js

    鼠标拖拽旋转js

    相信大家都见过这种情况,在ppt或word中,有个文本框,选中后,在上方会出现一个旋转的图标(如下图),拖动此图标时会旋转,那么这个角度该怎么计算? 我是这样算的,以图形中心为圆

  • JS刷新当前页面的几种方法总结以及用js实现自动刷新页面

    JS刷新当前页面的几种方法总结以及用js实现自动刷新页面

    本篇文章主要是对JS刷新当前页面的几种方法进行了详细的总结介绍,并且提供了几种自动刷新的方法,希望对大家有帮助: reload 方法:该方法强迫浏览器刷新当前页面。 语法:locat

  • 让谷歌和360浏览器解析json格式

    让谷歌和360浏览器解析json格式

    现在各类互联网产品的前后端交互都使用了JSON格式,方便且容易解析。但是,如果请求过来的json不进行格式化看着会很烦。而基于谷歌和基于谷歌内核的360等浏览器,都可以安装 JSO

  • js正则表达式去除字符串中的所有中括号

    js正则表达式去除字符串中的所有中括号

    js的正则表达式非常强大,可以做很多常规难以匹配的效果,同时还可以验证常见的有规律的号码等,今天,来看看正则去除字符串中的所有中括号: var str = '我爱[模]板[网],www[.5imo

  • js正则表达式去除字符串中间的空格和首尾空格

    js正则表达式去除字符串中间的空格和首尾空格

    在表单验证中,为了防止用户乱输入空格,可能会遇到将用户输入的数据的空格进行去除的需求,下面的代码可能会派的上用场: 只去除中间的空格: function trims(str){ return str.replace(/

  • js 正则表达式过滤字符串中的html标签

    js 正则表达式过滤字符串中的html标签

    我爱模板网在用mui做html5+ APP时,从后台用ajax获取过来的数据如下:html标签和空格都去除,这个借助强大的正则表达式即可:

  • js获取网站域名的方法

    js获取网站域名的方法

    我爱模板网在做贵州司法行政厅网站的时候,客户有个需求,就是凡是本站地址的a链接,直接打开,而如果是外部地址,会弹出提示“此链接为外网链接,还需要继续打开吗?”,点击

  • js实现各种复制到剪贴板的方法

    js实现各种复制到剪贴板的方法

    本文总结了八种网页上复制文字的js代码,供大家查阅 一、实现点击按钮,复制文本框中的的内容 script type="text/javascript"function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择

  • 兼容火狐谷歌的js复制文字代码

    兼容火狐谷歌的js复制文字代码

    最近在做C端前端时,遇到了要点击复制身份证信息的需求,我爱模板网使用了下面的js复制文字代码(因为C端用的chrome的内核,就不考虑IE了,不过下面的代码也兼容火狐),有需要的

  • js函数 Number()、parseInt()、parseFloat()的区别

    js函数 Number()、parseInt()、parseFloat()的区别

    Number()、parseInt()、parseFloat()的区别: Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。parseInt()和parseFloat()方法只转换第一个无

  • Js保留小数位数四舍五入不足位数添零

    Js保留小数位数四舍五入不足位数添零

    这个小函数比小程序实用多了~,项目急,在网上找了一遍有没有现成的函数,没有一个中(wan)用(mei)的东西,干脆自己动手,丰衣足食了。 这个函数可以对任意数字保留自定义小数

  • js将数字转换为字符串的方法详解

    js将数字转换为字符串的方法详解

    js将数字转换为字符串最常见的方法由如下三种: 1. value.toString() 2. "" + value 3. String(value) toString()方法存在的问题是,它不能把null和undefined转换为字符串。后两种方法的效果基本一样。

  • js滚动到底部加载更多代码片段

    js滚动到底部加载更多代码片段

    js滚动到底部加载更多代码的js和html代码片段,为我爱模板网在做一个C端的项目时写的,在这里记录下。

  • html转pdf,html转canvas,js图片转PDF:html2canvas.js、jsPdf.debug.js

    html转pdf,html转canvas,js图片转PDF:html2canvas.js、jsPdf.debug.js

    最近碰到个需求,需要把当前页面生成pdf,并下载。弄了几天,自己整理整理,记录下来,我觉得应该会有人需要。 html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页

  • MUI evalJS跨webview回传参或执行方法

    MUI evalJS跨webview回传参或执行方法

    在H5+app的开发中,webview的操作是基础,在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法。 准备工作: 我们需要两个页面A和B,B是A的子页面,点击B中的

  • js编写日历的思路教程

    js编写日历的思路教程

    我爱模板网要做一个自定义样式的日历,在网上找了许久,都找不到合适的,于是打算自己写一个js日历,但是思路不是很清晰,就在百度找到了CSDN amork写的一个js编写日历的思路,看了

  • JS获取浏览器窗口、屏幕、网页高度和宽度,以及scroll属性

    JS获取浏览器窗口、屏幕、网页高度和宽度,以及scroll属性

    在工作中,经常遇到需要用JS获取浏览器窗口、屏幕、网页高度和宽度,但是,太多了,又经常搞混,所以,记录下,下次找方便:

  • 通过JS语句判断WEB网站的访问端是电脑还是手机

    通过JS语句判断WEB网站的访问端是电脑还是手机

    在实际项目开发中,可能会通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同的页面。下面是我爱模板网总结的js判断设备,然后跳转到手机站或PC站: JS 判断浏览器客户端类

  • js和jQuery获取滚动条滚动距离

    js和jQuery获取滚动条滚动距离

    jQuery获取滚动距离非常简单: $(document).scrollTop(); $(document).scrollLeft(); js获取滚动距离有点麻烦,要考虑兼容性: /** * 获取滚动条距离顶端的距离 * @return {}支持IE6 */function getScrollTop() {

  • js map()方法

    js map()方法

    map定义和方法 map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 注意: map不会对空数组进行检测 map不会改

  • mui.previewimage.js图片预览不全屏解决办法,可以举一反三

    mui.previewimage.js图片预览不全屏解决办法,可以举一反三

    我爱模板网在用mui开发APP时,用mui.previewimage.js做图片预览时,遇到了下面的问题: 如图,这是一个子页面,需求是点击图片预览大图。ok,大家把mui的图片预览拿过来用: 但是,图片是

  • 手机端响应式js动态rem尺寸的使用

    手机端响应式js动态rem尺寸的使用

    关于rem,我爱模板网有好几篇文章都介绍到了它的使用方法,如 手机端页面自适应解决方案—rem布局进阶版 和 手机端转换rem适应 等,更多你可以查看 rem搜索 。今天,在做一个体彩网

  • js in操作符详解

    js in操作符详解

    in 操作符用来判断属性是否存在与对象中。in 操作符会在通过对象能够访问给定属性时返回 true ,无论该属性存在于实例中还是原型中: function FF(){ this.age = 11; }FF.prototype.name = "kevin";/

  • mui.fire()和mui.evalJS()的区别

    mui.fire()和mui.evalJS()的区别

    mui在一个页面执行另一个页面,通常有两种方法:mui.fire()和mui.evalJS()。例如,在B页面要执行A页面的initMe(param)函数,那么用两种方法可以如下写: /**************mui.fire************///A页面fu

  • GPS坐标转换为百度坐标pointtransfertools.js

    GPS坐标转换为百度坐标pointtransfertools.js

    前言 BMap.Convertor 在坐标转换上有数量限制,这点在实际的项目中受限。参考网上一些文档,封装了下面js版的坐标转换工具pointtransfertools.js。经测试,误差在可容忍范围之内。 点击 下

  • js严格模式

    js严格模式

    一、什么是严格模式 我们平时写的JavaScript代码一般都运行在正常模式中的,除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。看名字就知道,这种模式

  • JS设置cookie,删除cookie

    JS设置cookie,删除cookie

    js的cookie使用起来非常麻烦,因为它就是一个字符串,设置和读取都不方便,下面提供了三种方法,都是简化cookie的使用方法,设置获取直接调用函数,传个参数即可: 第一种:(这个

  • JSON.parse()后面不能直接push

    JSON.parse()后面不能直接push

    今天,我爱模板网遇到一个很奇怪的问题,historyCities是一个类似于下面的JSON字符串: [{"cityid":"1101","name":"北京市"}] 我要往里面加入其它城市的信息,自然而然想到了push,先转为数组对

  • mui配合jpgtobase64.js压缩上传或拍照的图片的完整代码

    mui配合jpgtobase64.js压缩上传或拍照的图片的完整代码

    本示例代码,为我爱模板网在项目中使用的,mui拍照或从相册选择照片,并且对照片进行1倍压缩,最终得到base64为图片地址的代码。这里的图片压缩,用的是jpgtobase64.js插件,它的原理

  • JS手机端移动端长按longtap事件

    JS手机端移动端长按longtap事件

    移动端并没有所谓的longtap事件,即长按事件。但是,有时候会用到,只能借助touchstart、touchmove、touchend三个事件以及延迟setTimeout来模拟一个longtap,下面就是代码(jQuery和zepto皆可使用,

  • JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容selectionStart、selectionEnd、cr

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容selectionStart、selectionEnd、cr

    先看下效果: 基本的认识: 文本选中区域光标:页面中闪烁的光标其实就是特殊的宽度为0的选区。 简单理解就是选区的左右边界交叉形成了光标。 有了这个概念下面的内容就很好理解

  • 多级frameset和iframe的js查找调用

    多级frameset和iframe的js查找调用

    iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前

  • JS数组常用方法汇总

    JS数组常用方法汇总

    转换方法 所有对象都具有 toLocaleString()、toString()、valueOf()方法 。其中调用数组的toString方法会返回以数组中的每个值的字符串形式拼接而成的一个以逗号分割的字符串。而调用valueOf(

  • 为什么在js自执行函数(function(){})()前加个分号

    为什么在js自执行函数(function(){})()前加个分号

    如下,在封装插件时,经常看到在自执行函数的括号前面加个分号: ;(function(){ //TODO})(); 上面的;号作用是什么:前端页面脚本压缩可减少脚本数量和脚本大小,为了避免压缩时前一个

  • canvas圆环进度条动画js代码

    canvas圆环进度条动画js代码

    在html5出来之前,加载动画和进度条动画都是要么采用的GIF,如: 18款网页加载动画gif格式 ,要么采用flash,如 18个简约动态flash加载动画fla源文件 ,但是,gif往往比较大,而且还要另外

  • JS requestAnimationFrame详解

    JS requestAnimationFrame详解

    性能更好的js动画实现方式——requestAnimationFrame 用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也

  • jquery jTemplates.js模板渲染引擎的用法

    jquery jTemplates.js模板渲染引擎的用法

    jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了他你就再不用为使用JS绑定数据时发愁了。后端语言使用php,asp.net,jsp等都不是问题,使用模板渲染可以很大程度上提高程序性能

  • js判断是否微信浏览器

    js判断是否微信浏览器

    我们都知道,在扫描二维码的时候,很多人喜欢使用微信来扫描。而微信扫描会使用微信浏览器打开扫描地址。微信浏览器是不允许下载的。这时,打开微信右上角的三个点,在弹出菜

  • jQuery cookie插件jquery.cookie.min.js的用法

    jQuery cookie插件jquery.cookie.min.js的用法

    我们都知道,js的cookie,设置读取都一样,变量名和值也不分开,使用起来非常麻烦,为此,jQuery的cookie插件:jquery.cookie.min.js帮了大忙了,下面就看看怎么用吧: 1.引入jquery.js script s

  • js触发已有事件,js trigger

    js触发已有事件,js trigger

    js触发已经写好的事件,类似于jQuery的trigger方法,但是js本身不具备trigger方法,必须自己进行封装

  • clipboard.js 复制和剪切插件详解

    clipboard.js 复制和剪切插件详解

    clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件。简单介绍下基本运用。 1 引入插件 script src="js/clipboard.min.js"/script 2 基本使用 首先需要您需要通过传递DOM选择器,HTML元素或H

  • Vue.js中ref ($refs)用法举例总结

    Vue.js中ref ($refs)用法举例总结

    本文详细举例了Vue.js中ref ($refs)用法,转载自cnblog的慕容小凡,原文地址:http://www.jianshu.com/p/3bd8a2b07d57 一、ref使用在外面的组件上 HTML 部分

  • JS动态引入js,CSS——动态创建script/link/style标签

    JS动态引入js,CSS——动态创建script/link/style标签

    一.动态创建link方式 我们可以使用link的方式.如下代码所示: function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css")

  • JS数组与对象的遍历方法大全

    JS数组与对象的遍历方法大全

    本文简单解析各种数组和对象属性的遍历方法: 原生for循环、for-in及forEach · ES6 for-of方法遍历类数组集合 · Object.key()返回键名的集合 · jQuery的$.each() · underscore的_.each() 文中的范例基于

  • js获取对象所有键名(key/下标)的方法

    js获取对象所有键名(key/下标)的方法

    for in 循环 并且使用hasOwnProperty 方法

  • js中sort()排序详解

    js中sort()排序详解

    先看下sort语法: arrayObject.sort(sortby);//参数sortby可选。规定排序顺序。必须是函数。 sort() 方法用于对数组的元素进行排序。 如果调用该方法时没有使用参数,将按字母顺序对数组中的元

  • 数组中对象按时间排序,js sort时间排序

    数组中对象按时间排序,js sort时间排序

    js的sort排序非常强大,可以先看下它的简单用法: js sort排序 。下面这个是我爱模板网遇到的一个排序问题:一个数组中有很多对象,每个对象都含有时间,需要根据时间的先后顺序将

  • js个性化显示时间

    js个性化显示时间

    js根据时间显示如下规则: 24小时内(显示“XX分钟前”或者“XX小时前”,不足1分钟显示“刚刚”) 大于24小时,小于48小时(显示“昨天”) 大于48小时(显示“月-日”), 其他年份

  • JS性能之runtime

    JS性能之runtime

    如果需要知道函数执行过程中消耗了多长时间,可以在foo()函数调用之前插入console.time()语句,在其调用结束后插入console.timeEnd()语句

  • JS trim()去除字符串首尾空格

    JS trim()去除字符串首尾空格

    JS trim(),即去字符串首尾空格,是js自带的方法,但是此方法使用上有浏览器限制: 1.直接使用: string.trim() trim方法在浏览器的兼容性 2.使用正则表达式构造一个trim的方法: function myTr

  • JS concat()连接两个数组

    JS concat()连接两个数组

    js concat方法的定义和用法 concat() 方法用于连接两个或多个数组。 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 语法 arrayObject.concat(arrayX,arrayX,......,arrayX) 参数 描

  • JS数组合并push与concat区别分析

    JS数组合并push与concat区别分析

    push和concat都有合并数组的功能,一直没有研究过二者的区别,今天遇到了,就研究了下,区别还是比较大的: 先看代码: var arr = [];arr.push(1);arr.push([2, 3]);arr.push(4, 5);arr = arr.concat(6);ar

  • js将html转义和反转义的两个函数

    js将html转义和反转义的两个函数

    HTML标签,有时需要显示出来,或者为了防止一些危险的操作,可能需要将它转义,如: h1我爱模板网/h1 通过: function html2Escape(sHtml) { return sHtml.replace(/["]/g,function(c){return {'':'lt;','':'gt;

  • JS转换HTML转义符大全

    JS转换HTML转义符大全

    本文提供了常见的一些js转义html的方法,如去掉html标签、普通字符转成转义符、转义符换成普通字符、nbsp;转成空格、回车转为br标签、去除开头结尾换行,并将连续3次以上换行转换成

  • JS数组reduce()方法详解

    JS数组reduce()方法详解

    基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被

  • 利用js reduce方法去除数组中的重复项

    利用js reduce方法去除数组中的重复项

    js的reduce有点类似于递归,对数组进行循环计算,最终得到想要的效果,可以想见: js reduce详解 。 下面的方法是我爱模板网在做项目时,遇到数组去重,从网上“剽窃”的一个方法,

  • JS对象添加、删除、修改对象的属性

    JS对象添加、删除、修改对象的属性

    以下是cnblog goweb总结的几种为JS对象添加、删除、修改对象的属性方法,我爱模板网只是把它搬运到了这里

  • js将字符串中所有反斜杠\替换成正斜杠/

    js将字符串中所有反斜杠\替换成正斜杠/

    js正则将字符串中所有反斜杠\替换成正斜杠/

  • JS去掉字符串中所有的逗号

    JS去掉字符串中所有的逗号

    有个需求,将下面的字符串里面所有的逗号都替换为下划线: 将字符串"123,111,222.00"替换为"123111222.00": 1、正则表达式的方法: function clear(str) { str = str.replace(/,/g, "_");//取消字符串中出

  • js合并对象的方法

    js合并对象的方法

    我爱模板网从网上找的,多个对象合并的方法,在这里记录下,下次用的着。

  • JS添加和删除节点

    JS添加和删除节点

    不像jQuery,js的添加和删除节点都比较麻烦,例如删除节点,必须要找到被删除元素的父节点,通过父节点的removeChild才能删除当前节点。当然,jQuery就是为了简化js才推出的,不可能比

  • swiper.js 在IOS中双击上滑或下滑

    swiper.js 在IOS中双击上滑或下滑

    在IOS,swiper双击屏幕滑动模块会上移,并且不会恢复正常状态。 这个不是swiper的问题哦,是因为html5页面嵌入到ios中的问题,在安卓中没有这个问题。 解决方案就是将双击事件给阻止掉

  • NodeJs简单入门指南--搭建一个简单的http服务器

    NodeJs简单入门指南--搭建一个简单的http服务器

    NodeJs的适用场景: 1:高并发、高I/O场景 2:逻辑较少 3:追求响应速度的项目 以上三点是我们使用NodeJs所要考虑的,由于nodejs是单线程、异步I/O的、事件驱动的语言,所以带来响应速度

  • js正则表达式验证大全

    js正则表达式验证大全

    js正则表达式验证大全

  • nodejs+electron实现桌面程序exe

    nodejs+electron实现桌面程序exe

    nodejs+electron编写exe程序

  • php和js过滤emoji表情符号

    php和js过滤emoji表情符号

    手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错: SQLException: Incorrect string value: '\xF0\x9F\x98\x84' for column 'review' at row 1 原因是:UTF-8编码有可能是两个、三个、四

  • JS中高德、百度地图坐标互相转换

    JS中高德、百度地图坐标互相转换

    JS中高德、百度地图坐标互相转换

  • JS获取各种宽度、高度的简单介绍

    JS获取各种宽度、高度的简单介绍

    JS获取各种宽度、高度的简单介绍

  • js和jQuery获取距离屏幕顶部和距离屏幕左边的距离

    js和jQuery获取距离屏幕顶部和距离屏幕左边的距离

    jQuery获取距离屏幕顶部和距离屏幕左边的距离非常简单,已经提供了方法:

  • js控制被点击的导航始终保持在正中间

    js控制被点击的导航始终保持在正中间

    我爱模板网遇到一个需求,如下图,导航是可以滚动的,滚动超出了容器的距离。点击导航,自动滚动到正中间

  • 解决JS浮点数(小数)计算加减乘除的BUG
  • js localeCompare方法详解

    js localeCompare方法详解

    js localeCompare方法详解

  • js 根据对象属性对数组进行按字母排序

    js 根据对象属性对数组进行按字母排序

    今天,我爱模板网在做一个APP时,用接口获取了车子品牌的数据,需要做出类似手机通讯录的效果,点击品牌首字母,就能快速定位。这就要对返回的数据进行排序,返回数据格式有点

  • 将html+css页面生成canvas:html2canvas.js

    将html+css页面生成canvas:html2canvas.js

    html2canvas可以通过纯JS对浏览器端进行"截屏",但"截图"的精确度还有待提高,部分css不可识别,如css3的filter等,所以在canvas中不能完全呈现原画面样式。 支持的浏览器 Firefox 3.5+ Google

  • js获取页面元素距离浏览器工作区顶端的距离

    js获取页面元素距离浏览器工作区顶端的距离

    先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElem

  • js循环删除数组中的重复项的问题

    js循环删除数组中的重复项的问题

    假设有下面的数组,我想通过循环将里面的1删除掉: var arr = [1,1,1,1,2,2,2,2];for(var i=0; iarr.length; i++){ if(arr[i] === 1){ arr.splice(i,1); }} 最后得到的结果却是: [1, 1, 2, 2, 2, 2] ,1并没有删除干净

  • js new Date() 日期处理方法总结

    js new Date() 日期处理方法总结

    new Date()返回一个日期对象,可以通过这个日期对象处理js中的日期。 语法格式: new Date( year, month, date, hrs, min, sec) //按给定的参数创建一日期对象,参数为空返回当前日期 例如: new D

  • js setInterval() 方法

    js setInterval() 方法

    定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的

  • HTML、JS、CSS特殊字符写法合集

    HTML、JS、CSS特殊字符写法合集

    这可能是html相当全的特殊字符的HTML、JS、CSS的写法了,直接复制过去就可以使用,非常方便,非常全。转载自博客园 starof。 ⇠ 箭头类 符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ #86

  • js判断对象是否为空对象的几种方法

    js判断对象是否为空对象的几种方法

    js判断对象是否为空对象的几种方法

  • js截取等长的英文和中文字符串

    js截取等长的英文和中文字符串

    js截取字符串最常用的两个方法:substr(start,length)和substring(start,end)。在截取字符串的时候,给个个数或者位置就行了。但是,英文和中文截取出来,长度相差太多,如下: var txt = 'abcd

  • js获取本日、明天、本周、本月

    js获取本日、明天、本周、本月

    js获取本日、明天、本周的第一天、本周的最后一天、本月的第一天、本月的最后一天,返回字符串格式的日期

  • js获取上传的视频时长(blob和base64方法)

    js获取上传的视频时长(blob和base64方法)

    我爱模板网在用vue-cli做一个教育网站时,需要上传视频,同时,还得在接口传视频长度。上传我用的是file控件: input type="file" 我们都知道 html5 的 video,是可以获取视频时长的,即dur

  • js赋值改变后原来的东西也改变了,影响了好几个其它使用同一个源数据的原因以及解决方法

    js赋值改变后原来的东西也改变了,影响了好几个其它使用同一个源数据的原因以及解决方法

    数组赋值目测在php/js这两种语言中的赋值都是应用传递(所谓引用传递就是所谓的赋值其就是共享同一个地址),一般的字串整型等数据类型都是值传递所以不存在这类情况 解决方法:在

  • js for in 循环对象

    js for in 循环对象

    js for in 循环对象

  • dart中箭头表达式与js中箭头表达式对比

    dart中箭头表达式与js中箭头表达式对比

    dart中箭头表达式与js中箭头表达式对比: 1、unexpected text ‘if’ Listint list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];list.forEach((num) = { if (num % 2 == 0) { }}); if这儿报错,报错提示是unexpected text ‘if’,如下

  • js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法

    js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法

    js将毫秒数转换为天数、小时数、分钟数和秒数的计算方法

  • js分享到新浪、豆瓣和花瓣的代码

    js分享到新浪、豆瓣和花瓣的代码

    这是我爱模板网从网上down下来的三个分享代码,分别分享到新浪、豆瓣和花瓣,采用模态框弹出的形式进行分享,可以分享文章标题、作者和头像

  • js实现复制、粘贴,clipboard.min.js的使用

    js实现复制、粘贴,clipboard.min.js的使用

    使用document.ExecCommand("copy")命令 script type="text/javascript"function copyLink(){ var e = document.getElementById("copy"); e.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("内容复制成

  • js简单的toast吐司提示封装

    js简单的toast吐司提示封装

    js简单的toast吐司提示封装

  • js根据经纬度计算距离、根据一个经纬度和距离角度计算另一个经纬度、计算两个经纬度的角度

    js根据经纬度计算距离、根据一个经纬度和距离角度计算另一个经纬度、计算两个经纬度的角度

    js根据经纬度计算距离、根据一个经纬度和距离角度计算另一个经纬度、计算两个经纬度的角度

  • javascript如何判断字符串是否为JSON字符串

    javascript如何判断字符串是否为JSON字符串

    当我们用JSON.parse()对一个未知的字符串转JSON时,最好对它进行判断,否则如果这个字符串不是JSON格式,会出现下面的错误: Uncaught SyntaxError: Unexpected token a in JSON at position 0 at JSON.parse

  • js将数字转为中文

    js将数字转为中文

    我爱模板网在做今日周边项目时,有个拉黑的功能,拉黑时长是后台设置的,返回的是数字,如:1,2,3。但是展示的时候,需要展示为:拉黑此商家一天,也就是数字必须转为中文,使用

  • weapp-qrcode.js 微信小程序生成二维码插件,并保存在相册中

    weapp-qrcode.js 微信小程序生成二维码插件,并保存在相册中

    前面,我爱模板网上传了一篇文章: qrcode.js 生成二维码的js插件 。这个weapp-qrcode.js其实就是qrcode.js的微信小程序版。它的功能和qrcode.js的功能一模一样,使用方法也差不多: 1、在wxm

  • js获取base64图片的存储大小

    js获取base64图片的存储大小

    js获取base64图片的存储大小,不是获取宽高尺寸哦。 要获取获取base64图片的存储大小,就要知道Base64的编码原理:Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在

  • js计算字符串长度,中文2个长度,英文算1个

    js计算字符串长度,中文2个长度,英文算1个

    我爱模板网在做今日周边项目时,遇到一个奇葩的需求:输入框输入文字,如果是汉字和中文标点,就算两个长度,如果是英文就算一个长度。而且,输入框要限制:纯中文,就限制1

  • JS获取字符对应的ASCII码

    JS获取字符对应的ASCII码

    我爱模板网在做一个小程序商城时,需要实现一个功能:用户ID+店铺ID链接生成唯一的标识符,同时又要是纯数字。用户ID+店铺ID生成字符串效果类似于:0e94606c592741f996dc186f4067272574078f

  • md5.js可以将内容加密成16位和32位的js插件

    md5.js可以将内容加密成16位和32位的js插件

    我爱模板网需要将用户的ID和商铺ID链接起来,并且生成不超过19位的字符串,想到了使用MD5的方法,在网上找到了个MD5.js,此MD5加密方法,直接继承于String,可以将字符串加密成16位和

  • js Worker API 在倒计时中的使用

    js Worker API 在倒计时中的使用

    在做开发的时候,倒计时的需求是很常见的,比如订单待提交和待支付都会有倒计时,市面上的兼职软件在领取任务后都会有倒计时,登录注册中获取验证码的时候也会有倒计时,有的

  • nodejs入门PDF下载

    nodejs入门PDF下载

    《nodejs入门》是一篇非常不错的nodejs入门教程,本文通过实现一个上传功能的案例,详细的讲述了nodejs的http模块、fs模块等的使用。本教程作者Manuel Kiessling。教程下载地址: https://pa

  • js中 Object.freeze 方法

    js中 Object.freeze 方法

    Object.freeze() 方法可以冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可

  • JS可选链和双问号详解

    JS可选链和双问号详解

    如果你有个对象user,user下有address,address下有street,输出street可能会这样写: return user.address.street 但是当这个address不存在,比如后台没有返回,即undefined,这时上面的代码就会报错:

  • js 获取当前月份 第一天和最后一天

    js 获取当前月份 第一天和最后一天

    js获取当前月份的第一天和最后一天的日期代码

  • js变量作为数组对象的键值方法

    js变量作为数组对象的键值方法

    js变量作为数组对象的键值方法,变量键值获取数组值。js也可以像php的数组一样用下标获取数组的值

  • js如何获取到本周的第一天和最后一天,本月的第一天和最后一天以及本季度的第一天和最后一天

    js如何获取到本周的第一天和最后一天,本月的第一天和最后一天以及本季度的第一天和最后一天

    js如何获取到本周的第一天和最后一天,本月的第一天和最后一天以及本季度的第一天和最后一天 1、首先来一个自己公司项目的源码: 项目需求描述: 从20150712日开始。 需求①:根据当

  • js上拉加载代码

    js上拉加载代码

    下面这段代码,是我爱模板网在做webapp和h5经常用到的基于vue的上拉加载显示更多的代码,其中,data里面的参数都介绍的非常详细了,func.api是封装的ajax方法,apiConfig.getFollowMemberFollow

  • js正则格式化银行卡号

    js正则格式化银行卡号

    下面的正则,可以显示末尾四位,其他位数都是*号,并且每四位隔开(**** **** **** 1234): var data = "3265986532146598";console.log(data.replace(/\s/g,'').replace(/(\d{4})\d+(\d{4})$/, "**** **** **** $2"))//最后

  • 原生js和vue实现input file选择图片本地预览

    原生js和vue实现input file选择图片本地预览

    原生js和Vue实现input file选择图片时,预览选择的图片的方法,用到了 createObjectURL 方法和 readAsDataURL 方法,前者是blob url,内存中的图片地址,后者是base64格式: html的createObjectURL方法:

  • js数组操作-删除首项、删除尾项、头部添加项、尾部添加项

    js数组操作-删除首项、删除尾项、头部添加项、尾部添加项

    数组删除第一项,数组删除最后一项,在数组头部添加项,在数组尾部添加项,数组排序等相关操作:

  • JS - Babel使用详解1(基本介绍、使用babel-standalone实现ES6在线转换)

    JS - Babel使用详解1(基本介绍、使用babel-standalone实现ES6在线转换)

    2015年6月, ES2015(即 ECMAScript 6、ES6) 正式发布。虽然 ES6 提出了许多激动人心的新特性,但由于目前许多浏览器不支持或者支持不好,没有普遍地推广起来。而 Babel 的出现,让我们可以

  • JS - Babel使用详解2(使用babel-cli命令行进行ES6本地转码)

    JS - Babel使用详解2(使用babel-cli命令行进行ES6本地转码)

    一、环境搭建 1,安装 nodejs 由于Babel 需要借助 npm 工具来安装,那么首先需要安装 nodejs。地址:https://nodejs.org 将下载下来的 pkg 文件运行安装即可。 在终端运行 npm -v,如果出现版本号

  • JS - Babel使用详解3(使用babel-polyfill实现对ES6新API的支持)

    JS - Babel使用详解3(使用babel-polyfill实现对ES6新API的支持)

    一、babel-polyfill 介绍 1,babel-polyfill 的作用 Babel 默认只转码 ES6 的新语法(syntax),而不转换新的 API,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些

  • 使用js-xlsx库,前端读取Excel文件

    使用js-xlsx库,前端读取Excel文件

    在实际开发中,经常会遇到导入Excel文件的需求,有的产品人想法更多,想要在前端直接判断文件内容格式是否正确,必填项是否已填写 依据HTML5的FileReader,可以使用新的API打开本地文

  • js-xlsx 入门实例

    js-xlsx 入门实例

    在开始运行下面实例前,我们需要先去下载 js-xlsx 库文件。你可以访问 https://github.com/SheetJS/sheetjs 地址去下载,下载成功后将下面的代码保存到 demo.html 文件。代码如下: !DOCTYPE htmlhtm

  • js-xlsx 导出json数据到excel

    js-xlsx 导出json数据到excel

    本实例将定义一个 data 的二维数组,然后使用 xlsx 库将数据导出到 excel 中。实例代码如下:

  • js-xlsx 实现单元格合并

    js-xlsx 实现单元格合并

    x-xlsx 合并单元格使用“!merges”特定关键字,格式如下: [{ s: { // s 开始位置 c: 0, // 开始列 r: 0 // 开始取值范围 }, e: { // e 结束位置 c: 3, // 结束列 r: 0 // 结束范围 }}] 其中: s 应该是 st

  • js-xlsx 格式化单元格

    js-xlsx 格式化单元格

    js-xlsx 格式化单元格是在单元格数据中添加一个 key 为 s 的 json 对象。配置如下: var datas = { A1: { v: '数据', s: { font: { sz: 14, bold: true, color: { rgb: "FFFFAA00" } }, fill: { bgColor: { indexed: 64 }, fgCo

  • js-xlsx 手动设置每一列的宽度

    js-xlsx 手动设置每一列的宽度

    js-xlsx 手动设置宽度

  • vue使用js-xlsx读取excel数据,亲测,可行

    vue使用js-xlsx读取excel数据,亲测,可行

    js-xlsx是一款非常好的读写excel、xlm、csv等文件的js前端库,这里是它的vue版本读取excel数据的使用方法: 安装: npm install xlsx --save 引入: import XLSX from 'xlsx' 布局,使用elementUI上传组件:

  • js Blob对象

    js Blob对象

    Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File 接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。 要从其他

  • js实现大文件分片上传的方法

    js实现大文件分片上传的方法

    借助js的Blob对象FormData对象可以实现大文件分片上传的功能,关于Blob和FormData的具体使用方法可以到如下地址去查看 FormData 对象的使用 Blob 对象的使用 以下是实现代码,本例中后端代码

  • js获取浏览器的get传值

    js获取浏览器的get传值

    第一种超级省事的方法就是利用正则 方法如下: //获取get传值的方法function getQueryString(name) { var reg = new RegExp("(^|)" + name + "=([^]*)(|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r !

  • js-xlsx读取excel中日期格式转换问题

    js-xlsx读取excel中日期格式转换问题

    在使用 js-xlsx插件 来读取excel时,会将2018/10/16这种数据读取成类似于48264的number格式,而日期通常是字符串格式。遇到这种情况,通常有两种方法: 一、将excel文件中的日期全部改成文本

  • 微信公众号js接口,实现图片的上传(拍照+本地相册)

    微信公众号js接口,实现图片的上传(拍照+本地相册)

    在微信公众号里边的调用JSSDK接口,从而实现在微信公众号里边进行图片的上传(可以选择拍照,也可以选择本地的相册),大致流程就是,点击上传的图片,开始调用chooseImage()接口,

  • Selenium 初探-Nodejs+Selenium环境搭建及基础用法

    Selenium 初探-Nodejs+Selenium环境搭建及基础用法

    前言 Selenium多用于系统的自动化测试,但有时候也可以用来做一些类似外挂一样的东西,比如定时打开某个网站去做一些操作,在不久前的项目中由于需要定时(实际是我方系统检测到

  • 基于vue的简单js日历代码

    基于vue的简单js日历代码

    之前,我爱模板网写了一个 js+dom的日历教程 。最近在做一个基于element ui的项目,需要用到日历,但是需要深度定制。比如显示工作计划等。element-ui自带的日历放在node modules里面,不好

  • js判断变量是不是数组的方法

    js判断变量是不是数组的方法

    方案一:instanceof 变量 instanceof 类型 返回的是布尔值 true falsebr例: var a = [] a instanceof Array 方案二:原型prototype + toString + call() 首先: Object.prototype.toString.call(variable)来判断,返回值是字符

  • js中关于Blob对象及clipboardData对象的介绍与使用

    js中关于Blob对象及clipboardData对象的介绍与使用

    blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码

  • js+php实现分片上传

    js+php实现分片上传

    借助js的Blob对象FormData对象可以实现大文件分片上传的功能,关于Blob和FormData的具体使用方法可以到如下地址去查看 FormData对象的概述与使用 js中关于Blob对象的介绍与使用 以下是实现代

  • uni-app公众号H5js-sdk:jweixin-module的使用,公众号地图map使用

    uni-app公众号H5js-sdk:jweixin-module的使用,公众号地图map使用

    之前,我爱模板网做了一个功能: uni-app H5端实现移动地图显示当前地图中心位置的坐标和地址 。但是上线之后,发现IOS下问题比较大: 1、经常无法获取经纬度 2、如果定位了,无论成

  • 中文php md5和js md5不一致的简单解决办法

    中文php md5和js md5不一致的简单解决办法

    中文状态下,php的md5和js的md5不一致,主要是编码造成的,这里就不说转换编码了,麻烦,直接将php和js的中文转成字符就能解决了: php下md5: md5(urlencode('中文内容')); js下md5: md5.hex_

  • spark-md5.js计算本地文件md5

    spark-md5.js计算本地文件md5

    在项目中遇到了上传文件,同时要附带此文件的md5,其实文件的md5就是文件二进制md5,用spark-md5.js+FileReader就能实现: 首先要做的当然是在html文件中引入spark-md5.js咯,根据自己的需求可

  • WFPlayer.js和wavesurfer.js实现音乐播放波峰图效果

    WFPlayer.js和wavesurfer.js实现音乐播放波峰图效果

    WFPlayer.js和wavesurfer.js都是能够实现音乐播放波峰图效果的js插件。 wavesurfer.js : 实现的效果图如下: 代码如下: script src="./wavesurfer.js"/scriptdiv id="waveform"/divscript var wavesurfer = WaveSurfer.c

  • js ArrayBuffer和Array区别

    js ArrayBuffer和Array区别

    js ArrayBuffer和Array区别: 区别: 1、数组里面可以放数字、字符串、布尔值以及对象和数组等,ArrayBuffer放0和1组成的二进制数据 2、数组放在堆中,ArrayBuffer则把数据放在栈中(所以取数

  • require.js简单使用

    require.js简单使用

    1.javascript模块规范 CommonJS 主要用于服务器端编程,比如node.js的模块系统,就是参照CommonJS规范实现的。在CommonJS中,有一个全局性方法require(),用于加载模块。 引用一段代码: // pack

  • dart笔记1:dart命名构造函数fromJson、toJson

    dart笔记1:dart命名构造函数fromJson、toJson

    dart笔记1:dart命名构造函数fromJson、toJson

  • dart笔记25:JSON自动反序列化,大型项目非常实用

    dart笔记25:JSON自动反序列化,大型项目非常实用

    1、在 pubspec.yaml 添加三个依赖: json_annotation :添加在 dependencies 下,自定反序列化处理库,即用注解(元数据)处理JSON的工具: @JsonSerializable :实体类注释 @JsonKey :实体类的属性注释

  • js 递归查找多级数组对象所有匹配的项

    js 递归查找多级数组对象所有匹配的项

    js通过递归方式,查找到复杂的多级对象数组中,所有匹配的项,并返回结果

  • 在vue中使用bpmn-js(一)

    在vue中使用bpmn-js(一)

    由于之前的公司的项目中的工作流管理要用到流程图,而bpmn-js官方的文档是全英的而且使用的js框架是jQuery,可能是比较新的技术,官方也还在不断的更新,相关的文档或者资料很少很

  • 在vue中使用bpmn-js(二)

    在vue中使用bpmn-js(二)

    2.新建空的图,功能要求: ① 空的,能自己画; ② 以SVG image格式、BPMN diagram格式下载在本地; 参考链接:(其实就是理解它的思路,把jQuery转化成vue) https://github.com/bpmn-io/bpmn-js-example

  • 在vue中使用bpmn-js(三)

    在vue中使用bpmn-js(三)

    3.关于节点的配置,功能要求: ①在服务器取到图并显示出来 ②不能编辑和改动图 ③可以获取到具体某个节点的信息 参考链接:https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonj

  • 在vue中使用bpmn-js(四)

    在vue中使用bpmn-js(四)

    给节点和线上色,其实就是找到这个节点的id,然后改变它的样式。 这里是写死的某几个节点和线,真正应该通过与后台交互获取到已经走过的流程然后上色。 div class="containers" ref="co

  • JS localeCompare()方法实现中文排序、sort方法实现数字英文混合排序

    JS localeCompare()方法实现中文排序、sort方法实现数字英文混合排序

    1、 localeCompare ()方法实现中文排序: 定义:用本地特定的顺序来比较两个字符串。 语法:stringObject.localeCompare(target) 参数:target——要以本地特定的顺序与 stringObject 进行比较的字符串

  • JS 新语法?.可选链,??双问号

    JS 新语法?.可选链,??双问号

    可选链?即可选的链接操作符,用以简化之前的判空操作。 你可能写过这样的代码 var street = user.address user.address.street; 有了可选链,你可以写成 var street = user.address?.street 你可能还写过这

  • JS自己实现字符串加密和解密算法

    JS自己实现字符串加密和解密算法

    字符串加密和解密的关键是算法设计,字符串经过复杂的编码处理,返回一组看似杂乱无章的字符串。对于常人来说,输入的字符串是可以阅读的信息,但是被函数打乱或编码之后显示

  • JS自定义编码和解码方案

    JS自定义编码和解码方案

    本例将根据字符在 Unicode字符表中的编号对字符串进行个性编码。例如,字符中的 Unicode编码为 20013说如果在网页中使用 Unicode编码显示,则可以输入#20013。 使用charCodeAt()方法能够把指定

  • JS在接收表单数据时过滤特殊字符

    JS在接收表单数据时过滤特殊字符

    在接收表单数据时,经常需要检测特殊字符,过滤敏感词汇。本例为 String扩展一个原型方法filter(),用来检测

  • JS Base64编码和解码

    JS Base64编码和解码

    Base64是一种编码方式,可以将任意字符(包括二进制字符流)转成可打印字符。JavaScript定义了两个与 Base64相关的全局方法。 btoa():字符串或二进制值转为 Base64编码。 atob():把 Base64编

  • JS Unicode编码和解码(6种方法)

    JS Unicode编码和解码(6种方法)

    JavaScript定义了 6个全局方法用于 Unicode字符串的编码和解码,说明如表所示。 JavaScript 编码和解码方法 方法 说明 escape() 使用转义序列替换某些字符来对字符串进行编码 unescape() 对使用

  • JS去除字符串前后空格

    JS去除字符串前后空格

    ECMAScript 5为 String新增了trim()原型方法,用以从字符串中移除前导空字符、尾随空字符和行终止符。该方法在表达处理中非常实用。 空字符包括:空格、制表符、换页符、回车符和换行符

  • JS给字符串添加HTML标签

    JS给字符串添加HTML标签

    JavaScript定义了一组格式化字符串显示的方法,说明如表所示。 String 类型的格式化字符串方法 方法 说明 anchor() 返回 HTMLa标签中name属性值为 String字符串文本的锚 big() 返回使用 HTMLbig标签

  • JS字符串和数组之间的转换

    JS字符串和数组之间的转换

    使用字符串的split()方法可以根据指定的分隔符把字符串切分为数组。 如果使用数组的join()方法,可以把数组元素连接为字符串。 示例1 如果参数为空字符串,则split()方法能够按单个字

  • JS字符串比较大小

    JS字符串比较大小

    JavaScript能够根据字符的 Unicode编码大小逐位比较字符串大小。 示例1 小写字母a的编码为 97,大写字母 A的编码为 65,则字符a就大于A。 console.log(a A); //返回true 使用字符串的localeCompare()方

  • JS字符串大写和小写之间的转换(4种方法)

    JS字符串大写和小写之间的转换(4种方法)

    String定义了 4个原型方法实现字符串大小写转换操作,说明如表所示。 String 字符串大小写转换方法 字符串方法 说明 toLocaleLowerCase() 把字符串转换成小写 toLocaleUpperCase() 将字符串转换成

  • JS字符串替换(使用replace()方法)

    JS字符串替换(使用replace()方法)

    使用字符串的replace()方法可以替换指定的子字符串。该方法包含两个参数第一个参数表示执行匹配的正则表达式。第二个参数表示准备替换匹配的子字符串。 示例1 下面代码使用replace

  • JS截取字符串(3种方法)

    JS截取字符串(3种方法)

    String定义了 3个字符串截取的原型方法,说明如表所示。 String 类型的截取字符串方法 字符串方法 说明 slice() 抽取一个子串 substr() 抽取一个子串 substring() 返回字符串的一个子串 截取指

  • JS字符串查找(6种方法)

    JS字符串查找(6种方法)

    在开发中经常需要检索字符串、查找特定字符串。用户可以选用下面的方法执行对应的操作,说明如表所示。 String 类型的查找字符串方法 字符串方法 说明 charAt() 返回字符串中的第n个

  • JS字符串拼接/连接(3种方式)

    JS字符串拼接/连接(3种方式)

    在 JavaScript中,使用字符串连接有 3种方式。 使用加号运算符 连接字符串最简便的方法是使用加号运算符。 示例1 下面代码使用加号运算符连接两个字符串。 var s1 = abc , s2 = def; console.

  • JS获取字符串长度(length属性)

    JS获取字符串长度(length属性)

    字符串的值 使用字符串的toString()方法可以返回字符串的字符表示,使用valueof()方法可以返回字符串的值。两个方法的返回值始终相同,所以一般不直接调用这两个方法、 示例1 下面示

  • JS定义字符串(3种方式)

    JS定义字符串(3种方式)

    字符串操作主要包括匹配、替换、截取转换、比较、格式化等,下面分别进行说明。 在 JavaScript中,定义字符串有以下 3种方法。 字符串直接量 使用双引号或单引号包含任意长度的文本

  • JS输出杨辉三角(带解析)

    JS输出杨辉三角(带解析)

    杨辉三角是一个经典的编程案例,它揭示了多次放二项式展开后各项系数的分布规律。简单描述,就是每行开头和结尾的数字为 1,出第一行外,每个数都等于它上方两数之和,如图所示

  • JS优化循环结构(经典)

    JS优化循环结构(经典)

    循环时最耗费资源的操作,任意一点小小的损耗都会被成倍放大,从而影响到程序整体运行的效率。一下两个因素会影响到循环的性能。 每次迭代做什么 迭代的次数 通过减少这两者中

  • JS中的while和for循环该如何选择?

    JS中的while和for循环该如何选择?

    for和while语句都可以完成特定动作的重复性操作。不过,使用时不可随意替换。简单比较如下。 语义 for语句是以变量的变化来控制循环进程的,整个循环流程是计划好的,可以事先知道

  • JS优化多分支结构(经典)

    JS优化多分支结构(经典)

    多分支结构的优化有很多好处:既方便代码维护,又可以提升代码执行效率。例如,设计有多个条件,只有当多个条件都成立时,才允许执行特定任务。 示例1 遵循简单的设计思路,使

  • JS中的if和switch该如何选择?

    JS中的if和switch该如何选择?

    if和switch都可以设计多重分支结构,一般情况下switch执行效率要高于if语句。但是也不能一概而论,应根据具体问题具体分析。简单比较如表所示。 if 和 switch 的比较 语句 If 语句 Switch

  • JS异常处理(try+catch+finally+throw)

    JS异常处理(try+catch+finally+throw)

    ECMA-262规范了 7种错误类型,具体说明如下。其中 Error是基类,其他 6种错误类型是子类,都继承 Error基类。Error类型的主要用途是自定义错误对象。 Error:普通异常。与throw语句和try/ca

  • JS break和continue语句详解

    JS break和continue语句详解

    JavaScript break 和 continue 关键字都可以用在 for 和 while 循环结构中,表示跳出循环;break 关键字还可以用在 switch case 选择结构中,表示结束当前的选择语句。 break 和 continue 关键字可以在

  • JS label关键字详解

    JS label关键字详解

    使用label、break、continue、return语句可以中途改变分支结构、循环结构的流程方向,以提升程序的执行效率。 label语句 在 JavaScript中,使用label语句可以为一行语句添加标签,以便在复杂结

  • JS for和for in循环语句

    JS for和for in循环语句

    for语句是一种更简洁的循环结构。语法格式如下: for (expr1;expr2;expr3) statement 表达式expr1在循环开始前无条件地求值一次,而表达式expr2在每次循环开始前求值。如果表达式expr2的值为真,

  • JS while和do while循环语句

    JS while和do while循环语句

    在程序开发中,存在大量的重复性操作或计算,这些任务必须依靠循环结构来完成。JavaScript定义了while、for和do/while三种类型循环语句。 while语句 while语句是最基本的循环结构。语法格式

  • JS switch case语句详解

    JS switch case语句详解

    switch语句专门用来设计多分支条件结构。与else/if多分支结构相比,switch结构更简洁,执行效率更高。语法格式如下: switch (expr) { case value1 : statementList1 break; case value2 : statementList2 break

  • JS if else语句详解

    JS if else语句详解

    在正常情况下,JavaScript脚本是按顺序从上到下执行的,这种结构被称为顺序结构。如果使用if、else/if或switch语句,可以改变这种流程顺序,让代码根据条件选择执行的方向,这种结构被

  • JS语句完全攻略

    JS语句完全攻略

    语句分类 JavaScript语言定义了 20套(或个)语句命令,分别执行不同的操作。 以用途划分,JavaScript语句可以分为:声明、分支控制、循环控制、流程控制异常处理和其他。 以结构划分

  • JS把命令式语句转换为表达式

    JS把命令式语句转换为表达式

    在表达式运算中,求值是运算的核心。由于运算只产生值,因此可以把所有命令式语句都转换为表达式,并进行求值。 把命令转换为表达式,循环和分支中的一些字句可以弃用,如bre

  • JS连续运算

    JS连续运算

    JavaScript是函数式编程语言,表达式运算的能力比较强大,通过连续运算可以设计敏捷的程序代码。 示例1 最常用的是连续赋值运算。 var a = b = c = 1; 上面代码相当于声明 3个变量,并全部

  • JS中的括号和点号

    JS中的括号和点号

    使用中括号运算符 [] 可以存取数组元素值,使用点运算符 . 可以存取对象属性值。其语法格式如下: a.b //点运算符的用法 c[b] //中括号运算符的用法 操作数a表示对象,操作数b表示属性

  • JS new运算符

    JS new运算符

    new是一个运算符,可以创建对象,初始化实例。其语法格式如下: newcontructor(arguments) constructor必须是一个构造函数表达式,参数arguments可有可无,参数之间用逗号分隔。如果没有逗号,

  • JS表达式完全攻略

    JS表达式完全攻略

    在语法概念中,运算符属于词,表达式属于短语。表达式由一个或多个运算符、操作数组成的运算式。表达式的功能是执行计算,并返回一个值。 表达式的形式 表达式是一个比较富有弹

  • JS void运算符

    JS void运算符

    void是一元运算符,它可以出现在任意类型的操作数之前执行操作数,却忽略操作数的返回值,返回一个undefined。void常用语 HTML脚本中执行 JavaScript表达式,但不需要返回表达式的计算结

  • JS逗号运算符(,)详解

    JS逗号运算符(,)详解

    逗号运算符是二元运算符,它能够先执行运算符左侧的操作数,然后再执行右侧的操作数,最后返回右侧操作数的值。 逗号运算符可以实现连续运算,如多个变量连续赋值。 var a = 1,b

  • JS条件运算符(?:)详解

    JS条件运算符(?:)详解

    条件运算符是唯一的三元运算符,其语法格式如下: b ? x : y b 操作数必须是一个布尔型的表达式,x和y是任意类型的值。 如果操作数b的返回值为true,则执行x操作数,并返回该表达式的

  • JS移位运算符(<<、>>和>>>)

    JS移位运算符(<<、>>和>>>)

    移位运算就是对二进制进行有规律低移位。移位运算可以设计很多奇妙的效果,在图形图像编程中应用广泛。 运算符 运算符执行左移位运算。在移位运算过程中,符号位始终保持不变。

  • JS &、|、^和~(逻辑位运算符)

    JS &、|、^和~(逻辑位运算符)

    位运算就是对二进制数执行计算,是整数的逐位运算。例如,1+1=2,在十进制计算中是正确的,但是在二进制计算中,1+1=10;对于二进制数 100取反,等于 001,而不是 -100。 位运算符有

  • JS对象操作(in、instanceof、delete)运算符

    JS对象操作(in、instanceof、delete)运算符

    对象操作运算主要是针对对象、数组、函数这 3类复合型对象执行某种程序,设计的运算符包括 in、instanceof、delete。 归属检测 in运算符能够检测左侧操作数是否为右侧操作数的成员。其

  • JS赋值运算符详解

    JS赋值运算符详解

    赋值运算符左侧的操作数必须是变量、对象属性或数组元素,也称为左值。例如,下面的写法是错误的,因为左侧的值是一个固定的值,不允许操作。 1 = 100; //返回错误 赋值运算有以下

  • JS判断相等或者不等于(==、===、!=、!==)运算符

    JS判断相等或者不等于(==、===、!=、!==)运算符

    等值检测运算符包括 4个,详细说明如表所示。 等值检测运算符 等值检测运算符 说明 ==(相等) 比较两个操作数的值是否相等 !=(不想等) 比较两个操作数的值是否不相等 ===(全等)

  • JS大小比较(>、<、>=、<=)运算符

    JS大小比较(>、<、>=、<=)运算符

    关系运算也称比较运算,需要两个操作数,运算返回值总是布尔值。 比较大小的运算符有 4个,说明如表所示。 大小关系运算符 大小运算符 说明 如果第一个操作数小于第二个操作数,

  • JS !(非运算)详解

    JS !(非运算)详解

    逻辑非运算 ! 是布尔取反操作(NOT)。作为一元运算符,直接放在操作数之前,把操作数的值转换为布尔值,然后取反并返回。 示例1 下面列举一些特殊操作数的逻辑非运算返回值。

  • JS ||(或运算)详解

    JS ||(或运算)详解

    逻辑或运算 || 是布尔 OR操作。如果两个操作数都为true,或者其中一个为true,就返回true,否则就返回false。具体如图所示。 逻辑或运算 第一个操作数 第二个操作数 运算结果 true true t

  • JS &&(与运算)详解

    JS &&(与运算)详解

    逻辑运算又称布尔代数,就是布尔值(true和false)的算数运算。逻辑运算符包括:逻辑与 、逻辑或 || 和逻辑非 ! 。 逻辑与运算 逻辑与运算()是 AND布尔操作。只有两个操作数都为tr

  • JS算术运算(加减乘除+求余数+取反+自增自减)

    JS算术运算(加减乘除+求余数+取反+自增自减)

    算术运算符包括:加 + 、减 - 、乘 * 、除 / 、求余运算符 % 、数值取反运算符 - 。 加法运算 示例1 注意特殊操作数的求和运算。 var n = 5; //定义并初始化任意一个数值console.log(NaN + n);

  • JS运算符完全攻略

    JS运算符完全攻略

    JavaScript定义了 47个运算符,另有 4个存在争议的运算符。它们具有多重功能,在不同环境中可能会执行不同的操作,而且它们拥有更高的优先级(15级)。简单说明如下: .(点号):读

  • JS数据类型转换完全攻略

    JS数据类型转换完全攻略

    JavaScript 能够根据运算环境自动转换值的类型,以满足运算需要。但是在很多情况下需要开发者手动转换数据类型,以控制运算过程。 转换为字符串 常用值转换为字符串,如图所示。

  • JS判断类型(typeof+constructor+toString)

    JS判断类型(typeof+constructor+toString)

    使用typeof 运算符可以检测基本数据类型,但是 typeof 有很多局限性。本章介绍两种更灵活的方法,以应对高级开发可能遇到的各种复杂情况。 使用 constructor constructor 是 Object 类型的原型

  • JS严格模式(use strict)

    JS严格模式(use strict)

    ECMAscript5 新增了严格运行模式。推出严格模式的目的如下: 消除 JavaScript 语法中不合理、不严谨的用法。 消除代码运行的一些安全隐患。 提高编译器效率,提升程序运行速度。 为未来

  • JS Undefined类型

    JS Undefined类型

    undefined 是 Undefined 类型的唯一值,它表示未定义的值。当声明变量未赋值时,或者定义属性未设置值时,默认值都为 undefined。 示例1 undefined 派生自 null, null 和 undefined 都表示空缺的值,

  • JS字符串(string)

    JS字符串(string)

    JavaScript字符串(String)就是由零个或多个Unicode字符组成的字符序列。零个字符表示空字符串。 字符串直接量 字符串必须包含在单引号或双引号中。字符串直接量有以下几个特点。 1) 如果

  • JS注释(多行注释+单行注释)

    JS注释(多行注释+单行注释)

    注释就是不被解析的一串字符。JavaScript 注释有以下两种方法: 单行注释://单行注释信息。 多行注释:/*多行注释信息*/。 示例1 把位于//字符后一行内的所有字符视为单行注释信息。

  • JS标识符、关键字和保留字

    JS标识符、关键字和保留字

    关键字就是 ECMA-262 规定的 JavaScript 语言内部使用的一组名称(或称为命令)。 这些名称具有特定的用途,用户不能自定义同名的标识符。具体说明如表所示。 ECMAScript 关键字 break dele

  • JS文件延迟和异步加载:defer和async属性

    JS文件延迟和异步加载:defer和async属性

    对于导入的 JavaScript 文件,也将按照 <script 标签在文档中出现的顺序来执行,而且执行过程是文档解析的一部分,不会单独解析或者延期执行。 般情况下,在文档的 head 标签中包含

  • js中数组常用方法

    js中数组常用方法

    js中数组的常用方法进行一个总结,摘自博客园的Rachid的文章,并对文章进行了部分修复。同时根据CSDN的苍穹尘的文章,增加了几项(两位大佬莫见怪): 1、Array.map() 此方法是将数组

  • js中,双问号??和双竖杠||的简单比较区别

    js中,双问号??和双竖杠||的简单比较区别

    js中, 双问号?? 和双竖杠||的区别:它们的共同特点是语法一样,前面是值,后面也是值,中间是符号;都是根据前面的值来决定到底取前面还是取后面。 经过我爱模板网进行简单比较

  • Python JSON

    Python JSON

    ## Python JSON本章节我们将为大家介绍如何使用 Python 语言来编码和解码 JSON 对象。## 环境配置在使用 Python 编码或解码 JSON 数据前,我们需要先安装 JSON 模块。本教程我们会下载 Demjson 并

  • Python3 JSON 数据解析

    Python3 JSON 数据解析

    JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 Python3 中可以使用 json 模块来对 JSON 数据进行编解码,它包含了两个函数:

  • js合并对象详解

    js合并对象详解

    js合并对象在工作中还是有很大用处的,这里根据cnblogs的小生怕怕博主,进行了简单的整理,感谢! 之前我爱模板网也简单整理过,详见: js合并对象的方法 。不全,这里补全下: 1、

  • js模态框showModalDialog和showModelessDialog详解

    js模态框showModalDialog和showModelessDialog详解

    showModalDialog和showModelessDialog都是js模态框,平时我们说的模态框是用js模拟的弹出层,实际上弹出层和当前页面是一个界面。但这里的showModalDialog和showModelessDialog是新窗口,加载新的页面

  • uni-app pages.json中设置backgroundColor无效解决方法

    uni-app pages.json中设置backgroundColor无效解决方法

    在uni-app的pages.json中,有两处可以设置backgroundColor,一处是globalStyle,针对全局所有页面生效,另一处是pages-style中,针对当前设置的页面生效。其实,官方文档已经说的很清楚了,这个

  • js试题三道,很不错

    js试题三道,很不错

    在头条看到的,觉得不错。最终答案是1,构造函数创建的函数对象,其内部scope属于始终指向全局词法环境,而不考虑其在何处创建,故输出“1”: var a = 1;function foo(){ var a = 2; var inn

  • js读取光驱信息

    js读取光驱信息

    js要读取光驱信息,只能通过ActiveXObject,而且,只能在IE浏览器下

  • document.referrer js获取用户来路url

    document.referrer js获取用户来路url

    document.referrer 属性可返回载入当前文档的文档的 URL,说白了就是能够获取来路URL,如果来路URL为空,则为空。使用场景: 1、 history.go(-1) 和 history.back() 都能够返回上一页,但是,如果

  • Word.Application——js ActiveX操作word文档

    Word.Application——js ActiveX操作word文档

    本文来自 CSDN 的星辉Johnson,感谢大神提供的代码,写的太好了,故转载到此处! Word.Application官网地址:https://docs.microsoft.com/zh-cn/office/vba/api/word.font.strikethrough 说真的,刚开始我也不知

  • FileSaver.js 介绍

    FileSaver.js 介绍

    如果你需要保存较大的文件,不受 blob 的大小限制或内存限制,可以看一下更高级的 StreamSaver.js(https://github.com/jimmywarting/StreamSaver.js), 它使用强大的 stream API,可以将数据直接异步地

  • js ActiveXObject读取文件夹内的图片并显示

    js ActiveXObject读取文件夹内的图片并显示

    我爱模板网在做一个项目时,遇到一个需求:要读取文件夹内的图片,并显示到页面中,点击此图片,需要调用windows图片查看器,打开图片(不是用js显示,是用图片查看器): 1、利用

  • js ActiveXObject创建文件夹

    js ActiveXObject创建文件夹

    IE的ActiveXObject非常强大,可惜其他浏览器并不支持,而且在IE下也必须开启很多安全选项才能使用,而且,随着IE的结束,edge的出现,微软已经放弃了它。这里介绍通过ActiveXObject的Scri

  • js函数什么时候new,什么时候不new

    js函数什么时候new,什么时候不new

    因为函数里有return返回对象了,所以不需要new,如果写new 就不必返回对象,重复了!还有没new的和new的一样,没有哪个更省内存,因为new包括了return 对象就真么简单,感谢问题下面的评

  • js Math对象详解

    js Math对象详解

    JavaScript Math对象介绍: JavaScript中的math 对让我们能够对执行一些数学操作。它具有数学常数和函数的属性和方法。在今天的文章中将介绍Math对象的一些有用方法。 1. Math.min() Math.min()是

  • js apply和call详解

    js apply和call详解

    首先,apply和call的区别: apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性,语法: Function.apply(obj,args) obj:这个对象将代替Function类里this对象 args:这个是数组,它将作

  • JS中PROTOTYPE属性解释及常用方法

    JS中PROTOTYPE属性解释及常用方法

    javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。 每一个构造函数都有一个属性叫做原型。这个属性非常有用:为一个特定类声

  • JS装饰器(Decorator)

    JS装饰器(Decorator)

    Decorator 是 ES7 的一个新语法,目前仍处于第2阶段提案中,正如其“装饰器”的叫法所表达的,他通过添加@方法名可以对一些对象进行装饰包装然后返回一个被包装过的对象,可以装饰的

  • js调用摄像头报错:Failed to execute 'createObjectURL' on 'URL'

    js调用摄像头报错:Failed to execute 'createObjectURL' on 'URL'

    js调用摄像头报错:Failed to execute 'createObjectURL' on 'URL'

  • enquire.js——非常好用的响应式媒体查询插件

    enquire.js——非常好用的响应式媒体查询插件

    css3为我们提供了很好的媒体查询: 利用@media screen实现网页布局的自适应 ,而enquire.js是一个非常轻量级的纯js响应CSS媒体查询库。enquire.js是基于js的window.matchMedia()接口实现的更强的功能

  • js获取滚动条的宽度

    js获取滚动条的宽度

    我爱模板网在做项目时,需要获取滚动条的宽度,但是,查遍了资料,也没发现好的方法。查到的都是获取滚动的距离。滚动条宽度在不同浏览器下还不一样,如果写死,还有偏差,如

  • js给dom包裹一层父标签

    js给dom包裹一层父标签

    js如何给dom包裹一层父标签,就像jQuery的wrap方法一样,要实现这个功能,就要了解 replaceChild ,下面是 replaceChild 的用法: nodeObject.replaceChild(new_node, old_node) 其中 nodeObject 为父级节点,参

  • JS获取子节点、父节点和兄弟节点的方法实例总结

    JS获取子节点、父节点和兄弟节点的方法实例总结

    一、js获取子节点的方式 1. 通过获取dom方式直接获取子节点 其中test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访

  • js根据html字符串创建DOM对象

    js根据html字符串创建DOM对象

    我爱模板网有个需求,即将后台传回的html转成DOM,然后用 replaceChild 来替换页面中已经存在的DOM。JavaScript里动态创建标准DOM对象一般使用: document.createElement() 方法,但这个并不能直接

  • js获取视频缩略图

    js获取视频缩略图

    原理: 播放视频,canvas截图,base64转文件 播放视频:input file选择文件,video播放视频 video id="videoPlayer" controls="controls" style="width:100%;max-height:400px;"/video 用户选择了本地视频文件后,设置

  • JS进阶篇1---函数节流(throttle)

    JS进阶篇1---函数节流(throttle)

    一、什么是函数节流(throttle) 概念:限制一个函数在一定时间内只能执行一次。 举个栗子,坐火车或地铁,过安检的时候,在一定时间(例如10秒)内,只允许一个乘客通过安检入口

  • JS进阶篇2---函数防抖(debounce)

    JS进阶篇2---函数防抖(debounce)

    一、什么是函数防抖 概念:函数防抖(debounce),就是指触发事件后,在 n 秒内函数只能执行一次,如果触发事件后在 n 秒内又触发了事件,则会重新计算函数延执行时间。 举个栗子,

  • JS进阶篇3---函数“节流” VS “防抖”

    JS进阶篇3---函数“节流” VS “防抖”

    一、前言 前端开发中,“函数节流(throttle)” 和 “函数防抖(debounce)” 作为常用的性能优化方法,两者都是用于优化高频率执行 js 代码的手段,那具体它们有什么异同点呢?有对

  • JS进阶篇4---原生JS实现对元素的拖拽

    JS进阶篇4---原生JS实现对元素的拖拽

    一、背景介绍 【此处为铺垫内容,可跳过】 随着 Web 前端的不断发展,各种各样的前端规范和新知识、新技术层出不穷,极大地拓展了开发者的操作空间,也大大地提升了用户体验。而

  • JS进阶篇5---JS数组去重的n种方式

    JS进阶篇5---JS数组去重的n种方式

    js数组去重的方法总结: 1、利用 indexOf() 方法之一 Array.prototype.unique = function(){ var temp = []; for (var i = 0;i this.length;i++){ // 如果当前数组的第 i 项已经保存到了临时数组,那么跳过 if(temp.

  • JS进阶篇6---原生JS封装ajax请求

    JS进阶篇6---原生JS封装ajax请求

    一、原生JS中的ajax 1、创建 XMLHttpRequest 异步对象 var xhr = new XMLHttpRequest() 2、设置回调函数 xhr.onreadystatechange = callback 3、使用 open 方法与服务器建立连接 // get 方式xhr.open("get", "test.php",

  • linux下宝塔面板部署egg.js

    linux下宝塔面板部署egg.js

    记录下在linux环境下,安装了宝塔面板,部署egg.js项目的全过程。 前提:安装了PM2插件、安装了nginx,域名已绑定,网站目录已创建。 1、将文件原封不动传到网站根目录(node_modules不用

  • js防止内容被拷贝的简单方法

    js防止内容被拷贝的简单方法

    下面的方法通过禁用F12,禁用CTRL+SHIFT+I,来禁止打开控制台,通过禁用图片、文字被拖拽、禁用选择等方法来禁止网站内容被复制。这是通用的方法,只能表面上禁止,对于不太懂计算

  • Cesium加载geojson线数据,并加高亮效果

    Cesium加载geojson线数据,并加高亮效果

    1.前言 最近有需要加载一些三维的数据,所以研究了下Cesium,写了一个加载json的小程序,加载json线数据,点击线会加高亮效果,先看看效果图。 2.正文 照例还是先看看代码,在简单说

  • polyfill.js实现拖拽文件夹上传

    polyfill.js实现拖拽文件夹上传

    实现上传文件夹,只要使用file上传框的webkitdirectory即可,见 webkitdirectory 文件夹上传功能 。要实现拖拽上传文件夹,百度了一圈,没有找到靠谱的,直到看到这个polyfill.js实现的效果,

  • js中单竖杠 | 的作用

    js中单竖杠 | 的作用

    相信一定有很多跟我一样刚入前端的小菜,会在前辈的代码中看到单竖杠 |,这里介绍它的作用 console.log(0.6|0)//0console.log(1.1|0)//1console.log(3.65555|0)//3console.log(5.99999|0)//5console.log(-7.777|0)//

  • js原生滚动条滚动到底部自动加载数据,js加载更多实现

    js原生滚动条滚动到底部自动加载数据,js加载更多实现

    之前,我爱模板网分享了 Vue如何实现滚动条滚动到底部加载更多 ,其实,js原生和vue实现方法几乎一样,加上次的代码稍加改造,即可实现: 1、css #box{ width: 500px; height: 500px; overflow-y

  • vue使用highlight.js高亮代码

    vue使用highlight.js高亮代码

    highlight.js是一款非常不错的高亮插件,我爱模板网之前写过“ dedecms kindeditor编辑器UTF8和SyntaxHighlighter代码高亮 ”的文章,这次,是要将highlight.js用在vue中。网上有很多这方面的介绍,但

  • vue-codemirror 和 jsonlint-mod实现 form-create-designer的导入导出JSO

    vue-codemirror 和 jsonlint-mod实现 form-create-designer的导入导出JSO

    form-create-designer 很完美,但是后台需要表单生成后的JSON和配置的JSON数据,form-create-designer本身提供的API,结合vue-codemirror 和 jsonlint-mod就能实现预览、导入导出了,效果如下: 使用方法

  • Ajax动态加载的html页面不能执行其中的js代码

    Ajax动态加载的html页面不能执行其中的js代码

    利用jQuery的load或者ajax的方法,能够轻松实现前端的无刷新载入页面。详见: Ajax+History实现局部刷新页面,局部载入页面 。但是,如果被载入页面有js的话,会发现js无法执行。下面的代

  • js原生获取当前节点的兄弟节点

    js原生获取当前节点的兄弟节点

    获取上一个、下一个兄弟节点,jQuery非常方便,next()和prev()方法即可。但有时候可能只是简单的操作以下DOM,没必要引入这么大的框架,js通过nextElementSibling和previousElementSibling或nextSib

  • JS波浪号按位非(~)运算符

    JS波浪号按位非(~)运算符

    经常能看到下面的这种写法: if (!~cbs.indexOf(cb)) { cbs.push(cb);} 将indexOf取到的值进行按位非~后进行判断。为什么要这么判断?最后再做解释。 ~ 运算符查看表达式的二进制表示形式的值,

  • js中indexOf与search的区别

    js中indexOf与search的区别

    1.indexOf方法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到返回-1。 语法: stringObject.indexOf(searchvalue,fromindex) 说明: 该方法将从头到尾地检索字符串

  • js before、after方法

    js before、after方法

    ES6新增的before、after、prepend、append方法类似于jQuery的before、after、prepend、append方法,只不过不用再引入jQuery这么大的库了,可以看出JS也在越来越简化DOM操作。 before() before()是个ChildNod

  • layer配合video.js播放视频并实现自适应

    layer配合video.js播放视频并实现自适应

    我爱模板网在做一个论坛时,这个论坛的云课堂需要实现在线播放视频,并且要能自适应页面,做到PC、手机播放都没问题。遇到了一些问题,例如layer的尺寸以及video的尺寸等,不过都

  • threejs Cannot read properties of undefined (reading 'autoUpdate')报错

    threejs Cannot read properties of undefined (reading 'autoUpdate')报错

    threejs报下面的错误:Uncaught TypeError: Cannot read properties of undefined (reading & 39;autoUpdate& 39;)这个可能是因为r

  • 解决npm安装的依赖和package.json定义版本不一致

    解决npm安装的依赖和package.json定义版本不一致

    我爱模板网在二次开发一个react项目时,用到了swiper官网的一个效果:Swiper官网Swiper TFBOYS案例。这个react原本已经安装了swiper3依赖

  • npm打包项目提示“ERROR in static/js/index.ed562fc9e9fd5779b18e.js from UglifyJs”

    npm打包项目提示“ERROR in static/js/index.ed562fc9e9fd5779b18e.js from UglifyJs”

    npm在运行项目时,没有任何问题,但是打包,却提示ERROR in static js index ed562fc9e9fd5779b18e js from UglifyJs截图如下:经排查

  • 中国市和县经纬度json

    中国市和县经纬度json

    中国各城市和县城的经纬度JSON:{北京:[116 46,39 92],上海:[121 48,31 22],天津:[117 2,39 13],重庆:[106 54,29 59],石家庄:[114 48,38 03

  • 世界主要城市经纬度json(除中国外)

    世界主要城市经纬度json(除中国外)

    世界主要城市经纬度json,除中国外(中国主要城市经纬度json)阿比让:[5 19,4 01],阿布扎比:[24 27,54 23],阿布贾:[9 12,7 11],阿卡普尔科:

  • threejs 模型的几何变换(旋转、缩放、平移)

    threejs 模型的几何变换(旋转、缩放、平移)

    缩放立方体网格模型x轴方向放大2倍,如果连续执行两次该语句,相等于比原来方法4倍mesh scale x=2 0; x轴方向放大2倍立方体网格模型整体缩

  • Node.js中环境变量process.env的一些事详解

    Node.js中环境变量process.env的一些事详解

    Node环境变量首先,咱们在做react、vue的单页应用开发的时候,相信大家对配置文件里的process env并不眼生。从字面上看,就是这个 env属性

  • threejs OrbitControls旋转角度限制

    threejs OrbitControls旋转角度限制

    threejs插件OrbitControls默认的垂直方向上的旋转角度很小,例如想要看到底面和天空,不行,可以通过minPolarAngle和maxPolarAngle来进行控制

  • Three.js 天空盒设置

    Three.js 天空盒设置

    天空盒是用于增强场景表现力的一个常用技术,它一般通过在相机周围包裹一个纹理来实现。

  • Three.js的GLTFLoader加载的模型是黑色的

    Three.js的GLTFLoader加载的模型是黑色的

    我爱模板网在使用THREE JS的GLTFLoader加载模型时,加载出来的是黑色的。首先,我用windows自带的3D工具打开是下面的效果

  • js vue实现对多级多维数组进行筛选

    js vue实现对多级多维数组进行筛选

    vue中需要对下面的数组通过name字段进行筛选,不涉及接口,纯前端筛选

  • threejs点击事件

    threejs点击事件

    Threejs点击事件实际的原理:获取相机和鼠标点击时的位置,发出一条射线,射线穿过的所有物体即为点击的物体集合,取第一个即可。

  • THREEJS OrbitControls屏蔽了mousedown/mouseup等鼠标事件解决办法

    THREEJS OrbitControls屏蔽了mousedown/mouseup等鼠标事件解决办法

    在Threejs中,我爱模板网要实现模型被点击弹出内容的效果(详见threejs点击事件http: www 5imoban net jiaocheng webgl 202205185008 html),然后,做出来之后发现,点击模型的确可以弹出,但是当我拖拽模型时,松开鼠标也会触发。于是想到了,用mousedown和mouseup来获取时间戳进行比对。发现并没效果。

  • 使用babel.js 和 polyfill.js 使IE浏览器兼容ES6

    使用babel.js 和 polyfill.js 使IE浏览器兼容ES6

    项目开发基本结束,现在要求兼容IE。页面使用HTML+JS编写。其中封装的http请求的js用到箭头函数,导致ie打不开项目。所以此文章只适用于HTML+JS框架。

  • vue-cli脚手架新建项目提示:vue-cli · Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)

    vue-cli脚手架新建项目提示:vue-cli · Failed to download repo vuejs-templates/webapck: Response code 404 (Not Found)

    vue-cli脚手架新建项目提示:vue-cli · Failed to download repo vuejs-templates webapck: Response code 404 (Not Found)

  • js debugger禁止页面被调试

    js debugger禁止页面被调试

    有时候,我们可能希望自己的网站不被调试,这里推荐一个方法,只要将下面的代码,加入到当前页面中,当别人打开F12,就会进入debug模式,并且,无论怎么按F10都无法跳过

  • js beforeunload页面关闭前弹出提示

    js beforeunload页面关闭前弹出提示

    页面进入onload比较好触发,但是关闭时,想弹出提示,就得用beforeunload去监听。但是这个beforeunload用法很严格

  • js通过最后一级的ID反向查找所有的父级的ID

    js通过最后一级的ID反向查找所有的父级的ID

    我爱模板网在工作中遇到了通过后端返回的ID,在js的多维数组中通过这个ID,反向查找所有的父级id,并将结果放在一个数组中

  • vscode运行webpack失败,提示: 无法加载文件 D:\nvm\nodejs\webpack.ps1,因为在此系统上禁止运行脚本。

    vscode运行webpack失败,提示: 无法加载文件 D:\nvm\nodejs\webpack.ps1,因为在此系统上禁止运行脚本。

    使用 vs code 运行webpack进行打包时,报错webpack : 无法加载文件 D: nodejs node_global webpack ps1,因为在此系统上禁止运行脚本

  • axios json自动转换导致精度丢失

    axios json自动转换导致精度丢失

    axios json自动转换导致精度丢失

  • js 页面级楼层代码和在容器内的楼层效果实现

    js 页面级楼层代码和在容器内的楼层效果实现

    先解释下:页面级指的是,楼层滚动是在整个body中滚动,div内的楼层指的是,在某个容器,如div、ul内滚动,区别在于,一个是获取document的滚动距离,监听滚动也是监听window的滚动事件,容器内滚动,获取的是子元素相对于父容器的偏移量,监听滚动也是这个容器的滚动事件

  • JS中数组的合并与去重

    JS中数组的合并与去重

    一、数组(Array)的合并1 forEach()遍历其中一个数组,将该数组的每一项push到另一个数组中 遍历合并letarr1=[1,2,3,4,5];letarr2=[7,8,9

  • webpack5学习笔记:babel、polyfill、解析jsx

    webpack5学习笔记:babel、polyfill、解析jsx

    1 安装命令行工具(在webpack中使用不需要安装):`npm install @babel cli -D` 2 命令行命令:`npx babel src index js --out-dir result` src index js为处理的文件,如果要处理文件夹里所有文件,这里就传文件夹名:src

  • js父窗口调用iframe里定义的函数

    js父窗口调用iframe里定义的函数

    js父级窗口调用子级的iframe中定义的函数和变量,非常简单,只是有一点一定要注意,一定要在window onload里执行,否则拿不到里面的方法

  • js 判断是不是数组

    js 判断是不是数组

    Array isArray() 用于判断一个对象是否为数组。如果对象是数组返回 true,否则返回 false

  • THREEJS BufferGeometry

    THREEJS BufferGeometry

    首先,在 three js 中有THREE Mesh 网格、THREE Points 点、THREE Line 线条等模型。其中: Mesh 网格模型创建的物体是由一个个小三角形组成,如下面各图。这些小三角形又是由三个点确定,需要三个确定的位置,即确定的 xyz

  • script引入的js内获取js引入地址上的参数

    script引入的js内获取js引入地址上的参数

    甲方要求写一个js,引入到他们的很多页面上,能在页面右下角弹出内容,并且,引入的js中要有参数,弹出内容要根据这个参数来回显。

  • three.js着色器语法glsl的常见内置函数

    three.js着色器语法glsl的常见内置函数

    Three js的glsl语法,内置的一些函数总结

  • js实现选中并复制富文本内的带样式的内容

    js实现选中并复制富文本内的带样式的内容

    我爱模板网要实现将下面的富文本内容点击按钮进行自动复制,并且能将样式也一起复制了,粘贴到word或其他富文本背景色等不丢失

  • JS纯前端实现audio音频剪裁剪切复制播放与上传

    JS纯前端实现audio音频剪裁剪切复制播放与上传

    背景是这样的,用户上传音频文件,可能只需要几十秒就够了,但是常规的音乐都要3~5分钟,80%的流量都是不需要的,要是就这么传上去,其实是

  • qiankun.js 微前端服务

    qiankun.js 微前端服务

    微前端,之前一直都有简单了解过微服务,大概就是N个类型的服务都注册到主要服务上,然后就各自管理即可。而后期又发展了微服务,前端的微服务简单来说就是,【子应用】(N个站,或者应用,或者模块)都注册到一个【父应用】上,然后各自管理,开发即可,每个子用应又可以是独立的,也不用管子应用到底是用什么开发,总之最后对接注册到父应用上即可。

  • qiankun.js 主应用和子应用都是hash时,vue框架的配置方法

    qiankun.js 主应用和子应用都是hash时,vue框架的配置方法

    之前分享过一篇文章,qiankun js 微前端服务。这里的配置,当主应用的路由是hash时,就无法满足了。

  • threejs三维模型添加文字标签

    threejs三维模型添加文字标签

    在三维模型场景展示中,经常会需要对各个模型加上文字标签,而无论三维场景如果旋转变换一般文字标签总是需要面向摄像机方向,这时候代表深度的z坐标失去作用,只需用到x,y坐标。这时候需要把三维坐标转换为基于屏幕上的二维坐标。

  • js splice删除数组删不干净

    js splice删除数组删不干净

    js的splice非常强大,可以实现删除、添加、替换数字中的元素。但是它有个致命的问题,如果多次使用,会导致数组的索引混乱,达不到预期效果

  • threejs创建阴影

    threejs创建阴影

    跟OpenGL不同,在threejs中实现一个阴影效果很简单,只需要简单的几个设置。在Three js中,物体可以形成阴影投影效果,但是由于渲染阴影需要消耗计算机大量资源,所以Three js在默认情况下是不会渲染阴影的,所以需要我们手工设置开启阴影效果。

  • Three.js EdgesGeometry几何体边框辅助线

    Three.js EdgesGeometry几何体边框辅助线

    EdgesGeometry在老版本中叫做EdgesHelper但是已经被移除。新版本赋予边框辅助参考线,更加灵活的使用方法,可以改变其材质以及其他属性,EdgesGeometry的作用是可以帮助查看几何体对象的边缘。

  • 代码涉及未配置在app.json且未开通权限的wx.getLocation接口,发布后将无法使用

    代码涉及未配置在app.json且未开通权限的wx.getLocation接口,发布后将无法使用

    我爱模板网一个小程序很久没更新,今日更新后发布,审核通过,却提示“代码涉及未配置在app json且未开通权限的wx getLocation接口,发布后将无法使用”

  • JS中 includes() 和 indexOf()

    JS中 includes() 和 indexOf()

    includes()和indexOf()都是用来检查数组和字符串是否包含某些元素,includes()返回值是布尔值,indexOf()返回的是索引值,如果没有返回-1

  • dva.js yield call/put使用完整流程

    dva.js yield call/put使用完整流程

    把我们定义的service引入进来,定义一个GET_USER_INFO的effects,注意这个函数名称前面要有“*”,然后在函数中通过yield call() 来调用(数据接口方法 和 请求参数),yield表示同步调用,这个是generator提供的功能,大家有兴趣的可以自己搜索一下。

  • qiankun.js 子应用引入百度地图报错:Uncaught TypeError: application 'workFlow' died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun.js 子应用引入百度地图报错:Uncaught TypeError: application 'workFlow' died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun js 子应用引入百度地图报错:Uncaught TypeError: application workFlow died in status LOADING_SOURCE_CODE: Failed to fetch

  • js 数组array实现上移和下移

    js 数组array实现上移和下移

    表格由js的数组array渲染而成的,通过右边的移动按钮,实现上下移动,代码实现如下

  • uni-app js文件中调用globaldata

    uni-app js文件中调用globaldata

    uni-app如何在js文件中调用globaldata?

  • js在textarea输入框插入文字

    js在textarea输入框插入文字

    js通过createRange方法,在输入框中的光标所在位置插入内容,兼容Firefox、Chrome、IE等浏览器,示例代码如下

  • JS监听浏览器标签页显示隐藏

    JS监听浏览器标签页显示隐藏

    document hidden判断页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览器最小化

  • js scrollIntoView方法

    js scrollIntoView方法

    scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。

  • js在可编辑的div中插入文字、图片等

    js在可编辑的div中插入文字、图片等

    之前我爱模板网介绍了js在textarea输入框插入文字,今天利用可编辑的div(contentEditable= "true "),仍旧配合js的createRange方法,找到光标位置,插入包含文字、图片等各种元素

  • js正则表达式格式化银行卡号

    js正则表达式格式化银行卡号

    银行卡往往只显示后面四位或者前四位后四位,中间显示*星号,下面的正则代码就能轻松实现这种效果

  • js实现数组扁平化的常用方法

    js实现数组扁平化的常用方法

    数组扁平化指将一个多维数组转化为一个一维数组。有时候,将数组扁平化很有用,例如在查找某些符合条件的项时,一维数组不需要递归就能轻易找到。

  • three.js DRACOLoader加载压缩模型

    three.js DRACOLoader加载压缩模型

    gltf、glb模型经过3D软件压缩导出后,在threejs用gltfloader加载,必须借助DRACOLoader解压,否则会报错。

  • qiankun.js 提示died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun.js 提示died in status LOADING_SOURCE_CODE: Failed to fetch

    qiankun js本地测试没问题,子应用打包放到nginx后,主应用再次加载子应用,就提示:died in status LOADING_SOURCE_CODE: Failed to fetch

  • threejs OrbitControls enableDamping控制器开启阻尼效果

    threejs OrbitControls enableDamping控制器开启阻尼效果

    threejs OrbitControls通过enableDamping开启阻尼效果,让推拽视图有缓冲效果,不至于太生硬。

  • js利用storage改变事件实现跨页面通信

    js利用storage改变事件实现跨页面通信

    js利用storage改变事件实现跨页面通信

  • Js进行base64编码解码(解决中文乱码)

    Js进行base64编码解码(解决中文乱码)

    用上述的编码和解码,自己前端操作编译和解码中文都是没有问题的,但是由于需要后台,编码后传输到后台,后台返回编码格式再解码的时候就会出现中文乱码。

  • js event.target与event.currentTarget的区别及用法

    js event.target与event.currentTarget的区别及用法

    js事件中的event默认参数,会返回target和currentTarget来获取当前的事件触发对象

  • js getBoundingClientRect 方法

    js getBoundingClientRect 方法

    js中的 getBoundingClientRect 是用来获取DOM元素到浏览器可视范围的距离(不包含文档卷起的部分),返回页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。该函数返回一个Object对象,该对象有6个属性:top、left、right、bottom、width、height。

  • js获取dom元素距离浏览器左边和顶部的距离

    js获取dom元素距离浏览器左边和顶部的距离

    jQuery提供了一个方法,可以获取dom元素距离浏览器左边和顶部的距离

  • 全国省市县geojson下载

    全国省市县geojson下载

    全国省市县geojson下载,包括全国、23个省、2个特别行政区、4个直辖市、5个自治区,以及下面的县,全都有,共24 2 MB,403 个文件,29 个文件夹。

  • momentjs的简单用法

    momentjs的简单用法

    momentjs对于时间的格式化和各种时间获取非常方便,这里仅简单说下怎么使用

  • momentjs常见的获取年月日的方法

    momentjs常见的获取年月日的方法

    momentjs可以非常方便的获取想要的时间,例如本周、本月、本日、本年,上一年、上一周、上个月,前几天,后几天等等,简简单单一个方法即可实现

  • js判断字符串中是否含有汉字的几种方法

    js判断字符串中是否含有汉字的几种方法

    我爱模板网在使用uni-app开发app时,遇到一个需求:用户提交的数据中不能包含中文,只能是数字、字符串、符号等

  • js去除空格的几种方法

    js去除空格的几种方法

    trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。

  • js拖拽文件夹,得到文件夹内的所有文件

    js拖拽文件夹,得到文件夹内的所有文件

    js要实现拖拽文件夹到页面,得到此文件夹内所有文件。如果是选择文件夹简单,在input:file中,有一个属性,用于控制在点击上传文件按钮时,用于展示文件还是文件夹的属性,这个属性就是webkitdirectory

  • js获取拖拽文件夹中所有的文件

    js获取拖拽文件夹中所有的文件

    js获取拖拽文件夹中所有的文件,遍历拖拽的文件及文件夹中所有的文件,并展示出来

  • js for in的索引值是字符串导致的问题

    js for in的索引值是字符串导致的问题

    js for in的索引值是字符串导致的问题

  • js实现恺撒密码

    js实现恺撒密码

    恺撒密码是古罗马时代经常使用的一种经典加密算法,伴随着恺撒的南征北战而流传于世。恺撒密码的基本原理是将明文字符串中的每一位字母往后(或往前)移N位,N即是对明文进行加密的密钥;移位之后的结果是一串无明显语义信息的字符串,即密文;解密过程是将密文中的每一位字母往前(或往后)移N位。

  • JS实现base64加密解密的方法

    JS实现base64加密解密的方法

    JS实现的base64加密解密操作,可以用来作为脱敏操作

  • JS clientX,clientY,screenX,screenY,offsetX,offsetY详解

    JS clientX,clientY,screenX,screenY,offsetX,offsetY详解

    clientX:当鼠标事件发生时(不管是onclick,还是omousemove,onmouseover等),鼠标相对于浏览器(这里说的是浏览器的有效区域)x轴的位置

  • el-input使用原生JS事件修改值data后v-model值不同步

    el-input使用原生JS事件修改值data后v-model值不同步

    解决el-input使用原生JS事件修改值data后v-model值不同步的问题

  • js deepClone 深拷贝实现方法

    js deepClone 深拷贝实现方法

    js deepClone 深拷贝主要用于对象、数组等拷贝后,操作拷贝的数据不影响原数据。下面分享两种方法,都可实现

  • js移动数组元素

    js移动数组元素

    利用js的splice方法,可以轻松实现数组元素的移动

  • 纯js实现拖拽弹窗代码

    纯js实现拖拽弹窗代码

    纯js实现拖拽弹窗代码

  • vue3 app.config.globalProperties在js文件中使用方法

    vue3 app.config.globalProperties在js文件中使用方法

    我爱模板网用vue3+vite开发项目时,写了个提示插件,为了便于使用,在main js做了全局引入

  • js中&,&&,| ,||区别

    js中&,&&,| ,||区别

    在JS“&&”和“||”是逻辑运算符;“&”和“|”是位运算符。

  • js中的super

    js中的super

    1 this和super的区别: this关键词指向函数所在的当前对象 super指向的是当前对象的原型对象

  • js格式化文件大小

    js格式化文件大小

    js格式化文件大小,将传入的字节,转成B、KB、MB、GB、TB等的两种方法

  • uniapp 利用pdf.js,实现h5、app的pdf在线预览(亲测可用)

    uniapp 利用pdf.js,实现h5、app的pdf在线预览(亲测可用)

    uniapp 利用pdf js,实现h5、app的pdf在线预览功能,亲测可用,已经应用到项目中。

  • js Symbol类型的使用

    js Symbol类型的使用

    使用symbol作为对象属性名不被Object key等方式访问

  • JS中的style.cssText

    JS中的style.cssText

    js设置字体样式,可以分开写

  • uniapp mainfest.json中配置proxy代理

    uniapp mainfest.json中配置proxy代理

    uniapp mainfest json中配置proxy代理

  • js escapeHTML、unescapeHTML转码解码html的实现

    js escapeHTML、unescapeHTML转码解码html的实现

    js的decodeURIComponent以及encodeURIComponent转码太高级了,有时候可能只是为了防止注入,将js变的不可执行等,仅仅只需要转码和解码html的左右尖括号以及 & 符就可以了

  • js将字符串函数转可执行的js函数

    js将字符串函数转可执行的js函数

    对于函数内容的字符串,我们想要将其转换为一个函数然后执行,有2种常用的方法

  • js获取video名称、时长、缩略图、宽高等

    js获取video名称、时长、缩略图、宽高等

    js获取video名称、时长、缩略图、宽高等,缩略图的核心是用canvas画出来的base64图片,调用函数需要传入二进制的视频文件,注意这是一个promise函数,需要用then来接收

  • js将字符串转换为base64图像的两种方法

    js将字符串转换为base64图像的两种方法

    使用canvas将文字转换成图像数据base64

  • js如何获取图片宽高

    js如何获取图片宽高

    js获取图片宽高的方法

  • js判断是否手机、平板、电脑以及浏览器类型

    js判断是否手机、平板、电脑以及浏览器类型

    js判断是否手机、平板、电脑以及浏览器类型

  • js naturalWidth与naturalHeight获取图片原始大小

    js naturalWidth与naturalHeight获取图片原始大小

    js naturalWidth与naturalHeight属性是获得图片原始的尺寸,不会因外部width和height属性设置的改变而改变。

  • js判断是否移动端企业微信、PC端企业微信、移动端微信、PC端微信

    js判断是否移动端企业微信、PC端企业微信、移动端微信、PC端微信

    js判断是否移动端企业微信、PC端企业微信、移动端微信、PC端微信,经测试可行

  • Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js

    Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js

    最近启一个很老的项目,发现提示下面错误:Node Sass could not find a binding for your current environment: Windows 64-bit with Node js

  • videojs播放hls视频流

    videojs播放hls视频流

    videojs播放hls视频流的方法

  • js利用Canvas.measureText方法计算文字的总宽度

    js利用Canvas.measureText方法计算文字的总宽度

    字体在设置了font-size后,不同字体,或者相同字体不同文字,如中文、英文小写、大写、空格等,字体宽度都不一样。但是canvas提供了measureText方法,可以测量宽度

  • js实现文字增加,字体大小自动缩小不超出范围

    js实现文字增加,字体大小自动缩小不超出范围

    js实现文字增加,字体大小自动缩小不超出范围

  • vue3在js文件中使用router

    vue3在js文件中使用router

    这是因为在vue3中上面的useRouter的引入方式是vue3的hooks,因此在js文件中需要导入你创建的router文件即可

  • 关于qrcode.js生成二维码中中文会乱码的解决方法

    关于qrcode.js生成二维码中中文会乱码的解决方法

    中文乱码的原因在于,qrcode只是单纯采用charCodeAt()方式获取字符的Unicode编码进行转换,转换后并未处理中文字符编码(charCodeAt 是采用UTF-16编码制),所以他会出现中文乱码的问题;而下面的方法在转换为Unicode编码后,输出时再对中文字符编码进行fromCharCode代理,转为UTF-8,然后再生成二维码

  • qrcode.js报错:qrcode error: code length overflow

    qrcode.js报错:qrcode error: code length overflow

    在使用qrcode js时,需要在生成的url后面拼接token,这时生成二维码报错

  • Exif.js 读取图像的元数据

    Exif.js 读取图像的元数据

    EXIF(Exchangeable Image File)是“可交换图像文件”的缩写,当中包含了专门为数码相机的照片而定制的元数据,可以记录数码照片的拍摄

  • uni-app开发微信小程序,启动小程序时报错:project.config.json:libVersion 字段需为 string
  • Three.js背景透明度

    Three.js背景透明度

    Three js背景透明度

  • Three.js加载.obj模型文件

    Three.js加载.obj模型文件

    使用三维软件导出 obj模型文件的时候,会同时导出一个材质文件 mtl, obj和 stl文件包含的数据一样都是几何体对象的顶点位置、顶点法向量等顶点相关数据, 材质文件 mtl包含的是RGB颜色值等材质信息。

  • Could not retrieve https://npm.taobao.org/mirrors/node/index.json.

    Could not retrieve https://npm.taobao.org/mirrors/node/index.json.

    运行nvm命令:nvm list available报错:PS C: Users Administrator> nvm list available Could not retrieve https: npm taobao org mirrors node index json

  • threejs 自适应obj模型

    threejs 自适应obj模型

    我爱模板网在做一个模型展示的站点时,客户上传的模型太大了,导致显示出了问题

  • Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.

    Option '--resolveJsonModule' cannot be specified without 'node' module resolution strategy.

    这个错误是由于在 TypeScript 配置文件(tsconfig json)中使用了 --resolveJsonModule 选项,但是没有正确配置 moduleResolution 选项。

  • js 方法使用endsWith

    js 方法使用endsWith

    endsWith() 是 JavaScript 中字符串对象的一个方法,用于检查一个字符串是否以指定的子字符串结尾。

  • js获取当前页面的url网址参数

    js获取当前页面的url网址参数

    在前端开发中,经常会遇到获取当前网址的url、协议、域名、端口、路径、参数等情况,以下总结了几种常见的获取当前url的几种情形

  • 原生js获取div的高度、padding值

    原生js获取div的高度、padding值

    原生js获取div的高度、padding值

  • js去除html字符串中的style样式

    js去除html字符串中的style样式

    js去除html字符串中的style样式

  • 解决curl error 28 while downloading https://repo.packagist.org/packages.json: Timeout was reac head

    解决curl error 28 while downloading https://repo.packagist.org/packages.json: Timeout was reac head

    解决curl error 28 while downloading https: repo packagist org packages json: Timeout was reac head

  • js两种方法从详细地址中解析出地址省市区(含自治区,直辖市,县,自治县)

    js两种方法从详细地址中解析出地址省市区(含自治区,直辖市,县,自治县)

    两种方法从详细地址中解析出地址省市区(含自治区,直辖市,县,自治县)

  • 鸿蒙开发harmonyos next修改了app.json5的bundleName真机运行报错

    鸿蒙开发harmonyos next修改了app.json5的bundleName真机运行报错

    我爱模板网最近在开发鸿蒙app时,由于app的包名后面上架改了,所以必须要修改AppScope app json5里的bundleName,但是改了后发现DevEco St

  • pdfjs js版下载

    pdfjs js版下载

    pdfjs 官网现在提供的都是mjs格式,而有时候需要js版本,如uni-app。点击下载pdfjs js版

  • js获取URL中queryString传参和hash传参

    js获取URL中queryString传参和hash传参

    js获取URL中queryString传参和hash传参

  • await-to-js 库处理 async await 错误

    await-to-js 库处理 async await 错误

    在正式介绍 await-to-js 这个库之前,让我们先简单的回顾一下有关于在 JavaScript 这门语言中,异步编程的进化之路。在 Promise 没出现之前,异步编程一直是困扰着前端开发工程师的一个大难题,当时的前辈可能会经常看到下面这种代码。