随笔分类 - JavaScript
摘要:==在js中一般都不会使用,一般情况下我们会使用 严格相等。今天看 的时候,发现书中讲解了关于==的情况。特别是在一方为布尔类型的情况下特别有意思。 先看下放例子: 如果我们从布尔类型的角度看,可能会理解为变量str既不是真值也不是假值。其实不然。 js规范中这样规定布尔值比较的: 如果 Type(
阅读全文
摘要:"github地址:" 一直以来对CommonJs/AMD/CMD/ES6的文件模块加载一直懵懵懂懂。甚至有时会将CommonJs的exports和ES6的export.default搞混。趁着学习webpack,先搞懂这些模块加载方式再说!!! 随着前端的发展,我们日常开发的功能越来越复杂,文件越
阅读全文
摘要:在开发过程中遇到一个比较ip大小的情况,并且遇到了把二维数组转为一维数组的情况,翻下资料,做下总结。 方法一:转字符串法 该例子中,tempArr是一个多维数组,使用join将其转为字符串,在使用split方法转换为一维数组。 缺点: 如果数组中的各个项是number,将不可避免的转为字符串。 改进
阅读全文
摘要:作为一个前端工程师,有时候可能会遇到这种需求,点击鼠标右键,显示自定义ui。 这就用到了 contextmenu 事件 具体用法: 上面代码可以完成,可是没有跨浏览器,在IE中可能使用会出现问题。 这里写了一个跨浏览器的方案: 用上方的跨浏览器事件处理程序来完成的话,就简单多了。 具体代码我放在了我
阅读全文
摘要:之前一直对事件处理程序这个概念不是很清楚,正好趁着看js高程这本书,来总结一下。 事件处理程序是跨浏览器的,也就是说不通的浏览器处理事件处理程序不通(主要就是IE)。 事件处理程序,分为HTML事件处理程序,DOM0/DOM2级事件处理程序,以及IE事件处理程序。 一、什么是事件处理程序: 说起事件
阅读全文
摘要:最近在苦读《JavaScript高级程序教程》,真不愧是前端圣经,学到了很多东西。 nodeList、NameNodeMap、HTMLCollection这三个集合是动态的!每当文档发生变化,它们都会得到更新。因此,它们始终保存着最新、最准确的信息。 在DOM这段遇到一个有意思的例子: 例子1: 增
阅读全文
摘要:最近在看阮一峰老师的《ES6标准入门》的时候,看到ES6新增了两个方法。 用来判断一个数值。 一、判断整数 Number.isInteger() Number.isInteger() 首先判断该值是否为number类型,不是直接返回false; 是number类型的话在判断是否为整数。 用Es5来判
阅读全文
摘要:js最重要也是最核心的东西就是对象了,入行这么长时间,一直对面向对象一知半解。网上有很多介绍对象对象的内容,这里也做了很多借鉴, 尤其是阮一峰老师的文章。我这里写的大多例子都是阮一峰老师文章的例子,但是加上了我自己的见解。JavaScript面向对象编程 js最核心的东西就是对象,万物皆对象。对象分
阅读全文
摘要:刚才遇到一个问题: 在公司两个不同的环境竟然会出现错误 对比一下两个环境的数据,发现一个传来的是双引号的JSON字符串,一个是单引号。而当我用JSON.parse()时,就会报错!! 原因是JSON.parse()转换的字符串必须k和value必须是双引号!!! 记录一下。
阅读全文
摘要:目前官方的日期默认是当前日期,打开之后长这样子:现在是三月13日,但是有的需求是当前日期在后面。 就像这样: 代码如下: 在created或mounted(也就是页面第一次加载时)更新timeDefaultShow: 上个月的当前日期为默认值 打开就是上面的效果了。 再说当前日期后面的日期不能选择:
阅读全文
摘要:在《Javascript权威指南》中这样定义: 参数有形参(parameter)和实参(argument)的区别,形参相当于函数中定义的变量,实参是在运行时的函数调用时传入的参数。 说明白就是,形参就是函数声明时的变量,实参是我们调用该函数时传入的具体参数。 例子: 声明函数add时,a,b就是形参
阅读全文
摘要:最近写公司项目时,动态更新favicon 动态更新之前需要有一个默认的favicon。 目前vue-cli搭建的vue项目里面已经有了一个static文件夹,存放静态文件。 favicon图片放到该文件夹下。 然后再index.html中添加: 然后刷新浏览器,就会更新。 如果没有效果,则查看你的b
阅读全文
摘要:最近在看阮一峰老师的《ES6》 看到let时,发现一处for循环很神奇的地方。 书中的原话是:“另外,for循环还有一个特别之处,就是设置变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。” 书中的例子是: 在for循环体内部,用let 声明一个变量i为‘abc’,而for循环设置变量的
阅读全文
摘要:上次写过如何上传文件,上传成功之后,会出现一些问题。 当我打开上传的文件,但是没有点击上传,然后关闭弹窗,接着继续上传刚才的那个文件。为了满足产品组的要求,我们一般都会把样式进行一定的覆盖。 但这就会出现一定的问题。按照上面说的那种情况,当我再次打开之后覆盖样式的内容为空。 其实刚开始是百思不得其解
阅读全文
摘要:最近做项目的时候,需要上传自定义镜像。并且附带进度条,上网查询一下资料,经过一番折磨,也总算做出来了,把自己写项目的内容给大家分享一下。 先直接贴代码吧 1.首先声明一个formData对象。 2.把需要上传的参数利用append追加进去。 append('参数名','值') 第一个this.$re
阅读全文
摘要:做了一个demo,想看一下打包之后的样子,发现页面是空的。 发现问题就要解决: 1.首先看控制台没有报任何错误,那就证明我们的代码是没有任何问题的。 只能是路径问题造成的。 2.在路由router/index.js中加入一个404页面,代码引入创建之类的就不说了。也就是说只要路径错误,Error这个
阅读全文
摘要:N1.检查本地电脑是否安装node和npm 安装vue-cli的前提是已经安装了npm 是否安装npm检查命令 npm -v 如果出现版本号,说明已经安装了npm 查看node版本号 node -v 如果未出现上述情况,请前往官网下载稳定版本,也可以点右边的穿梭机下载,目前vision用的node版
阅读全文
摘要:上周没事的时候把自己对数组方面的理解做了一下总结,知识点不深,方便以后的查阅。 1.对象继承方法 2.数组转换方法 3.栈和队列方法 4.数组排序方法 可以利用sort()来随机排序一个数组 5.concat() 6.reduce() 7. 数组迭代方法,两个参数,一个是要在每一项上运行的函数和运行
阅读全文
摘要:laytpl-精致巧妙的JavaScript模板引擎 这两天在做一个mui项目,列表需要循环很多的数据。在公司同事的指引下认识了这个新的模板--laytpl。我只想说,很好用们很巧妙。 废话不多说,直接看如何使用。 首先,我们需要下载laytpl.js文件 官网http://www.layui.co
阅读全文
摘要:继续声明:欲练其功,必先自宫。博主正处在自宫阶段,修炼得道者多多指教。 最近在看《JavaScript DOM 编程艺术》这本书,看到了getAttribute()和setAttribute()就想把自己的收获写下来。以及书中出现的疑点。 getAttribute是一个函数。它只能通过元素节点对象调
阅读全文