随笔分类 -  javascript

javascript学习中的问题和解答。
介绍一个axios调试好用的工具：axios-mock-adapter
摘要：上一篇文章中写到用promise时应注意的问题，这一篇文章继续介绍一个可以和axios库配合的好工具： axios-mock-adapter。axios-mock-adapter可以用来拦截http请求，并模拟响应，使用起来也很简单，比如你想模拟下服务器返回个500错误，你可以这么写： 然后，在业务 阅读全文
posted @ 2018-11-18 13:25 yangtoude 阅读(4699) 评论(0) 推荐(0)
Promise使用时应注意的问题
摘要：最近在使用axios库时遇到了个问题，后端接口报了500错误，但前端并未捕获到。1. 调用接口的业务代码如下： 很奇怪，代码未按预期的结果运行。 2. 检查下axios整体的配置 在axios整体配置的代码中，过滤http code时，调用了filter401()、filter500()，但是这里注 阅读全文
posted @ 2018-11-18 13:15 yangtoude 阅读(1282) 评论(0) 推荐(0)
如何把js的代码写的更加容易维护(一)--面向对象编程
摘要：总是头疼javascript的代码写起来不可维护，那么看看下面的代码： 代码其实很简单，其基本思路就是，将数据、函数、事件监听和回调都封装在一个对象中，那么我们可以简单的把这个对象理解为一个组件。 封装的难点：事件监听和回调 封装的难点其实在于事件的监听和回调，先看一个简单的实现： 就是以匿名函数的 阅读全文
posted @ 2018-11-01 19:03 yangtoude 阅读(833) 评论(0) 推荐(0)
一个简单的javascript节流器实现
摘要：节流器 javascript的节流器主要用于延缓某些动作的执行，比如ajax请求，如果input框注册了input事件，那么当用户输入时就会持续的触发这个事件，如果回调函数中持续的通过ajax调用后台的接口，就会对服务器产生一定压力。这时就可以考虑采用某种方法来延缓ajax请求，比如可以这么做，当触 阅读全文
posted @ 2018-08-31 11:46 yangtoude 阅读(1550) 评论(2) 推荐(0)
使用gulp和bable实现实时编译ES6代码
摘要：这篇文章最初发表在我自己折腾的博客站点上：使用gulp和bable实现实时编译ES6代码，该博客用了一位前辈开源的源码，基于thinkjs和vuejs开发，欢迎大家来逛逛。 问题描述> 项目开发中使用了一个大而全的java框架，框架集成了前后端，前端在这个框架的基础上开发jsp页面，并未做到前后端完 阅读全文
posted @ 2018-08-31 11:39 yangtoude 阅读(2648) 评论(0) 推荐(0)
javascript闭包的使用--按钮切换
摘要：闭包实现按钮状态切换 看下面的代码： 解释上面的代码实现了点击按钮切换样式的功能，它用到了js的闭包特性。简单解释下：toggleFun为一个立即执行函数，执行后toggleFun被赋值为内部函数： 这个函数用到了外部函数的checked变量，这也是checked变量在立即执行函数执行完成后未被销毁 阅读全文
posted @ 2018-08-30 14:26 yangtoude 阅读(778) 评论(0) 推荐(0)
js求数组的最大值--奇技淫巧和笨方法
摘要：写这篇文章的原因 我目前做的项目很少用到算法，于是这方面的东西自然就有点儿生疏。最近的一次编码中遇到了从数组中获取最大值的需求，当时我不自觉的想到了js的sort()函数，现在想来真是有些“罪过”，当时自己内心还觉得有些得意：“嗯，我用js的内置方法解决了一个通常需要用排序算法才能解决的问题，代码简 阅读全文
posted @ 2018-08-25 21:28 yangtoude 阅读(689) 评论(2) 推荐(0)
基于jQuery的ajax系列之用FormData实现页面无刷新上传
摘要：接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写，这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。关于FormData，大家可 阅读全文
posted @ 2017-01-15 13:57 yangtoude 阅读(41249) 评论(0) 推荐(3)
ajax系列之用jQuery的ajax方法向服务器发出get和post请求
摘要：打算写个ajax系列的博文，主要是写给自己看，学习下ajax的相关知识和用法，以更好的在工作中使用ajax。 假设有个网站A，它有一个简单的输入用户名的页面，界面上有两个输入框，第一个输入框包含在一个form表单里用来实现form提交，第二个输入框是单独的、没有包含在form里，下面就用这两个输入框 阅读全文
posted @ 2017-01-12 20:25 yangtoude 阅读(49436) 评论(2) 推荐(2)
javascript的变量作用域--对比js、php和c的for循环
摘要：通过对比js、php、c三门语言的for循环，加强自己对js变量作用域和php for循环的理解。 阅读全文
posted @ 2016-11-20 20:00 yangtoude 阅读(929) 评论(0) 推荐(0)
巧用javascript对象属性，向事件绑定的匿名函数内传递循环控制变量的值
摘要：遇到一个需要向匿名函数传递循环控制变量的问题，我受到园子里这篇文章的启发【笔记】js获取当前点击元素的索引，解决了这个问题。现在把代码贴出来，以防止自己忘记。 注意代码中的第6行：给equipList[i]对象添加了一个index属性，并将变量i赋值给它，这样equipList[0]的index值为 阅读全文
posted @ 2016-11-18 09:07 yangtoude 阅读(941) 评论(0) 推荐(0)
javascript判断元素存在和判断元素存在于实时的dom中的方法
摘要：今天（周六）下午我在公司加班时不知道要干什么，就打开公司的一个wordpress项目网站，想看下之前自己做的一个网页是否有问题。 打开网站首页，我习惯性的打开了chrome的调试工具，然后鼠标开始滚动页面，然后问题就出来了：页面无法向下滚动，调试工具的console里报了好多undefined的错误 阅读全文
posted @ 2016-11-05 21:11 yangtoude 阅读(13906) 评论(0) 推荐(0)
用react的ReactCSSTransitionGroup插件实现简单的弹幕动画
摘要：1，开始的思路 公司想做直播方面的项目，并想加入弹幕的功能，直播的页面已经作为一个组件放在了用react+redux写好的一个网站项目上。所以技术老大让我研究下如何用react实现弹幕的功能。下面我就简单说下我的react弹幕折腾之路。一开始其实是两手空空，作为一个php的初级开发人员，我对前端技术 阅读全文
posted @ 2016-10-22 17:59 yangtoude 阅读(4332) 评论(0) 推荐(1)
javascripts学习笔记（五）：用js来实现缩略语列表、文献来源链接和快捷键列表。
摘要：1 缩略语列表问题出发点：一段包含大量缩略语的文本，例如： The W3C defines the DOM as: A platform- and language-neutral interface that will allo... 阅读全文
posted @ 2015-09-05 14:21 yangtoude 阅读(669) 评论(0) 推荐(0)
javascript学习笔记（四）：事件处理函数和动态创建html标记。
摘要：1 HTML的事件属性 全局事件属性:HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。a. Window 事件属性，针对 window 对象触发的事件（应用到 标签），常用的为onload。 b. Form事件，由 HTML 表单内的动作触发的事... 阅读全文
posted @ 2015-09-04 17:41 yangtoude 阅读(866) 评论(0) 推荐(0)
javascript学习总结（三）：如何较好的使用js。
摘要：1 假如浏览器不支持JavaScript怎么办？ a.为什么浏览器会不支持？大部分浏览器都有禁用脚本的功能，例如chrome。b.在js被禁用的情况下要保证网页仍能实现它的核心功能（关键的用户需求） 例子：在一个新窗口里打开链接，可以使用BOM的open()方法1 function popU... 阅读全文
posted @ 2015-09-01 21:02 yangtoude 阅读(754) 评论(3) 推荐(0)
javascript学习总结（二）：DOM常用方法。
摘要：1 获取元素节点 a document.getElementById(id)，它返回一个对象。是Document对象特有的函数，它还有这些方法： b element.getElementsByTagName(tagname)或document.getElementsByTagName(tagna... 阅读全文
posted @ 2015-08-31 22:26 yangtoude 阅读(491) 评论(0) 推荐(0)
javascript学习总结（一）：基础知识。
摘要：1 数据类型a.数据类型共有7种，字符串(string)、数字(number)、布尔(boolean)、数组(array)、对象(object)、Null、Undefined。 其中布尔（逻辑）类型只能有两个值：true 或 false，Undefined类型只有一个值：undefined，N... 阅读全文
posted @ 2015-08-30 22:13 yangtoude 阅读(516) 评论(0) 推荐(0)
javascript学习—理解addLoadEvent函数
摘要：onload事件是HTML DOM Event 对象的一个属性，又叫事件句柄（Event Handlers），它会在页面或图像加载完成后（注意是加载完成后）立即发生。window.onload = func的作用就是在页面加载完成后将func函数绑定到onload事件上并执行。如果页面加载完成之后，... 阅读全文
posted @ 2015-08-23 22:10 yangtoude 阅读(7482) 评论(0) 推荐(1)