Amoslb

import React, {useState} from ‘react’const Buttons : React.FC=()=>{const [count,setCount] = useState(0)return (<button onClick={()=>{setCount(count+1)}}>{count})}export default Button...

const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options) this.options = this.extend({ 'noPrint': '.no-print' }, options) if ((typeof dom) ===...

const copyArticle= (event)=>{        const range = document.createRange();        range.selectNode(document.getElementById('article'));        const selection = window.getSelection();     

深度剖析：如何实现一个 Virtual DOM 算法目录：1 前言2 对前端应用状态管理思考3 Virtual DOM 算法4 算法实现4.1 步骤一：用JS对象模拟DOM树4.2 步骤二：比较两棵虚拟DOM树的差异4.3 步骤三：把差异应用到真正的DOM树上5 结语6 References1 前言本文会在教你怎么用 300~400

let ret = []let hot = []for (let key in map) { let val = map[key] if (val.match(/[a-zA-Z]/)) { ret.push(val) } else if (val.title === HOT_NAME) { hot.push(val) }}ret.sort((a, b) =>

很久没写过原生js了有些东西不写就会忘，这里我们直接说问题。for  in的话这里可以遍历一个对象的所有属性名var  name,anoteer_stooge;for( name in another_stooge)if(typeof another_sooge!=='function ' ){document.writeln(name+':' +ano

关于redux其实官网上已经给了一个详细的例子。     //1.首先我们要定义计算规则function counter(state = 0, action) { switch (action.type) { case 'INCREMENT': return state + 1 case 'DECREMENT': return state - 1 defau

facebook给我们了一个类似vue-cli的脚手架的工具             首先：cnpm install -g create-react-app  cnpm是淘宝的镜像，由于国内vpn等原因网速比较慢，所以我们可以设置淘宝的镜像$ npm install -g cnpm --registry=https://registry.npm.taob

很多时候我们搞不清楚load和ready是哪个先执行的？我们看下面的流程(1) 解析HTML结构。(2) 加载外部脚本和样式表文件。(3) 解析并执行脚本代码。(4) 构造HTML DOM模型。//ready(5) 加载图片等外部文件。(6) 页面加载完毕。//load从上面可以清晰的看出ready先执行后load接着进行执行！

Function.prototype.bind = function(context){  var args = Array.prototype.slice.call(arguments, 1),  self = this;  return function(){      var innerArgs = Array.prototype.slice.call(arguments);

function Aaron(List, callback) {    setTimeout(function() {        var task;        if (task = List.shift()) {            task(); //执行函数        }        if (List.length > 0) { //递归分解          

(function(doc, win) {    var docEl = doc.documentElement,        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',        recalc = function() {            var clientW

Module模式简单来说就是封装了混混和公有/私有方法和变量的方式，防止其泄露到全局作用域，只有其开发出现bug。但是由于js本身没有别的语言的public以及private来进行修饰，所以其就需要js函数的作用域来进行模拟。 接下来我们来进行一个简单的例子！var testModule = (function (){var counter = 0;return {

闭包问题简单来说就是突破作用域，比如说函数内部的变量或者对象，只在函数的内部有效，我想在函数的外部使用局部变量，举个简单的例子：function box(){var x=[];for(var i=4;ix[i]=function(){return i}}return x;}var x=box();alert(x[0]());  //4由于

我们大家都知道，javascript中this的指向会经常的发生改变，通常我们会进行var that=this，然后在进行调用，最近一段时间经常写react的时候会使用class Example2 extends React.Component { contructor() { super(); this.handle = this.handle.

关于ajax详解以及其用原生js进行封装

一般我们写原生js的时候，如果js写在body上方的话，我们需要这么写window.onload=function(){}这是由于我们的执行js的时候，body里面的dom元素并没有载入，所以此时我们需要在js告诉浏览器，在整个dom元素加载完毕后再执行js! 同时js为我们提供了事件监听器的写法!addEventListener(事件,匿名函数地址