javascript
关注
分享
扫一扫
Weby-Weby
前端码农，也写写cocoscreator游戏，研究下新技术什么的，回复消息可能较慢，敬请谅解。
展开
-
moment获取本月、上个月、近三个月时间段
代码如下：// 本月this.startEndTime = [moment().startOf('month').format('YYYY-MM-DD'), moment().endOf('month').format('YYYY-MM-DD')];// 上个月this.startEndTime = [moment(new Date()).subtract(1,'months').startOf('month').format('YYYY-MM-DD'),moment(new Date()).s原创 2021-02-24 10:30:57 · 12108 阅读 · 0 评论 -
清空/重置input（file）中已上传的文件
问题：清空input（file）中已上传的文件；处理方式一，使用form自带的reset；代码一：在form里加一个type=“reset”的按钮，点击一下，该form里的所有表单都会重置。代码二：不加按钮，点击触发js（“formId”是该form的id）：document.getElementById("formId").reset()问题：如果form里有其他内容，但我们只需要清除file，则行不通。处理方式二，js重新渲染dom；代码(“fileId”是该inp原创 2021-01-27 09:59:24 · 8566 阅读 · 0 评论 -
async 和 await 小demo
阮一峰老师的博客：http://www.ruanyifeng.com/blog/2015/05/async.html菜鸟教程：https://www.runoob.com/w3cnote/es6-async.html我们需要把第一个promise返回的结果，用在第二个promise里面：常规写法： /** * 常规写法 */ function getData1(num) { return new Promise(r=>{原创 2020-12-03 16:03:52 · 197 阅读 · 0 评论 -
使用Object.defineProperty监听属性读取和修改
官方介绍：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/definePropertyVue中文社区：https://vue-js.com/learn-vue/reactive/object.html#_2-%E4%BD%BFobject%E6%95%B0%E6%8D%AE%E5%8F%98%E5%BE%97-%E5%8F%AF%E8%A7%82%E6%B5%8Bdemo代原创 2020-11-25 11:37:49 · 642 阅读 · 0 评论 -
JQuery实现 input点击就选中其内容
需求：正常情况下，用户点击输入框，光标会出现在内容的最后面：要实现的效果就是，用户点击输入框，自动给他选中所有内容：jq实现代码：$(':text').focus(function(){ $(this).one('mouseup', function(event){ event.preventDefault(); }).select();});就这样页面上所有的input都有这个效果了。...原创 2020-11-04 14:12:14 · 2791 阅读 · 0 评论 -
前端使用js压缩图片
需求：用户上传的文件不可大于3M代码：这个方法可以将传入的图片信息，压缩至3M以下，并返回base64信息；$scope.myReadAsDataURL = function (file) { return new Promise(function (resolve, reject) { // 最终base64 var resultImg = ''; var _fileSiz原创 2020-10-22 15:40:20 · 529 阅读 · 0 评论 -
获取剪切板中的图片信息进行预览或上传
需求：用户用截图工具截的图，或者右键点击复制图片之后，可以直接在页面上粘贴，进行预览并上传。代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi原创 2020-08-17 09:20:21 · 1013 阅读 · 0 评论 -
js生成26个字母
应用场景：答题、问卷等需要展示选项的情况下，直接用数组角标取字母。代码如下： var wordArr = []; for (var i = 65; i < 90; i++) { wordArr.push(String.fromCharCode(i)) }效果：...原创 2020-04-09 21:23:07 · 2215 阅读 · 2 评论 -
研究一下Array.prototype.slice.call(arguments)
Array.prototype.slice.call(）将函数的实际参数转换成数组的方法例子一： function test() { // 截取参数的一部分,第二个参数空则不截取，直接返回参数 数组 var arg = Array.prototype.slice.call(arguments, 1); return arg; ...原创 2019-10-22 10:31:33 · 157 阅读 · 0 评论 -
js中的数组操作常用方法总结
一，map()数组遍历，处理数组的每个元素，并返回处理后的数组。参考链接：https://www.runoob.com/jsref/jsref-map.htmlarray.map(function(currentValue,index,arr), thisValue)注：map()和forEach()一样都可以讲数组的每一项遍历出来，区别在于：map()会修改原数组，并且...原创 2019-10-21 14:47:32 · 241 阅读 · 0 评论 -
url传复杂对象问题
使用场景：需要在url中加入对象等复杂参数的时候，例如导出表格。解决办法：JavaScript 自带的encodeURI() 函数https://www.w3school.com.cn/js/jsref_encodeuri.asp例如： var jsonBody = { industryList: [], areaAList:...原创 2019-10-10 10:25:41 · 691 阅读 · 0 评论 -
js获取图片原始尺寸
js获取图片原始尺寸：代码：function getImageInfo(url, callback) { var img = new Image(); img.src = url; if (img.complete) { // 如果图片被缓存，则直接返回缓存数据 callback(img.width...原创 2019-04-22 16:12:19 · 6478 阅读 · 0 评论 -
Angularjs/javascript 常用日期处理
这样可以获取明天的日期// 设置显示当前日期 var today=new Date(); today.setDate(today.getDate()+1) $scope.entryEndTime=$filter('date')(today, 'yyyy-MM-dd');获取long型时间用来作比较：var today=new Date();cons...原创 2018-06-01 16:03:56 · 900 阅读 · 0 评论 -
Three.js 笔记
1、三大组建在Three.js中，要渲染物体到网页中，我们需要3个组建：场景（scene）、相机（camera）和渲染器（renderer）。有了这三样东西，才能将物体渲染到网页中去。var scene = new THREE.Scene(); // 场景var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window....原创 2018-07-03 15:38:48 · 305 阅读 · 0 评论 -
JS操作子节点移动位置
HTML：<div id="father"> <div class="son" style="color: #8C85E6">1</div> <div class="son">2</div> <div class="son"原创 2018-10-11 13:50:47 · 7828 阅读 · 0 评论 -
js prototype原型理解 Demo （1）
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>prototype</title></head><body><原创 2019-02-15 13:38:48 · 243 阅读 · 0 评论 -
js prototype原型理解 Demo （2）
代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, in原创 2019-02-26 14:17:48 · 168 阅读 · 0 评论 -
通过三个apply() 例子了解apply()
一，更改this指向代码： var name = 'window'; //默认规划到全局作用域 window 中，等于 window.name var obj = { name : 'obj' }; function getName() { return this.name; } console.log(...原创 2019-03-11 16:11:32 · 557 阅读 · 0 评论 -
ES6基础之 iterator 迭代器
对于可迭代的数据解构，ES6在内部部署了一个[Symbol.iterator]属性，它是一个函数，执行后会返回iterator对象（也叫迭代器对象），而生存iterator对象[Symbol.iterator]属性叫iterator接口,有这个接口的数据结构即被视为可迭代的数组中的Symbol.iterator方法(iterator接口)默认部署在数组原型上：iterator迭代器是一...原创 2019-03-12 14:16:26 · 403 阅读 · 0 评论 -
一个例子了解 Array map() 和 parseInt()
代码：console.log(["1","2","3"].map(parseInt));测试结果：当然，这里换成Number()，或者换个方法用parseInt解析都能得到我们想要的效果：分析一波：Array map()参数一览：http://www.runoob.com/jsref/jsref-map.html我们测试一下：function中...原创 2019-03-18 09:56:08 · 443 阅读 · 0 评论 -
split、splice、slice 的区别
首先分别看看这三个：split：把一个字符串分割成字符串数组http://www.w3school.com.cn/js/jsref_split.asp例如： console.log('1-2-3'.split('-')); // 没有第二个参数 // ['1','2','3'] console.log('1-2-3'.split('-',2...原创 2019-04-11 14:28:03 · 470 阅读 · 0 评论 -
js获取项目路径
使用js获取项目路径，以供全局使用。//js获取项目根路径，如： http://localhost:8083/uimcardprjfunction getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.hr...原创 2018-06-08 09:14:41 · 3073 阅读 · 0 评论