lscache This is a simple library that emulates memcache functions using HTML5 localStorage, so that you can cache data on the client and associate an expiration time with each piece of data. If the localStorage limit (~5MB) is exceeded, it tries to create space by removing the items that are closest to expiring anyway. If localStorage is not available at all in the browser, the library degrades by simply not caching and all cache requests return null. Methods The library exposes 5 methods: set(), get(), remove(), flush(), and setBucket(). lscache.set Stores the value in localStorage. key (string)value (Object|string)time (number: optional) lscache.get Retrieves specified value from localStorage, if not expired. #### Arguments key (string) Returns string | Object : The stored value. lscache.remove Removes a value from localStorage. #### Arguments lscache.flush Removes all lscache items from localStorage without affecting other data. lscache.setBucket bucket (string) Usage lscache; Real-World Usage if json else
100+ FREE Resources to Learn Full Stack Web Development A couple years ago I dove into Web Development. It’s been a fun, but challenging journey. As my knowledge continues to grow, I’ve realized I have a plethora of free information that I’ve saved along the way. It’s taken me a while, but I’ve finally gone through and sorted them all. My links focus on JavaScript, React, and Node.js. There is also a wealth of information on knowing when you’re ready to apply for jobs, interview prep, success stories, and more. Whether you’re just starting to learn, or you’ve been learning for a while, there should be a little something for everyone in here. Update: March, 2018 —Welcome to Codeburst.io! Table of Contents
store Version 2.0 Store.js has been around since 2010 (first commit! HN discussion!), and is live on tens of thousands of websites - like cnn.com! For many years v1.x provided basic cross-browser persistent storage, and over time more and more people started asking for additional functionality. Store.js version 2 is a full revamp with pluggable storage (it will automatically fall back to one that works in every scenario by default), pluggable extra functionality (like expirations, default values, common array/object operations, etc), and fully cross-browser automatic testing using saucelabs.com. Basic Usage All you need to know to get started: store.js exposes a simple API for cross-browser local storage: store Installation Using npm: var store = storename == 'Marcus' Using script tag (first download one of the builds): Supported Browsers All of them, pretty much :) To save some kilobytes but still support all modern browsers, use require('store/dist/store.modern') or store.modern.min.js instead. Plugins
js-cache-factory jsCache is a fast and small JavaScript library used for caching at client side. It helps you to decrease your server load and increase your application performance by caching api for the time period you want. Not only api you can cache every type of data with desired time you want. It leverage you to organize your caching in different objects with different type of storage and different time for expiry of your caching. Currently it is beta version. AngularJs $cacheFactory alternative jsCache is an good alternative for AngularJS $cacheFactory with more powerfull functionality. Overview Installation #### Installing via npm$ npm install js-cache-factory --save#### Installing via bower$ bower install js-cache --save#### Download via cdn Configuration #### Configure for cache obj #### Configure for key,value you store Getting Started #### Include file in project ```html <script src="js-cache.min.js"></script> ``` #### Create obj #### Cache anything you want in created obj Usage in AngularJS Docs Testing
9 JavaScript Libraries for Working with Local Storage The HTML5 Local Storage API (part of Web Storage) has excellent browser support and is being used in more and more applications. It has a simple API and certainly has its drawbacks, similar to cookies. Over the past year or so I’ve come across quite a few tools and libraries that use the localStorage API so I’ve compiled many of them together into this post with some code examples and discussion of the features. Lockr Lockr is a wrapper for the localStorage API and lets you use a number of useful methods and features. For example, while localStorage is limited to storing only strings, Lockr lets you store different data types without the need to do the conversion yourself: Other features include: Retrieve all key/value pairs with the Lockr.get() methodCompile all key/value pairs into an array with Lockr.getAll()Delete all stored key/value pairs with Lockr.flush()Add/remove values under a hash key using Lockr.sadd and Lockr.srem The Local Storage Bridge Barn store.js lscache secStore.js Basil.js
A Beginner’s Guide to Progressive Web Apps & the Frontend Web Getting content from the web Creating your first web application can seem a bit difficult at first, so let’s take it one step at a time, starting with getting content from a RESTful API, using AJAX calls. The first step is to find a high-quality API, preferrably one that outputs to JSON. Here are a few resources I found while searching online, that output placeholder content and that we can use to build a sample web application: JSON Placeholder — Placeholder text outputted in JSON format, covering many common use-cases. Very easy to get started with, perfect to populate a mockup web appplication such as the one we will be making.Unsplash It — Placeholder content is not complete without images and this is the definitive place to get them. We will be using these three, but feel free to check the list at the end of the post for more interesting APIs that you can use to generate placeholder content for your page. httpGetAsync( ' function(e){console.log(e)});
yallajs/yalla: YallaJS, ES6 Templating Engine. webcomponents.org - Discuss & share web components Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML. Web components are based on existing web standards. Features to support web components are currently being added to the HTML and DOM specs, letting web developers easily extend HTML with new elements with encapsulated styling and custom behavior. Web components are based on four main specifications: Custom Elements The Custom Elements specification lays the foundation for designing and using new types of DOM elements. Shadow DOM The shadow DOM specification defines how to use encapsulated style and markup in web components. ES Modules The ES Modules specification defines the inclusion and reuse of JS documents in a standards based, modular, performant way. HTML Template
Bosonic Web Component