• insertAdjacentHTML与innerHTML

    insertAdjacentHTML: insertAdjacentHTML() 将指定的文本解析为HTML或XML,并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素,因此它不会破坏元素内的现有元素。这避免了额外的序列化步骤,使其比直接innerHTML操作更快。 语法: element.insertA...

    2018-06-24 01:30:39

  • 【JavaScript】函数表达式

    一、前言 接着上一篇的内容,继续学习JavaScript。 二、内容 函数的声明 function functionName(arg0,arg1,arg2){ // 函数体 } 递归 var factorial = (function f(num){ if(num=1){ return 1; } else{ return num*f(num-1); }}); 闭包 // 闭包与变量 闭包只能取得包含...

    2018-06-24 01:30:40

  • es6-class

    es5中有構造函數可以很好的繼承複用模塊,es6中更加簡潔,如下: "use strict" ;class Video { constructor(signStatus){ this .signStatus = signStatus this .boxDom = document.getElementById("boxDom" ) this .init() } init(){ this ._getAnchorInfo() } _getAnc...

    2018-06-24 01:30:30

  • 【JavaScript】面向对象的程序设计

    一、前言 接着上一篇的内容,继续JavaScript的学习。 二、内容 属性类型 // 数据属性 [Configurable] —— 能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者修改为访问器属性 默认为true [Enumerable] —— 能否通过for-in循环返回属性 默认为true [...

    2018-06-24 01:30:37

  • 时间戳的换算,让你可以任意你想要的时间形式

    // 对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") ==...

    2018-06-24 01:30:34

  • [JS]给String对象添加方法,使传入的字符串字符之间以

    看到一个这样子的面试题: 给String对象添加一个方法,传入一个string类型的参数,然后将string的每一个字符间加空格返回,例如:addSpace("hello world") //-'h e l l o w o r l d'. 第一眼看这道题目觉得出的很有问题,既然给String中添加对象,调用方法应该是str.addSpace(...

    2018-06-24 01:30:30

  • Canvas作图

    前几天项目GIS部分一个功能模块需要一个控制仪表盘,虽然之前看过canvas作图,但是没怎么具体用过。今天就这个功能模块研究了下canvas。 什么是 Canvas? canvas 元素用于在网页上绘制图形。canvas 元素本身并没有绘制能力(它仅仅是图形的容器),必须使用脚本来完成...

    2018-06-24 01:30:28

  • js判断IE浏览器及版本

    function isIE(_version){ _version = _version || ''; var b = document.createElement('b'); b.innerHTML = '!--[if IE ' + _version + ']1![endif]--'; return b.innerHTML === '1';} console.log(isIE(6));/*判断是否是IE6*/ console.log(isIE());/*判断是否是IE浏...

    2018-06-24 01:30:28

  • Echarts 折线图y轴标签值太长时显示不全的解决办法

    问题 分析 解决办法 问题 先看一下正常的情况 再看一下显示不全的情况 所有的数据都是从后台取的,也就是说动态变化的,一开始的时候数据量不大不会出现问题,后面y轴的值越来越大的时候就出现了这个显示不全的情况。 分析 先贴一下页面代码 HTML div class = "row-wra...

    2018-06-24 01:30:25

  • react生命周期方法

    每一个组件都有几个你可以重写以让代码在处理环节的特定时期运行的“生命周期方法”。方法中带有前缀 will 的在特定环节之前被调用,而带有前缀 did 的方法则会在特定环节之后被调用。 react生命周期可分为三个状态以及对应的方法 Mounting(装配) constructor() Reac...

    2018-06-24 01:30:14

2