![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 81
「已注销」
这个作者很懒,什么都没留下…
展开
-
wangeditor相关设置文本框高度height,设置是否可编辑
参考代码官方文档设置是否可编辑写法import E from 'wangeditor'this.editor = new E(this.$refs.editor);this.editor.customConfig.onchange = (html) => {this.editorContent = html;};this.editor.create();...转载 2020-03-11 08:53:26 · 2111 阅读 · 0 评论 -
纯js实现文件下载并重命名功能
/** * 获取 blob * @param {String} url 目标文件地址 * @return {cb} */function getBlob(url,cb) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'b...转载 2019-12-12 14:47:16 · 992 阅读 · 1 评论 -
菜鸟学JS——JS在文本域光标位置插入文本
很久没有写关于JS的博客了,说实话,对于JS小弟仅限于会简单使用的程度。作为一个非前端人员,个人觉得更好更深入的掌握JS还是很有必要的。这不仅仅可以提高自身价值,更重要的是很多情况下使用JS可以更好的解决问题,带来更好的用户体验。扯得稍微远了一些,回归正题,今天跟大家分享一个很实用的小实例——在光标处插入文本。 function insertAtCursor(myField, myValue...转载 2019-05-05 11:11:20 · 1365 阅读 · 1 评论 -
Yii2.0 webuploader图片上传
图片上传几乎是应用必备,前面也针对kartik 的 fileinput做了一篇详细的说明,不过很多人反馈各种问题,下面针对webuploader的使用单独写了一个组件。该组件可以更好的处理 Yii2 在图片上传过程中带来的一系列问题,目前支持多图多字段多modal的混合上传。介绍之前我们先演示下效果。安装推荐使用composer进行安装$ composer requi...转载 2019-04-22 16:43:23 · 262 阅读 · 0 评论 -
webuploader解决不能重复上传问题及一些常见问题处理
uploader = WebUploader.create({ swf: 'resources/js/webuploader-0.1.5/Uploader.swf', // 文件接收服务端。 server: settings.url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash。 pic...转载 2019-04-22 15:27:46 · 1946 阅读 · 0 评论 -
js对undefined的处理
JavaScript 中有两个特殊数据类型:undefined 和 null,先看看 undefined 的判断,欢迎各位同仁交流一番:第一次碰见undefined的时候,我用的是java那一套,我是这样处理的 if (obj== undefined){ /*逻辑*/}事实说明我是自作聪明了,查询之发现,大家通常正确的做法是这样的,if (typeof(obj) == "u...转载 2019-03-02 14:38:21 · 7791 阅读 · 0 评论 -
js替换json对象中的键名
var data = [ {count:335, goods:'直接访问'}, {count:310, goods:'邮件营销'}, {count:234, goods:'联盟广告'} ].map(function(item) { return { ...原创 2019-03-02 14:07:56 · 3556 阅读 · 0 评论 -
XHR简介
在XHR诞生前,网页要获取客户端和服务器的任何状态更新,都需要刷新一次,在XHR诞生后就可以完全通过JS代码异步实现这一过程。XHR的诞生也使最初的网页制作转换为开发交互应用,拉开了WEB2.0的序幕。 XHR是一种浏览器API,极大简化了异步通信的过程,开发者并不需要关注底层的实现,因为浏览器会为我们完成这些工作,如连接管理、协议协商、HTTP请求格式化等等。最初版本的XHR能力非常有限,只...转载 2018-10-09 10:57:56 · 1206 阅读 · 0 评论 -
Javascript异步编程的4种方法
你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascr...转载 2018-06-05 13:48:40 · 103 阅读 · 0 评论 -
关于js中的同步和异步
最近看到前端面试问到js中的同步和异步,这个问题该怎么回答?梳理一下,js对于异步的处理,很多人的第一反应是ajax,这只能说是对了一半。 1.个人觉得,js中,最基础的异步是setTimeout和setInterval函数,很常见,但是很少人有人知道其实这就是异步,因为它们可以控制js的执行顺序var timeoutID = window.setTimeout(func[, delay, par...转载 2018-06-05 13:41:36 · 786 阅读 · 0 评论 -
5分种让你了解javascript异步编程的前世今生,从onclick到await/async
javascript与异步编程为了避免资源管理等复杂性的问题,javascript被设计为单线程的语言,即使有了html5 worker,也不能直接访问dom.javascript 设计之初是为浏览器设计的GUI编程语言,GUI编程的特性之一是保证UI线程一定不能阻塞,否则体验不佳,甚至界面卡死。一般安卓开发,会有一个界面线程,一个后台线程,保证界面的流畅。由于javascript是单线程,所以采...转载 2018-06-04 13:46:41 · 160 阅读 · 0 评论 -
深入理解JavaScript编程中的同步与异步机制
JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程。然而,对于初学者来说,书写异步代码可能会比较困难。而在这篇文章里,我将会消除你可能会有的任何困惑。理解异步代码JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参...转载 2018-06-04 11:39:53 · 136 阅读 · 0 评论 -
javascript的代码封装示例
$(function () { var orderManage = { dv: '#dvOrderManage', ini: function () { var _this = this; _this.tbl_ini(); $(_this.dv).on('click', 'a,butto...原创 2018-05-21 20:24:58 · 677 阅读 · 0 评论 -
No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案
No 'Access-Control-Allow-Origin' header is present on the requested resource.当使用ajax访问远程服务器时,请求失败,浏览器报如上错误。这是出于安全的考虑,默认禁止跨域访问导致的。一、什么是跨域访问举个栗子:在A网站中,我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中,那么就出现了跨域访问问...转载 2018-05-07 20:11:30 · 962 阅读 · 0 评论 -
JS中如何判断一个变量是null/undefined
JS 中如何判断 undefinedJavaScript 中有两个特殊数据类型:undefined 和 null,下节介绍了 null 的判断,下面谈谈 undefined 的判断。以下是不正确的用法:var exp = undefined;if (exp == undefined){ alert("undefined");}exp 为 null 时,也会得到与 undefined ...转载 2018-04-24 15:31:53 · 5531 阅读 · 0 评论