Convert HTML Into Image Using Canvas And SVG – nodeToDataURL
A JavaScript library that helps developers convert any HTML element into an image using HTML5 Canvas and SVG API. How It Works: Converts DOM nodes into Data URL Loads data URL into an Image How To Use It: 1. Install and import the nodeToDataURL module. # Yarn $ yarn add html-element-to-image # NPM $ npm install html-element-to-image --save import nodeToDataURL from 'html-element-to-image' 2....
Generate Custom Monthly Calendar With JavaScript – Calendarize
Calendarize is a super tiny JavaScript library to generate a custom monthly calendar on the page. The plugin returns a week array that each weak container an array of 7 numbers depending on the current month & year: [ [ 0, 0, 0, 0, 1, 2, 3], [ 4, 5, 6, 7, 8, 9, 10], [11, 12, 13, 14, 15, 16, 17], [18, 19, 20, 21, 22, 23, 24], [25, 26, 27, 28, 29, 30, 0] ] How to use...
Press to sort JavaScript objects
I need to press the key to sort the JavaScript objects. Therefore, the following: { 'b' : 'asdsad', 'c' : 'masdas', 'a' : 'dsfdsfsdf' } Will become: { 'a' : 'dsfdsfsdf', 'b' : 'asdsad', 'c' : 'masdas' } #1 building It works for me /** * Return an Object sorted by it's Key */ var sortObjectByKey = function(obj){ var keys = []; var sorted_obj = {}; for(var key in...
Classic JavaScript inheritance mode
Understanding JavaScript inheritance is helpful for normal development. Here are four classic inheritance patterns. 1. Prototype chain Disadvantages: it belongs to the traditional inheritance mode and inherits both the constructor and the prototype Father.prototype.lastName = "king"; function Father (sex) { this.sex = sex } function Son () {} var father = new...
Review the basic use of mongoose
mongodb reference mongoose official website mongoose is more convenient to use Using mongodb data driver to write an error log For more information on the official data-driven mongodb of node asset assertion is not used here import mongodb from 'mongodb' const MongoClient = mongodb.MongoClient const url = 'mongodb://localhost:27017/edu' export default (errLog, req, res, next) => { // 1....
Development of sleep app (1): native.js calls the native mediorecorder object to realize the function of monitoring dreamtalk
We are going to develop a sleep aid app. On the way, we need to realize the function of listening to the user's dreamtalk. Because the h5 + encapsulated audiocorder object used by the front desk staff is not enough to achieve the expected effect, so we decided to use native.js to call the native mediacorder object to realize the dreamtalk listening function. The main logic of...
JavaScript private methods
To create a JavaScript class using public methods, I need to do the following: function Restaurant() {} Restaurant.prototype.buy_food = function(){ // something here } Restaurant.prototype.use_restroom = function(){ // something here } In this way, users of our class can: var restaurant = new Restaurant(); restaurant.buy_food(); restaurant.use_restroom(); How to create private...
