• innerHTML、innerText、outerHTML、textContent的区别

    示例html代码: div id = "test" span style = "color:red"test1/ span test2/ div 获得id为test的DOM对象,下面就不一一获取了。 var test = document.getElementById( 'test'); test.innerHTML 描述:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上...

    2018-12-12 09:25:05

  • React生命周期钩子

    我一直觉得这张图描述的真是太好了,首先,先看图。。 初始化阶段 constructor(props){ super(props) // 可以进行state的设置 this .state= { name: ' "拈花煮酒" }} props的初始设置是在组件的外面 或者在内部使用 静态属性 static class Home extends React.Componen...

    2018-12-12 09:25:02

  • 《JavaScript高级程序设计》笔记:面向对象的程序设计

    面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。 理解对象 创建自定义对象的最简单的方法就是创建一个Object的实例,然后再为它添加属性和方法。例如: var person = new Object(); person.name ="Nicholas" ;...

    2018-12-12 09:25:01

  • js利用点击事件做一个简单的计算器

    先放一个样式图: 源代码如下: !DOCTYPE htmlhtml head meta charset="UTF-8" title/title style type="text/css" * { padding: 0 ; margin: 0 ; } span{ display: inline - block; width: 100px; height: 100px; background - color: wheat; border - radius: 100px;...

    2018-12-12 09:24:59

  • Nodejs安装

    1、Node.js简介 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome V8引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器npm,是全球最大的开源库生态系统。 2.安装步骤 ste...

    2018-12-12 09:24:59

  • 判断一个对象是不是数组?有几种办法?

    全局定义:var obj1={}, obj2=[],obj3=obj2; 一、验证原型对象: 1、Object.getPrototypeOf(obj2)==Array.prototype 2、Array.prototype.isPrototypeOf(obj2) -----判断fater是否是child的父对象//true or false 二、检查构造函数 //如果一个对象的构造函数是Array--t...

    2018-12-12 09:24:57

  • Nodejs+Express 搭建 web应用

    简单的记录下关于如何使用nodejs+Express 极速搭建一个web应用。 项目所需,要用到nodejs,那就去学咯。简单的看了下 七天学会NodeJS,Node.js 教程。发现其实好简单的,分分钟上手,这里只是简单记录,nodejs 对数据库的操作不做详细介绍。 看七天不存 在的,呵呵。大...

    2018-12-12 09:24:54

  • Web前端面试题

    1、js支持重载吗? 虽然js 本身不支持,但是可以用arguments来模拟重载 2、什么是作用域链对象? 专门保存了函数对象可用变量的位置的对象(栈)都有默认指向window对象地址。 3、什么是闭包? 即反复使用局部变量,又避免全局污染,就要用闭包。 闭包三特点: 1. 定义...

    2018-12-12 09:24:54

  • Vue评论组件案例

    最近学习了Vue前端框架,在这里记录一下组件的用法,我自己试着写了一个评论的组件,大神看到勿喷,欢迎提出宝贵意见。 首先看一下效果图 用到的文件有: link rel="stylesheet" href="../js/bootstrap/dist/css/bootstrap.min.css" !-- Ionicons -- link rel="stylesh...

    2018-12-11 09:04:33

  • 图学ES6-6.数值的扩展

    ...

    2018-12-11 09:04:32

2