javascript
果然如此
这个作者很懒,什么都没留下…
展开
-
js-xlsx 读取Excel解析
近期公司开始做绩效,某一天上午 HR 妹纸发了份 Excel 模板过来,让我下发给小组内成员填写。当天下午下班前,组内的绩效表就收齐了,接下来我就开始进入下一个环节,逐一打开每个 Excel 表为每个人打分。由于只有十几份绩效表,所以很快就打完分了。不过问题来了,虽然已经打完分了,但我对小组内成员的每个考核项得分和总分的情况却还是一片空白。想要一目了然,当然得简单做个统计报表咯。那么如何收集每个人的数据呢?当然最简单的方式就一个个打开组内成员的绩效表,然后一个个统计,不过对于这种方式,我是拒绝的。作为一个转载 2020-09-28 11:11:04 · 6713 阅读 · 3 评论 -
【react】 后端返回图片或者json错误 ,前端加载和隐藏错误图片
后端返回图片或者json错误 ,前端加载和隐藏错误图片利用 img 的 onLoad 和 onError 方法:import React from 'react'; class ImgLoad extends React.Component { constructor(props) { super(props); this.state = { imageStatus: null,isError:true }; } handleImageLoaded() {原创 2020-09-17 21:54:32 · 385 阅读 · 0 评论 -
JS中this到底指向谁?
关于this的指向,是一个令人很头疼的问题。但是,你运气好,碰到了我。老夫这儿有本祖传秘籍,看懂这个,妈妈再也不用担心你的this指向不对啦! 归根结底,this指向就一句话:谁最终调用函数,this指向谁!!! 关于这点,老夫有三言相赠: ① this指向的,永远只可能是对象! ② this指向谁,永远不取决于this写在哪!而是取决于函数在哪调用。 ③ this指向的对象,我们称之为函数的上下文context,也叫函数的调用者。 下...转载 2020-07-04 14:00:54 · 236 阅读 · 0 评论 -
让你分分钟理解 JavaScript 闭包
闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是 ECMAScript 规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟理解闭包!闭包,一睹为快在接触一个新技术的时候,我首先会做的一件事就是找它的 demo。对于我们来说,看代码比自然语言更能理解一个事物的本质。其实,闭包无处不在,比如:jQuery、zepto的核心代码都包含在一个大的闭包中,所以下面我先写一个最简单最原始的闭包,转载 2020-07-04 13:54:12 · 169 阅读 · 0 评论 -
Vue开发实战 教程学习
目录指令组件单文件模式双向绑定虚拟DOM计算属性侦听器 watch计算属性 computed vs 侦听器 watchVUE 生命周期VUE函数式组件?高级特性 provide 和 injecttemplate 和 JSXVUE常用工具VUE 常用类库指令 mustache 模版引擎 jquery模板引擎 ...原创 2020-01-19 00:02:32 · 532 阅读 · 0 评论 -
vscode问题解决 Unexpected console statement (no-console)
目录方法一:修改配置文件方法二:不改配置文件,加前缀window.方法一:修改配置文件修改package.json中的eslintConfig:{} 中的 “rules”:{},增加一行代码: "no-console":"off""eslintConfig": { "root": true, "env": { "node": true },...原创 2020-01-15 14:44:16 · 2404 阅读 · 0 评论 -
vue常用命令
调试运行:npm run build生成报告:npm run build --report原创 2019-12-23 09:43:49 · 87 阅读 · 0 评论 -
VSCode 开发Vue必备插件
以下就是开发Vue必备插件:Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)EsLint —— 语法纠错Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个)Auto Close ...转载 2019-12-21 10:10:39 · 109 阅读 · 0 评论 -
SpeechSynthesisUtterance 语音合成使用
SpeechSynthesisUtterance基本介绍SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等SpeechSynthesisUtterance基本属性SpeechSynthesisUtterance.lang 获取并设置话语的语言SpeechSynthesisUtte...转载 2019-11-13 12:38:13 · 3263 阅读 · 2 评论 -
js实现图片资源转化成base64的各种场景
网络上有很多片介绍通过js将图片转换成base64的文章,之所以再写这篇文章的原因时发现没有找到系统的介绍的文章,有的介绍如何实现本地项目的图片转码,有的介绍如何实现网络资源的图片转化,但是系统介绍的少之又少,所以我就在这里将各种场景系统的介绍一下:场景一:将用户本地上传的资源转化,即用户通过浏览器点击文件上传时,将图片资源转化成base64:<input type="file" ...转载 2019-04-30 16:14:31 · 1849 阅读 · 0 评论 -
[HTML5] Blob对象
写在前面本篇主要总结Blob对象属性及作用,通过DEMO介绍Blob对象的应用场景。Blob对象一直以来,JS都没有比较好的可以直接处理二进制的方法。而Blob的存在,允许我们可以通过JS直接操作二进制数据。一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中的数据并不一定得是JavaScript中的原生形式。File接口基于Blob,继承了Blob的功能,并且...转载 2019-04-30 15:56:47 · 242 阅读 · 0 评论 -
Blob/DataURL/canvas/image的相互转换
函数都比较简单,直接看就ok了/*-----------------------------------------------------------------------*/// canvas转dataURL:canvas对象、转换格式、图像品质function canvasToDataURL(canvas, format, quality){ return canvas.toD...转载 2019-04-30 15:46:45 · 385 阅读 · 0 评论 -
javascript Date format(js日期格式化)
方法一:// 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==转载 2015-12-01 14:58:00 · 1029 阅读 · 0 评论 -
一个类似firebug的IE插件:HttpWatch专业版
强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出下载地址:http://www.greendown.cn/soft/3522.html原创 2008-07-07 11:10:00 · 1926 阅读 · 0 评论 -
Javascript的IE和Firefox兼容性汇编
微软关于IE、Firefox、Opera和Safari的JavaScript兼容性研究曾经发表过一份草案,可以点击下载《JScript Deviations from ES3》 以下为网上的一些搜集和整理(FF代表Firefox) 集合类对象问题现有代码中存在许多 document.form.item("itemName") 这样的语句,不能在 FF 下运行解决方法:改用 document.f原创 2009-04-11 11:05:00 · 374 阅读 · 0 评论 -
给select控件在指定位置插入option(javascript)
<br /> <br />问题描述<br /> 对于select控件 1 2 3,我们可以通过它的options.add(new Option(v,t))的方法动态的插入一个option选项,但是新增的option的位置只能在最后,却不能插入到指定的任意位置。<br />解决方法<br /> 既然select的options属性提供的方法无法实现上面的需求,那么只好找办法了。我们知道html控件都有一个insertBefore的方法,用以在指定位置插入子控件,这个方法也许可以使用,不原创 2011-05-31 18:21:00 · 1867 阅读 · 0 评论 -
swfupload--php上传说明
<br />什么是SWFUpload? SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点 * 可以同时上传多个文件; * 类似AJAX的无刷新上传; * 可以显示上传进度; * 良好的浏览器兼容性; * 兼容其他JavaScript库 (例如:jQuery, Prototype等); * 支持Flash 8原创 2011-06-01 09:51:00 · 1604 阅读 · 0 评论 -
给select控件在指定位置插入option(javascript)
<br /> <br />问题描述<br /> 对于select控件 1 2 3,我们可以通过它的options.add(new Option(v,t))的方法动态的插入一个option选项,但是新增的option的位置只能在最后,却不能插入到指定的任意位置。<br />解决方法<br /> 既然select的options属性提供的方法无法实现上面的需求,那么只好找办法了。我们知道html控件都有一个insertBefore的方法,用以在指定位置插入子控件,这个方法也许可以使用,不原创 2011-05-31 18:21:00 · 708 阅读 · 0 评论 -
Javascript 取得网页高度,宽度全集合
var s = "";s += "\r\n网页可见区域宽:"+ document.body.clientWidth;s += "\r\n网页可见区域高:"+ document.body.clientHeight;s += "\r\n网页可见区域宽:"+ documen原创 2011-09-07 17:23:02 · 625 阅读 · 0 评论 -
单击控制层的展开和关闭
转自:http://www.div-css.com/html/javascript/54219912025.html#content,#intro{font: 13px/25px;width: 200px;height: 40px;background:原创 2011-09-07 17:23:31 · 439 阅读 · 0 评论 -
取得某层定位在屏幕中间的位置 支持firefox
取得某层定位在屏幕中间的位置 支持firefoxfunction getScreenCenter(t_DiglogW,t_DiglogH){var dde = document.documentElement;if (window.innerWidth) {v原创 2011-09-07 17:22:29 · 672 阅读 · 0 评论 -
点击鼠标弹出层
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">Untitled Documentfunction $(ID){return原创 2011-09-07 17:23:51 · 665 阅读 · 0 评论 -
JavaScript高级培训-自定义对象
一,概述在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类、Hashtable类等等。目前在Javascript中,已经存在一些标准的类,例如Date、Array、RegExp、Stri原创 2011-09-08 16:22:15 · 136 阅读 · 0 评论 -
javascript 正则表达式过滤sql关键字
var reg = /(\bDROP\b)|(\bTRUNCATE\b)|(\bDELETE\b)|(\bUPDATE\b)|(\bINSERT\b)|(\bEXEC\b)|(\bEXECUTE\b)/gi; var sqlError = sql.match(reg); if (sqlError && sqlError.len原创 2015-12-14 17:48:01 · 3506 阅读 · 0 评论 -
火狐(firefox)不显示本地图片问题解决 javascript ff
在Firefox一直不能用js做出图片预览的效果,这个问题困扰了我1年多了,一个同事再次问我,终于找到灵感把它解决了function fileChange(obj){var url = obj.valueurl = "file:///" + url.replace("//",/);alert(url);document.getElementById("i原创 2008-07-05 18:08:00 · 1676 阅读 · 1 评论