javascript
关注
分享
扫一扫
包子源
仰望星空，脚踏实地
展开
-
three.js加载obj模型与mtl材质，实现自由旋转缩放
three.js加载obj模型与mtl材质，实现自由旋转缩放<!DOCTYPE html><html lang="en"><head> <title>three.js</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximu原创 2020-09-11 17:23:03 · 1651 阅读 · 0 评论 -
js随机生成四位数，可用于短信验证码
var num="";for(var i=0;i<4;i++){ num+=Math.floor(Math.random()*10)}alert(num);原创 2017-08-11 11:23:32 · 11559 阅读 · 3 评论 -
js生成GUID，可作为token使用
GUID（全球唯一标识）是微软使用的一个术语，由一个特定的算法，给某一个实体，如Word文档，创建一个唯一的标识，GUID值就是这个唯一的标识码.除了.Net有专门的方法生成外，js也可以生成GUID，一般有两种方式，分别是：方法一：//JS生成GUID函数,类似.net中的NewID();function S4() { return (((1+Math.random(转载 2017-07-13 15:46:09 · 2070 阅读 · 0 评论 -
js时间戳转日期
在项目中遇到js时间戳转日期的问题。后台返回时间戳，前端需要展示日期：var times=1499606264;alert(tm(times))function tm(time){ var d=new Date(time*1000); var year=d.getFullYear(); var month=change(d.getMonth()+1);原创 2017-07-13 10:58:19 · 438 阅读 · 0 评论 -
原生js实现ajax异步加载
原生js异步加载 window.onload = ajax(); function ajax() { var xmlhttp; if(window.XMLHttpRequest){ //创建 XMLHttpRequest 对象 xmlhttp = new XMLHttpRequest();原创 2017-05-22 14:23:40 · 2536 阅读 · 0 评论 -
git忽略文件夹或文件
1.首先需要创建 .gitignore文件：在你的项目文件夹右键选择git bash 打开命令行2.输入touch .gitignore创建.gitignore文件3.在”.gitignore” 文件里输入你要忽略的文件夹及其文件就可以了。比如：忽略node_modules文件夹：node_modules/忽略单个文件node_modules/ind原创 2017-06-04 21:28:47 · 1225 阅读 · 0 评论 -
nodejs操作mysql实现增删改查
首先需要安装mysql模块：npm install mysql --save然后创建user数据表：接着使用nodejs对数据库进行增删改查：//引入mysql模块var mysql = require('mysql');//链接数据库var connection = mysql.createConnection({ host:'localhost', u原创 2017-05-19 18:39:49 · 7974 阅读 · 5 评论 -
解决ios微信页面回退不刷新
在回退后需要刷新的页面加以下js（需要jquery）$(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); }原创 2017-05-16 12:27:02 · 3856 阅读 · 0 评论 -
带时间轴的折线图echart
带时间轴的折线图 // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('chart')); // 指定图表的配置项和数据 option = { title : { text: '带时间轴的折线图',原创 2017-03-01 09:38:07 · 12111 阅读 · 1 评论 -
js每隔两秒输出数组中的一项
Title arr=[1,2,3,4,5,6,7,8,9]; i=0; var t=setInterval('show()',2000); function show() { $("#time").append(arr[i]); i=i+1; /原创 2017-04-01 10:12:32 · 6111 阅读 · 2 评论 -
jquery weui实现多tab异步滚动加载更多
多tab实现ajax加载更多 选项一 选项二 选项三原创 2017-08-13 11:13:56 · 7464 阅读 · 8 评论 -
js获取最近7天和最近3天日期
//获取最近7天日期getDay(0);//当天日期getDay(-7);//7天前日期//获取最近3天日期getDay(0);//当天日期getDay(-3);//3天前日期function getDay(day){ var today = new Date(); var targetday_milliseconds=tod原创 2017-09-15 17:43:25 · 22297 阅读 · 1 评论 -
js实现上传excel输出json
这里我们需要用到xlsx.core.min.js代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini原创 2019-02-17 17:51:41 · 1523 阅读 · 0 评论 -
全国省份和大学json
{ "zone":[ { "id":"bj", "name":"北京", "sort":1 }, { "id":"sh", "name":"上海原创 2018-08-31 19:05:25 · 2840 阅读 · 0 评论 -
LODOP打印控件简单示例
首先需要下载lodop打印控件http://www.lodop.net/download.html然后将文件解压<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2018-05-28 14:32:24 · 7560 阅读 · 3 评论 -
js时间戳转时间（年-月-日 时:分:秒）
var t=1521694261;timestampToTime(t)function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.g...原创 2018-03-22 13:09:47 · 13347 阅读 · 1 评论 -
echarts雷达图显示数值
echarts雷达图显示数值：label用于显示数值，具体代码如下：option = { title: { text: '基础雷达图' }, tooltip: {}, radar: { indicator: [ { name: '苹果', max: 6500}, { name: '西原创 2018-01-30 13:06:02 · 32935 阅读 · 3 评论 -
js身份证正则精准校验
js身份证正则精准校验介绍xxxxxx yyyy MM dd 375 0 十八位xxxxxx yy MM dd 75 0 十五位地区： [1-9]\d{5}年的前两位： (18|19|([23]\d)) 1800-2399年的后两位： \d{2}月份： ((0[1-9])|(10|11|12)) 天数： (([0-原创 2018-01-23 10:45:31 · 737 阅读 · 0 评论 -
js,jquery禁止页面回退
将代码放到需要禁止回退的页面即可主要代码$(function () { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () {原创 2017-11-29 16:03:17 · 6171 阅读 · 0 评论 -
js实现左右滑动的导航菜单，仿今日头条顶部菜单
menu body{padding: 0;margin: 0} .swiper-slide{width: auto!important;} .topmenu{height: 35px;background-color: white;border-bottom: 1px solid #CCCCCC;padding: 0 1原创 2017-11-20 11:00:40 · 16833 阅读 · 2 评论 -
echarts折线图颜色渐变
设置echarts折线图颜色渐变，配置areaStyle即可：option = { title: { text: '折线图颜色渐变' }, tooltip: { trigger: 'axis' }, grid: { left: '3%', right: '4%', botto原创 2017-10-24 09:46:52 · 28962 阅读 · 0 评论 -
获取url中用&隔开的参数
例如，当前网页中的url为https://www.baidu.com?a=111&b=222想要获取url中的a,b参数，代码如下：function getParmFormUrl(name){ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = wind原创 2017-03-28 18:39:45 · 1307 阅读 · 0 评论 -
js将当前时间格式化为年-月-日 时:分:秒
利用js的Date()对象，将系统当前时间格式化为年-月-日 时:分:秒。也可以自己定义格式。（做项目时遇到这个问题。本来想百度一个用，哎，网上的结果太乱了，于是自己写一个）代码如下： Time var d=new Date(); var year=d.getFullYear(); var month=change(d.getMonth(原创 2017-03-21 16:32:59 · 3316 阅读 · 0 评论 -
js实现base64加密解密
// 创建Base64对象var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f>2;o=(n&3)>4原创 2017-02-28 14:36:18 · 15365 阅读 · 4 评论 -
js获取当前时间戳
js获取当前时间戳：第一种方法：var timestamp = Date.parse(new Date());结果：1482993980000第二种方法：var timestamp = (new Date()).valueOf();结果：1482993988275第三种方法（这种方法比较常用）：var timestamp=new Date().getTime();结原创 2016-12-29 14:54:10 · 2582 阅读 · 0 评论 -
将xml内容输出到div中
note.xml文件结构:GeorgeJohnReminderDon't forget the meeting!aJohnReminderDon't forget the meeting!GeorgeJohnReminderDon't forget the meeting!利用js将xml输出到div中： .aaaa{原创 2015-12-09 15:11:25 · 1613 阅读 · 0 评论 -
js实现随机生成1到10的整数
闲话不多说，直接用代码解释： //js实现随机生成整数 var a = Math.random(); //生成0——1的随机数 a = a*10; //0——10的随机数 a = Math.ceil(a); //上取整，完成随机生成1——10的整数 doc原创 2015-11-28 16:23:56 · 17815 阅读 · 0 评论 -
验证身份证正则表达式讲解
身份证正则表达式(15位) ：isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/; 身份证正则表达式(18位) ：isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;接下来以18原创 2015-11-27 10:18:24 · 1275 阅读 · 1 评论 -
正则表达式中的g,i,m修饰符
g 全局匹配（会查找所有匹配，不会在查找到第一个匹配时就停止）i 执行对大小写不敏感的匹配m 执行多行匹配（包含换行符(/n)不会停止匹配）全局匹配例子：var str="Is this all there is?";var patt1=/is/g;document.write(str.match(patt1原创 2015-11-27 08:47:24 · 4806 阅读 · 0 评论 -
js正则表达式RegExp 对象
RegExp 对象RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。创建 RegExp 对象的语法：new RegExp(pattern, attributes);对象方法：test()test() 方法检索字符串中的指定值。返回值是 true 或 false。例子：var patt1=new原创 2015-11-26 13:30:13 · 469 阅读 · 0 评论 -
xml数据导航
利用js实现xml数据导航，点击上一个、下一个按钮实现数据导航：love.xml文件结构： 乒乓球运动 我爱吃面 我爱好人 篮球运动 鱼好吃 我爱帮帮的人 台球运动 冰淇淋 我们的班 活塞运动 咪咪 喵喵 实现导航的js代码： .dia{width: 30%;height:原创 2015-12-09 16:08:20 · 732 阅读 · 0 评论 -
XMLHttpRequest
XMLHttpRequest 对象用于在后台与服务器交换数据。通过使用XMLHttpRequest 对象，我们可以实现一下几点：1.在不重新加载页面的情况下更新网页2.在页面已加载后从服务器请求数据3.在页面已加载后从服务器接收数据4.在后台向服务器发送数据创建XMLHttpRequest对象的语法如下：xmlhttp = new XMLHTTPRequest();原创 2015-11-23 11:37:49 · 535 阅读 · 0 评论 -
js冒泡排序（Bubble Sort）
冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。冒泡排序算法的运作如下：（从后往前）1.比较相邻的元素。如果第一个比第二个大，就交换他们两个。2.对每一对相邻元素作同样原创 2015-11-13 10:35:34 · 1276 阅读 · 1 评论 -
js实现html的placeholder属性效果
如何通过js实现html的placeholder属性效果呢我们需要这样做： function bl(){ var a=document.getElementById("inpt"); if(a.value.length<=0){ a.style.color="#999999"; a.value="请输入姓名";原创 2015-11-13 11:55:44 · 952 阅读 · 0 评论 -
倒计时恢复按钮点击
倒计时时间到后，恢复按钮点击，常用于阅读协议： var tim=9; function aaa(){ var btnn=document.getElementById("btn"); if(tim<=0) { btnn.value="注册"; btnn.disabled=""; } else原创 2015-11-13 11:51:38 · 868 阅读 · 0 评论 -
js对象的用法以输出对象字符串长度
var obj = new Object(); //声明一个对象 obj.eye = "蓝眼睛"; obj.head = "大头"; obj.shou = "大手"; document.write("我的眼睛是"+obj.eye+"!"); document.write(obj.eye.length);原创 2015-12-23 16:22:06 · 891 阅读 · 0 评论 -
js中带参数的函数的使用
function aaa(name,age,height){ alert(name+"今年"+age+"身高"+height); } aaa原创 2015-12-23 16:30:49 · 1444 阅读 · 0 评论 -
微信公众号分享与收货地址功能详解
//封装好了一套微信分享与收货地址js方法，直接将wechatload(window.location.href)方法放到需要使用微信分享功能的页面function wechatload(page){ //引入微信js $.getScript('http://res.wx.qq.com/open/js/jweixin-1.1.0.js',function(){ //引入完成后的回调原创 2017-01-05 12:19:11 · 9027 阅读 · 0 评论 -
前端常用js插件总汇
工作这么久，用到了很多js插件。今天就总结一下最常用并且最好用的js插件插件1：百度的图表插件echarts。使用echarts可以简单快速的构建各式各样的图表，比如饼图、柱状图、折线图、散点图等等。echarts官网给出了很多很棒的实例，可以访问echart官网实例进行查看。也可以访问图表插件echart实例进行学习。插件2：图片文件上传插件webuploader使用原创 2016-12-30 11:12:21 · 3112 阅读 · 0 评论 -
强大的js图片轮播插件Swiper
最近在一个微信公众号中用到了swiper图片轮播插件。接下来为大家介绍插件的用法首先需要下载Swiper1：加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。html>head> ... link rel="stylesheet" href="path/to/swiper.min.css">head>body>原创 2017-01-03 13:52:53 · 3493 阅读 · 0 评论