![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
西风XF
小前端
展开
-
打包项目时报node-sass的错误
因为是提交到GitLab上自动打包,服务器为Linux,所以报的错是Linux 64-bit with Node.js 10.x。本地打包应该是:Windows:Windows 64-bit with Node.js 8.xMac:MacOS **-bit with Node.js 8.xERROR in ./node_modules/css-loader?{"sourceMap...原创 2019-11-07 10:13:31 · 1551 阅读 · 0 评论 -
获取今天是周几
// 获取今天是周几const week = "周" + ["日", "一", "二", "三", "四", "五", "六"][new Date().getDay()];console.log(week);原创 2019-10-21 10:41:56 · 527 阅读 · 0 评论 -
JS导出Excel
两种方法都是网上搜索而来,项目中因为需求不一样两种方法都有使用,(注:Microsoft Edge浏览器导出无反应)其一:导出当前网页内table表格没有分页的情况下,导出当前页的tableclick事件调用方法:tableToExcel('tableID','excel下载');// tableId 传的值为table的id,fileName传的值为下载文件的文件名tableToExcel(...转载 2018-07-13 16:27:56 · 896 阅读 · 0 评论 -
Date.parse()和Date.getTime()的区别
1、 Date.parse() 该方法可解析一个日期时间字符串,并返回 1970/1/1 午夜距离该日期时间的毫秒数;该方法为Date 对象的静态方法;parse() :输出从 1970/01/01 到一个具体日期的毫秒数;Date.parse('时间可以自定义')。var time1 = Date.parse('2018/07/11');console.log(time1...原创 2018-07-11 17:02:45 · 6209 阅读 · 5 评论 -
js数组无序重排和交换某两个数据
先写两个数组排序的方法:reverse():逆序sort():升序或降序=================================1、数组无序重排var arr = [1,2,3,4,5,6];// 数组无序重排function resetFun(arr){ var len = arr.length, randomIndex, temp; while(len){ // ...原创 2018-03-11 01:22:54 · 2014 阅读 · 0 评论 -
const常量不能更改和js的两种数据类型
js的两种数据类型:基本类型:string,number,boolean,null,undefined -----> 操作和保存在变量的实际的值 引用类型:Function,Array,Object -----> 值保存在内存中,js不允许直接访问内存,在操作的时候,操作的是对象的引用const的定义和基本用法可以参考阮一峰老师的ES6入门(传送门:http://es6.ruan...原创 2018-03-10 19:34:32 · 5733 阅读 · 0 评论 -
如何理解和熟练运用js中的call及apply?
在知乎上看到的,转载过来分享一下:https://www.zhihu.com/question/20289071/answer/258643285一个叫“寇云”大佬的回答:本身不难理解,看下MDN就知道了,但是不常用,遇到了,还要脑回路回转下。或者时间长了,还是要确定下去看下文档,为了方便记忆:猫吃鱼,狗吃肉,奥特曼打小怪兽。有天狗想吃鱼了猫.吃鱼.call(狗,鱼)狗就吃到鱼了...转载 2018-02-23 15:09:35 · 215 阅读 · 0 评论 -
解析url参数
技术出处:https://github.com/ustbhuangyi/** * 解析url参数 * @example ?id=12345&a=b * @return Object {id:12345,a:b} * */export function urlParse() { let url = window.location.search;// 得到url问号后面拼接的参数转载 2018-01-31 09:55:15 · 2963 阅读 · 0 评论 -
js获得参数为<!DOCTYPE html>代码,并渲染展示成页面
js获得参数为<!DOCTYPE html>代码,并渲染展示成页面原创 2018-01-02 18:01:16 · 2086 阅读 · 0 评论 -
回显select
回显select选项原创 2017-10-18 16:16:46 · 623 阅读 · 0 评论 -
菜鸡理解的闭包
学习闭包的历程:才起步:闭包是什么?能吃吗?不知道不清楚不明白不了解没听过;刚接触:哇,这是什么鬼,网上一搜‘闭包是js的一大难点’、‘闭包太难了’、‘怎么才能学会闭包’;没多久:哦,闭包是一个封闭的作用域,不能被浏览器的垃圾回收机制处理;看了书:闭包是一个函数被传递到本身的词法作用域外执行,且能访问本身的词法作用域;问大佬:闭包是符合了一定条件的函数,引用了其他位置的变量、包...原创 2018-10-18 11:37:52 · 185 阅读 · 0 评论 -
js创建a标签下载文件
const a = document.createElement('a'); // 创建a标签a.setAttribute('download', '');// download属性a.setAttribute('href', '');// href链接a.click();// 自执行点击事件原创 2018-10-17 19:28:54 · 25856 阅读 · 0 评论 -
js数字每三位加逗号
支持整数和浮点数function toThousands(num) { num = (num || 0).toString(); let number = 0, floatNum = '', intNum = ''; // 判断是否有小数位,有则截取小数点后的数字 if (num.indexOf('.') > 0) { number = ...原创 2019-03-19 22:38:52 · 2822 阅读 · 0 评论 -
js数组去重
let arr = [1,1,2,2,3,3,3,4,4,6,7,8,5];arr = arr.sort();1、循环比较数组中的元素是否有相同的function removalFun1(arr) { if(!arr) return false; if(arr.length === 1) return arr; let result = []; arr.forE...原创 2019-03-15 10:58:23 · 140 阅读 · 0 评论 -
js获取字符串或者数组中出现重复最多的元素和总共出现的次数
目标参数若是字符串,可通过split()方法转换为数组var str="qwertyuiopasdfghjklzxcvbnmqazwsxaswazaaa";var arr=str.split(""); // 转换为数组1、function moreLetter(arr) { if (!arr) return false; if (arr.length === 1) re...原创 2019-03-15 10:39:39 · 5242 阅读 · 0 评论 -
js数组排序和获取最大值最小值
var nums = [2, 7, 22, 15, 18, 1, 33, 4, 55];1、数组排序// js-for循环正排序for(var i = 0;i < nums.length;i++) { for (var j = i + 1;j < nums.length;j++) { if (nums[i] > nums[j]) { var ...原创 2019-02-20 15:19:04 · 1537 阅读 · 0 评论 -
时间显示几秒几分钟几小时前
例如:发布文章,显示时间,在一天内显示时间为几秒前,几分钟前,几小时前,一天以后显示发布时的日期;一天内:显示时间为 => 当前时间(+new Date())- 发布时间(recordTime)一天后:显示时间为 => 发布时间(recordTime)// 发布时间// recordTime为提交的时间export const releaseTime = (reco...原创 2018-11-10 18:49:37 · 1452 阅读 · 0 评论 -
+new Date()
+new Date() 相当于 new Date().getTime()获取当前时间的毫秒数原创 2018-11-10 17:09:37 · 678 阅读 · 0 评论 -
JS合并数组对象中重复数据
别人的问题,想着不难,自己敲一下...没想到啊没想到...一个小小的数组重组数据,搞了两个小时.....还是水平太差了...是水平太差了...水平太差了...平太差了...太差了...差了...了...源数据:目标数据:// 源数据var oldData = [ { city_id: 1, city_name: '北京', city_img:...原创 2018-11-02 14:58:17 · 18540 阅读 · 9 评论 -
json对象和字符串转换
1、JSON.stringify 对象转字符串2、JSON.parse 字符串转对象var jsonObj = [ { name: 'a', age: 1 }, { name: 'b', age: 2 }, { name: 'c', age: 3 }];var toString = JSON.stringify...原创 2018-11-01 13:57:19 · 327 阅读 · 0 评论 -
移动端字体放大导致布局错乱的解决方案
移动端字体放大导致布局错乱的解决方案原创 2017-10-31 11:30:13 · 3473 阅读 · 2 评论 -
js一键复制
js一键复制原创 2017-09-26 15:52:22 · 1044 阅读 · 0 评论 -
上传头像或单张图片并预览
实现效果:上传头像或者上传单张图片并预览;知识点:input标签里面的 accept属性 是限制选择文件的格式;FileReader是HTML5的本地预览图片接口onloadstart函数 数据开始读取时触发onload函数 数据读取成功完成时触发onloadend 数据读取完成时触发,无论成功失败代码: #oDiv{原创 2017-06-26 14:25:28 · 2573 阅读 · 0 评论 -
jQ实现tab切换效果
实现效果:不同导航对应切换到不同的区域思路:导航一般用ul列表,对应区域用div,这样实现比较方便;导航高亮的时候,其他兄弟li标签的样式为默认样式;高亮导航对应区域div显示(display:block;)的时候,其他兄弟div标签为隐藏(display:none;);ul的子元素li个数的个数应该和.oDiv下面的div个数相同,且一一对应; 知识点:$(thi...原创 2017-06-22 17:09:12 · 5019 阅读 · 0 评论 -
JS复制内容到剪贴板
JS复制内容到剪贴板原创 2017-07-12 16:20:30 · 4753 阅读 · 0 评论 -
Javascript中document.execCommand()的用法
Javascript中document.execCommand()的用法转载 2017-07-12 16:13:56 · 2840 阅读 · 2 评论 -
require.js的基本用法
require.js简单的使用demo原创 2017-07-03 12:06:11 · 437 阅读 · 0 评论 -
js获取当前时间转换时间格式yyyy-mm-dd hh:mm:ss
实现效果:把获取到的时间戳或者任意时间或者其他格式的时间转换为yyyy-mm-dd hh:mm:ss格式思路:分别获取年月日时分秒,再用字符串拼接为指定格式知识点:date.getFullYear(); //获取年份date.getMouth()+ 1; //获取月份date.getDate(); //获取天date.getHours(); //获取小时date.getMinutes(); //获...原创 2017-06-22 17:37:23 · 15396 阅读 · 0 评论 -
setInterval自增倒计时 精确到毫秒
跟上一篇倒计时不同的是:上一篇是倒计时一次,这一片是倒计时多次实现效果:固定时间段多次倒计时 ---> 例如:每隔10分钟倒计一次思路:结束时间是固定不变的(endTime),一直在改变的是当下的时间(curTime = new date());时间差 = 结束时间 - 开始时间(leftTime = endTime - curTime);选择一个结束时间作为固定的原创 2017-06-22 17:06:38 · 3211 阅读 · 0 评论 -
jQuery setInterval倒计时精确到毫秒
效果类似于:购物抢购倒计时-->在跳转N多个页面之后,倒计时间仍然正常显示。思路:结束时间是固定不变的(endTime),一直在改变的是当下的时间(curTime = new date());时间差 = 结束时间 - 开始时间(leftTime = endTime - curTime);知识点:new Date("2017/06/22,17:00:00");//获取结束时...原创 2017-06-22 16:46:36 · 2667 阅读 · 3 评论 -
var和let,var和const的区别
var和let,var和const的区别;let和const是ES6的语法:ES6虽然现在大多数浏览器还不兼容,还需要转换成ES5,但是以后ES6会是一个趋势。原创 2017-07-05 10:59:23 · 2603 阅读 · 0 评论 -
上传多张图片并预览
上一篇写的是上传单张图片并预览,因为需求不一样,也顺便百度了一下上传多张图片并预览的,整理了一个demo,存一下,留着用。不兼容IE。实现效果:上传多张图片并预览; #divUL div{ float: left; } //多张 document.get原创 2017-06-26 14:54:26 · 4066 阅读 · 2 评论 -
JavaScript中for循环和for in 循环的区别
JavaScript中for循环和for in 循环的区别原创 2017-07-05 16:48:51 · 1600 阅读 · 0 评论 -
分秒倒计时
分钟倒计时原创 2017-08-23 15:37:50 · 398 阅读 · 0 评论 -
js拖拽文本文档并读取内容到textarea
拖拽本地文本文档(.txt类型)文件到浏览器原创 2017-08-14 15:25:38 · 4129 阅读 · 1 评论 -
iscroll实现下拉刷新,上拉加载
iscroll实现下拉刷新,上拉加载原创 2017-07-26 11:15:55 · 2140 阅读 · 0 评论 -
由数字、26个英文字母、下划线或汉字的正则表达式
由数字、26个英文字母、下划线或汉字的正则表达式转载 2017-08-16 17:04:26 · 2121 阅读 · 0 评论 -
JavaScript事件代理和委托(Delegation)
JavaScript事件代理和委托(Delegation)转载 2017-08-02 14:35:17 · 328 阅读 · 0 评论 -
微信自动关闭内置浏览器页面
微信浏览器关闭内置页面原创 2017-08-01 18:35:06 · 2875 阅读 · 0 评论 -
PC端拖拽
PC端窗口拖拽原创 2017-08-01 17:10:37 · 514 阅读 · 1 评论