The Difference and Realization of Bid Application Call

Links to the original text: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind See also https://blog.csdn.net/qq_40479190/article/details/78324270 https://developer.mozilla.org/zh-CN/docs/Web/ ...

Posted by jerdo on Mon, 05 Aug 2019 23:49:38 -0700

React Code Splitting Routing-based Code Splitting Component Lazy Loading

Pack Most React applications will use Webpack Or Browserify Build tools like this to package files.Packaging is the process of introducing and merging files into a single file, resulting in a "bundle".The bundle is then introduced on the page, and the entire application can be loaded at on ...

Posted by primuz on Sun, 28 Jul 2019 19:16:42 -0700

Simulating and Implementing Bid, call and apply Functions

Recently, after reading "Deep Understanding JavaScript" and seeing about Function constructors and bind functions, I suddenly felt an urge to implement the bind function by myself, so I began to try to write the bind function. The first version I tried to write was too cumbersome, and there were still some problems.   Function.p ...

Posted by parboy on Wed, 17 Jul 2019 17:12:09 -0700

Code Separation - import() webpack2.x Chinese Document Translation

Code separation - using import() Chinese Document Address click here Dynamic import Currently, class module import() block loaded Syntax Recommendation The whole is handed over to ECMAScript.ES2015(es6) loader description Define import() as a method to load the es6 module at runtime.import() in webpack is a split-point, used to separate the req ...

Posted by joix on Tue, 16 Jul 2019 15:55:07 -0700

ES6: Arrow function

lambda functions are anonymous functions. Before ES6 was released, we usually wrote anonymous functions like this. var selected = allJobs.filter(function (job) { return job.isSelected(); }); ES6 introduces a new grammar for writing functions var selected = allJobs.filter(job => job.isSelected()); Its syntax is very simple: i ...

Posted by dansk on Wed, 10 Jul 2019 12:03:33 -0700

Roadcasting Diagram and Timer for Web Front-end Notes

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Focus Graph and Rotary Broadcasting</title> <style> *{ margin: 0; padding: 0; } a{ text-decoration: none; } body { padding: 20px; } #container { width: 600px; /*Here 600x40 ...

Posted by roswell on Thu, 04 Jul 2019 13:34:13 -0700

PC side uses react-redux compatible ie8 (including instructions and demo)

In order to be compatible with PC ie8, knockout.js is used in PC technology stack and react is used in touch screen. As a result, when we develop the business of the same module, we need to use two technology stacks to realize the same business logic. Such shortcomings are: increased workload, increased learning costs for new partners (need to ...

Posted by krang on Thu, 20 Jun 2019 15:16:12 -0700

Learning ES6, one article is enough.

Introduction to ES6 ECMAScript 6, short for ES6, is the next generation standard of JavaScript language, which was officially released in June 2015. Its goal is to enable JavaScript language to be used to write complex large-scale applications and become an enterprise-level development language. The relationship between ECMAScript and JavaScrip ...

Posted by davser on Wed, 19 Jun 2019 13:16:08 -0700

Analysis of Common Ways and Principles of JS Object Creation

==== This article was written earlier and belongs to the article migration @2017.06.27.==== Preface As the saying goes, "In the js language, everything is an object", and there are many ways to create objects, so today we will do a comb. The simplest way The easiest way to create objects in JavaScript is to use object literals or Obje ...

Posted by kooza on Tue, 18 Jun 2019 12:55:29 -0700

hasOwnProperty(), in operator and for-in loop

1. hasOwnProperty() The hasOwnProperty() method can be used to detect whether an attribute exists in an object instance or in its prototype. This method (don't forget that it inherits from Object) returns true only if the given attribute exists in the object instance. See the following sample code: function Person(){ } Person.prototype.name ...

Posted by seventheyejosh on Wed, 12 Jun 2019 16:55:27 -0700