domBREAKPoint的博客

实际开发过程中，会有判断一个变量是否存在的场景 首先想到的是 if(a==undefined){ console.log("a is undefined") }else{ console.log("a is defiend") }这里会报错，有可能产生阻塞，而且不够优雅 解决方法： if(typeof a!=="undefined"){

方法比较简单，容易实现，而且效果在目前看来还是不错的。先补充说明一个基础知识点，在使用 canvas 的时候，要设置画布的大小，要使用的是 canvas 的 width 与 height 属性，而不是设置 canvas 的 style 或者CSS样式中的 width 与 height 。因为在绘制的过程中画布内容的实际大小是根据 canvas 的 width 与 height 属性设置的，而 sty

var c=document.getElementById(“myCanvas”); var ctx=c.getContext(“2d”); ctx.beginPath(); ctx.moveTo(20,20); ctx.lineTo(20,100); ctx.lineTo(70,100); ctx.strokeStyle=”green”; ctx.stroke(); // str

方式一、supervisorsudo npm install -g supervisor #安装supervisor app.js #启动方式二、hotnodesudo npm -g install hotcode #安装hotnode app.js #启动注意一定要全局安装哦！！

<Parent checked={this.state.checked}/>class Children extends React.Component { constructor(props) { super(props); this.state = { visible: false, display: thi

/** * 文字的书写 * fillText(要写的文字, 文字开始的横坐标, 文字开始的纵坐标, 文字占用的最长宽度) * strokeText(要写的文字, 文字开始的横坐标, 文字开始的纵坐标, 文字占用的最长宽度) * font 字体大小和样式 *//* * font参数的值分为 * font-style: normal(正常)

一个模块只能有一个默认导出：export default modlue导入用import module from modlue可以多个普通导出:export postNeverexport postLike导入用import {postLike} from ...PS:一定要加符号....

事件委托原理：事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序a>li>ul>div，有这样一个机制，那么我们给最外面的div加点击事件，那么里面的ul，li，a做点击事件的时候，都会冒泡到最外层的div

一个放在package.json 的dependencies , 一个放在devDependencies里面 比如 dependencies:{ react:15.1}react是部署环境里要用的devDependencies:{ babel-core:7.61}babel-core 只是文件处理 把es6转化为es5和node有关的package都是放在devDepen

<svg xmlns="http://www.w3.org/200/svg" height="400" width="400"> <circle //标签画圆专用 class="demo2" id="J_progress_bar" cx="175" // 圆坐标 横坐标（都是基于svg）

子元素 childrenComponent.js/** * Created by ANN on 2017/7/22. */import React from 'react';export default class ChilidProps extends React.Component{ render(){ return( <div>

写代码总要有模式的第一种 function a(){ } function b(){ } function b(){ } 可以称之为并列模式第二种var config = { a:funciton(){ }, b:function(){ }, c:function(){ } } 可以成为对象模式第三种function AA

核心就是在$.prototype.init.prototype = $.prototype;比如function echart(selector) { return new echart.fn.init(selector)}echart.fn = echart.prototype;echart.fn.init = function (selector) { thi

因为截止目前几乎没有浏览器原生支持es6标准。所以，针对这种情况，chrome引入了source-map文件，标识es5代码对应的转码前的es6代码哪一行。对于开发人员来说，你唯一要做的就是配置webpack自动生成source-map文件，在webpack.config.js中增加一行配置即可（这个需要你去重新启动webpack-dev-server，以使配置生效）。 entry:{ 'i

Ajax请求默认的都是异步的 如果想同步 async设置为false就可以（默认是true）var html = $.ajax({ url: “some.php”, async: false }).responseText; 或者在全局设置Ajax属性 $.ajaxSetup({ async: false }); 再用post，get就是同步的了

class GetInnerHTml extends React.Component{ handleOpen(event){ //获取span内容 event.target.innerHTML } render(){ return ( <span onClick={this.hand

fetch('/api/user/newsDetail', { method: 'post',//方法 headers: { "Content-type": "application/x-www-form-urlencoded; charset=UTF-8" }, body

<ul id="ul_rwardList"> { this.state.reward.map(function (item) { return ( <li className="db vh" key={item.id}> <div className="fx1">{item.num

例如有一个组件 父节点有属性data-cc 这时候点击父节点获取属性 正确方式是 event.currentTarget.getAttribute(“data-cc”)而不是 event.target.getAttribute(“data-cc”)ps: currentTarget 返回其事件监听器触发该事件的元素。 target 返回触发此事件的元素（事件的目标节点）。

在es6里 一个子元素如何继承一个父元素的方法class Father{ run(){ console.log('runFather') }}class Child extends Father{}var c1 = new Child();c1.run()//runFather一个extends搞定