class - function ES6类的方法的两种定义方式及调用方式

方式 import * as React from 'react'; const { PureComponent, Fragment } = React; class Test extends PureComponent { render() { return ( ...

2018-12-06 19:33:59

阅读数 641

评论数 0

React - setState() 的两种传参方式介绍及理解

方式 传入新的 state 对象this.setState({ age: 2, }); 传入回调函数,并在回调函数里面返回新的 state 对象this.setState((prevState, props) => { return { ...

2018-12-03 19:33:45

阅读数 1083

评论数 0

基于ES6的缩放元素的插件

下载&使用说明地址:https://github.com/gonghongchen/ZoomJS DEMO地址:https://gonghongchen.github.io/ZoomJS/自我介绍下: 1.使用后可以对指定的某个元素实现缩放的功能,上下、左右四个方向可以用于缩放高、宽,...

2017-12-16 16:35:08

阅读数 424

评论数 4

基于ES6的移动(拖动)元素的插件(2)

下载&说明地址:https://github.com/gonghongchen/MoveJS DEMO地址:https://gonghongchen.github.io/MoveJS/这个相对于上一个移动元素的插件有如下区别: 1.上一个插件固定了移动元素的移动范围为浏览器可视窗口内,...

2017-12-16 15:44:44

阅读数 170

评论数 0

在【ES6】的【Class】中编写属性的取值函数【get】和存值函数【set】时的三点注意事项

可以只编写【get】方法,但是方法名和属性名不能同名,否则在设置这个属性的值时会报“没有【set】方法”的错误。 可以只编写【set】方法,但是方法名和属性名不能同名,否则会报“栈溢出”的错误。 同时编写【get】和【set】方法时,两个方法名必须要同时满足同名且不和属性名同名的条件。下面是一个示...

2017-12-10 14:57:28

阅读数 1602

评论数 0

原生JavaScript(ES5)实现Ajax(可直接使用)及详细说明

JavaScript代码如下,说明见注释:var ajax = function(parameters) { /* * @description 用Ajax获取数据。 * @parameter {object} parameters 数据对象,属性如下: * ...

2017-11-16 22:43:52

阅读数 432

评论数 0

用HTML写出能转换成合适的PDF文件(A4纸张大小)的相关问题和方法

1 PDF文件对应的HTML页面的宽度为【820px】; 2 一页PDF文件对应的HTML页面的高度为【1160px】,多页类推; 3 记得要将【body】元素的外边距【margin】清零; 如:<!DOCTYPE html> <html> <head&...

2017-11-11 20:54:50

阅读数 3902

评论数 0

基于原生JS(ES5)的鼠标移动(拖拽)HTML元素的插件(MoveElementJS)

查看&下载&使用说明地址:https://github.com/gonghongchen/moveElementJSDemo地址:https://gonghongchen.github.io/moveElementJS/热烈欢迎大家查看、下载、使用、Star、Issues。谢谢,非...

2017-11-10 14:49:36

阅读数 410

评论数 0

JavaScript的原型对象(prototype)——函数的&对象的

1、每个函数都有一个【prototype】属性,这个属性其实是个指针,指向的是该函数的原型对象,因此,我们可以通过这个属性设置和访问该函数的原型对象,如:function F() { this.name = "Xiao Ming"; } F.prototype = { ...

2017-10-29 21:35:59

阅读数 161

评论数 0

JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法

1、常见回调函数内部的this指向问题 我们先看下面这段代码:var o = { age : 12, say : function() { function callback() { return this.age; } ...

2017-10-25 17:50:30

阅读数 7478

评论数 0

前端常见跨域解决方案(全)

什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 1.) 资源跳转: A链接、重定向、表单提交 2.) 资源嵌入:、、、等dom标签,还有样式中background:url()、@fo...

2017-09-24 13:17:52

阅读数 146

评论数 0

当子级元素浮动时让父级元素高度自适应的三种方法(以及多个子集元素同时存在浮动和绝对定位时的问题的解决办法)

例如: div { width: 200px; } #parent { border: 1px solid red; } #child { float: left; } 我是c...

2017-07-29 17:26:38

阅读数 1736

评论数 1

分享两篇有关跨域的文章

1 说说JSON和JSONP,也许你会豁然开朗 原文链接:http://kb.cnblogs.com/page/139725/ 2 跨域请求之jQuery的ajax jsonp的使用解惑 原文链接:http://www.cnblogs.com/know/archive/2011/10...

2017-05-16 09:30:44

阅读数 156

评论数 0

用JS封装的通用addClass方法(函数)和removeClass方法(函数)

/* * 函数名:添加class。 * 参数说明:element(必选) 指的是需要添加class的元素(对象); new_name(必选) 指的是需要添加的class名。 * 返回值说明:形参为空则返回false;添加新的class名成功后则返回true。 * 函数作用:为指定的元素添加...

2017-03-20 10:15:14

阅读数 2189

评论数 0

js中firstChild和childNodes[0]以及children[0]之间的点滴问题

示例: js中firstChild和childNodes[0]以及children[0]之间的点滴问题 pppppppppppppppp window.onload = function() { if (!docu...

2017-03-11 16:41:12

阅读数 3401

评论数 0

table元素的宽度/高度设置问题

昨天在写页面的时候遇到一个很奇怪的问题,我想把页面里面的table元素的高度在css文件里面进行设置为0,可是用 height: 0; 这句话一直没有效果,最后我换用了ul才达到了想要的效果。不过,这是个问题,今天上午我解决了这个问题。(注:以下以高度设置问题作为演示,宽度设置问题同理) ...

2017-02-24 10:22:35

阅读数 6605

评论数 0

CSS之四种定位的理解

Static 这个是元素的默认定位方式,元素出现在正常的文档流中,会占用页面空间。不能使用top,bottom,left,right和z-index。 Relative 相对定位方式,相对于其父级元素(无论父级元素此时为何种定位方式)进行定位,准确地说是相对于其父级元素所剩余的未被占用的空...

2017-02-03 14:18:07

阅读数 7657

评论数 0

CSS之元素水平/垂直居中问题

行内元素的水平居中 方法一: 使用text-align:center;实现水平居中。 示例: CSS之居中 * { margin: 0; padding: 0; box-sizing: border-box; font-size: 20px; fon...

2017-01-27 18:31:51

阅读数 241

评论数 0

JS中闭包的理解

概念: 闭包,可以简单理解为定义在一个函数内部的函数。 作用: 实现函数外部语句通过函数内部的函数对该函数中的局部变量进行操作。 示例: function a() { var b = 0; function c() { return b; } return c; ...

2017-01-14 10:42:17

阅读数 196

评论数 0

JS中全局变量和局部变量

全局变量,作用域为所属的整个程序。 定义形式: 在函数外定义。 在函数内定义,但是不加 var 声明。 使用 window.变量名 的形式定义。(注:兼容性未知) 使用 window['变量名'] 的形式定义。(注:兼容性未知) 局部变量,作用域为所属的函数内部。 定义形...

2017-01-10 23:03:01

阅读数 7760

评论数 1

提示
确定要删除当前文章?
取消 删除
关闭
关闭