javascript
robin912
赶路的时候,多停下来看看周围的风景;编码的时候,多停下来想想相关问题。
展开
-
javascript定义类方法
javascript通过prototype添加方法javascript定义类的构造函数后,其方法可以通过prototype添加// 定义构造函数function Point(x, y) { this.x = x; this.y = y;} // 不需要returnlet p1 = new Point(2, 2);let p2 = new Point(1, 2)...原创 2018-04-16 21:53:47 · 184 阅读 · 0 评论 -
JavaScript构造函数和prototype
构造函数和prototype约定的构造函数以大写字母开始构造函数没有返回值使用new产生对象给构造函数的对象添加方法如下的构造函数:var Rectangle = function(a, b) { this.x = a; this.y = b;}如果使用下面这种方式定义方法,只能给对象添加方法:var p = new Rectangle(1,1);p.l...原创 2018-10-22 21:10:25 · 670 阅读 · 0 评论 -
dwr学习
dwr学习DWR是一个远程调用库,用于js调用java函数或者java调用js函数。DWR主要由下面两部分组成:运行一个Java Servlet服务器,接收请求并返回结果给浏览器。js运行在浏览器中,负责给后台服务器发送请求并动态更新结果。 DWR Demo以使用SpringMVC搭建服务器集成为例maven <dependency> ...原创 2018-09-01 13:44:22 · 122 阅读 · 0 评论 -
调用iframe子页面中的函数
调用iframe子页面中的函数parent.htmlchild.html问题参考调用iframe子页面中的函数parent.html在父页面中,可以通过document.getElementById(id).contentWindow访问子页面,有的浏览器支持document.frames[id], 还可以直接使用name="myIFrame"中的myIFra...原创 2018-08-22 18:56:13 · 4529 阅读 · 0 评论 -
javascript常用函数
javascript常用函数javascript函数式编程,调用后,不修改原数据,返回运算后的新数组。reduce当提供了初始值时,初始值会放入第一次调用的accumulator变量中;否则,第一次调用的accumulator取值为array1[0],同时currentValue为array1[1]。const array1 = [1, 2, 3, 4];const re...原创 2018-06-20 13:52:49 · 165 阅读 · 0 评论 -
react-router中公共部分Header和SideBar的编写方式
react-router中公共部分Header和SideBar的编写方式初学react-router,在项目中涉及登录页面是独立的,其他页面拥有共同的Header和SideBar组件,在这里把这两个公共部分封装到App中。一种实现方式,把App通过import到每个页面,对每个页面进行封装。 Routes定义如下: <ConnectedRouter history={...原创 2018-05-07 22:07:34 · 5741 阅读 · 2 评论 -
es6小计
es6常用特性const, let定义相比较于var,const,let的作用域为{}, var的作用域为function函数入参可以设置默认值function action(num = 200) { console.log(num)}action() //200action(300) //300引入匿名函数 =>不需要function关键字...原创 2018-05-05 21:19:51 · 148 阅读 · 0 评论 -
React下获取width和height
React下获取width和height利用ref保存DOM节点,然后读取clientWidth,clientHeight获取宽高参数。import React, { Component } from 'react';import 'assets/css/App.css'export class App extends Component { constructor(p...原创 2018-05-10 22:24:10 · 51225 阅读 · 0 评论 -
javascript中变量表达式计算顺序
javascript变量计算顺序javascript总是严格的按照从左到右计算表达式。 如表达式w=x+y*z;, 先计算子表达式w,然后计算x,y和z, 然后y和z的值相乘,再加上x的值。 如果表达式var a = 1;b=(a++)+a;, 1. 计算b, 2. 计算a++(假设为c), 3. 计算a, 4. 计算c+a, 5, 将c+a的结果赋值给b。 第2步计算a++结果为1, ...原创 2018-04-16 22:34:46 · 514 阅读 · 0 评论 -
display的属性和visibility的对比
display的属性和visibility的对比display的属性可以有block, inline, none.display的block属性block属性表示标签会占用整行,相邻两个block标签会自动换行。使用block的标签有 - div - h1 - h6 - p - form - header - footer - sectiondisplay的i...原创 2018-04-16 22:12:46 · 209 阅读 · 0 评论 -
javascript异常处理
javascript中异常处理javascript中有Error类型,可以通过throw抛出异常,也有try,catch,finally语句捕获。 1. throw的对象可以是非Error类型function f() { try { throw 1; } catch (e) { console.log(e); }} ...原创 2018-03-25 22:11:04 · 154 阅读 · 0 评论 -
javascript中onload和ready方法
window.onload和$(document).ready方法window.onload(function(){})是整个页面加载(包括图片加载完)后才会执行;$(document).ready(function(){})是dom加载完(图片可能还未加载)后执行。window.onload()只会执行一次,最后一次加载的内容会覆盖之前的,只会执行最后一次加载的内容;$(document)...原创 2018-10-22 21:29:28 · 2409 阅读 · 0 评论