• Javascript中双等号(==)隐性转换机制

    在Javascript中判断相等关系有双等号(==)和三等号(===)两种。其中双等号(==)是值相等,而三等号(===)是严格相等(值及类型是否完全相等)。 因此有几个常识知识: 1、对于string,number等基础类型,==和===是有区别的 1)不同类型间比较,==之比较转化成同一类型后的值...

    2018-06-24 00:38:09

  • input type=file 选择图片并且实现预览效果

    通过input /标签,给它指定type类型为file,可提供文件上传; accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*; multiple:规定是否可以选择多个文件; 规定只可上传图片,且可以选择多个文件 input type ="file" accept ="image/*" multiple =...

    2018-06-24 00:38:09

  • JavaScript 开发人员需要知道的简写技巧

    本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。 文章将分成初级篇和高级篇两部分,分别进行介绍。 初级篇 1、三目运算符 下面是一个很好的例子...

    2018-06-24 00:38:06

  • Vue-router路由判断页面未登录跳转到登录页面

    router.beforeEach((to, from, next) = { if (to.matched.some(record = record.meta.requireAuth)){ // 判断该路由是否需要登录权限 if (token) { // 判断当前的token是否存在 next(); } else { next({ path: '/login' , query: {redirect: to.fullPath} // 将跳转的...

    2018-06-24 00:38:07

  • JavaScript的function参数的解释

    在js里面写function时其参数在内部表示为一个数组。也就是说:我们定义一个function,里面的参数和将来调用这个function时传入的实参是毫无关系的,如果我们要定义一个function functionName(){},这个function在定义时本身是没有参数的,但是我们在调用这个参数时可...

    2018-06-24 00:38:05

  • Echarts柱状图百分比显示

    1 option = { 2 3 tooltip: { 4 trigger: 'item' , 5 formatter: '{c}%' //这是关键,在需要的地方加上就行了 6 }, 7 grid: { 8 borderWidth: 0 , 9 y: 80 , 10 y2: 60 11 }, 12 xAxis: [ 13 { 14 type: 'category' , 15 show: false , 16 data: ['Line', 'Bar', 'Scat...

    2018-06-24 00:38:04

  • javascript 之基本包装类型--04

    基本包装类型 基本包装类型是 特殊的引用类型 。每当读取一个基本类型值的时候,后台就会创建一个对应的 基本包装类型的对象 ,从而可以调用属性、方法来进行后续操作。 ECMAScript还提供了三种基本包装类型:Number、String、Boolean。 代码现状 我们经常写类似这样的...

    2018-06-24 00:38:05

  • es6 语法 (iterator和for...of循环)

    Iterator遍历器 遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。 作用: 为各种数据结构,提供一个统一的、简便的访问接口...

    2018-06-24 00:38:04

  • 【前端】纯html+css+javascript实现楼层跳跃式的页面

    实现效果演示: 实现代码及注释: !DOCTYPE htmlhtmlheadtitle楼层跳跃式的页面布局/titlemeta charset="utf-8"style type="text/css"*{margin: 0;padding: 0;}body, html{height: 100%;}ul{list-style: none;height: 100%;}ul li{height: 100%;}ol{list-style: none;p...

    2018-06-24 00:38:00

  • JS中那些让人头昏眼花的弯子

    看别人在讨论,于是整理了下,大家来看看下面代码中1-11分别输出的答案是什么???(不要试过再说) var obj= { a: 1 , b: 2 , add: function (c,d){ console.log( this .a+ this .b+c+ d); }} var a=b=0 ; // 1 obj.add(3,4 ); // 2 var add= obj.add;add( 3,4 ); // 3...

    2018-06-24 00:37:58

2