JavaScript中sharedWorker 实现多页面通信的实例详解
是这样的,今天玩github,先是在没有登录浏览了一些页面,然后在某一页面进行了登录。这时再切换的其他页面时就看到了下面的提示:那么这是怎么做到的呢?我们可以想到,一种办法是 loc...
是这样的,今天玩github,先是在没有登录浏览了一些页面,然后在某一页面进行了登录。这时再切换的其他页面时就看到了下面的提示:那么这是怎么做到的呢?我们可以想到,一种办法是 loc...
在javascript中,字符串替换函数是“replace()”。replace() 函数用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法string.replace(...
find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行: 当数组中的元素在测试条件时返回 true 时, find() 返回符...
一、base64加密示例<html> <head> <title>前端的base64使用方法</title> </head> <body> </body><script>var str = "hello";var str64 = window.btoa("...
koa-csrf是一个用于防止csrf攻击的koa中间件。当然关于什么是csrf、以及如何预防这里就不赘述了,有兴趣的可以阅读understanding-csrf。egg处理csrf方案。首先我们看个简单示...
Angular 组件间的通讯组件间三种典型关系:
父好组件之间的交互(@Input/@Output/模板变量/@ViewChild) 非父子组件之间的交互(Service/localStorage) 还可以可以利用 Session...
浅谈js中的bind这篇文章主要介绍了js中的bind应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧提...
一、if选择语句
条件语句用于基于不同的条件来执行不同的动作。
·if() 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
标准表达式:
if(){ }
·if()&hel...
概述代理模式属于设计模式中结构型的设计模式;定义:顾名思义就是为一个对象提供一个代用品或占位符,以便控制对它的访问!白话解释:很多明星都是有经纪人的,如果要联系明显进行商演...
概述职责链模式是设计模式中行为型的一种设计模式;定义:使多个对象都有机会处理请求,从而避免请求的发送者与接收者之间的耦合关系,将这些处理请求的对象形成一个链,并沿着这个链...
命令模式是JavaScript设计模式中行为型的一种设计模式;定义:向某些对象发送请求,但是并不知道被请求的操作具体是什么,所以我们希望以一种松耦合的方式来设计程序,使得请求发送者...
概述Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式(官网地址:https://vuex.vuejs.org/zh/)。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可...
概述何为路由守卫?路由守卫有点类似于ajax的请求拦截器,就是请求发送之前先给你拦截住做一些事情之后再去发送请求,同样这里的路由守卫意思差不多;简单理解为就是你在进路由之前...
一. Node.js与Vue1.1 Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。 [Node 是一个让 Jav...
在做前端 UI 效果时,让元素根据滚动位置实现动画效果是一个非常流行的设计,通常我们会使用第三方插件或库来实现。在本教程中,我将教大家使用纯 JavaScript 和 CSS 来实现。先...
前言:
瀑布流 又称瀑布流式布局,是比较流行的一种网站页面布局方式。即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次按...
概念介绍
元胞自动机(Cellular Automata),是 20 世纪 50 年代初由计算机之父冯·诺依曼(John von Neumann)为了模拟生命系统所具有的自复制功能而提出来的。生命游戏(Game of Life...
一、基本使用与逻辑
使用try{ //code....}catch(err){ //error handling}finally{ //no matter what happens in the try/catch (error or no error), this code i...
首先,我们先来探讨一下,什么情况下vuex才是必须要到的呢? 需要数据共享和行为进行拆分; 复杂的异步逻辑,需要综合多个模块进行状态演进; 需要用到第三方插件; 需要综合考虑多个...
我们都知道 Vue 作为一个轻量级的前端框架,其核心就是组件化开发。Vue 就是由一个一个的组件构成的,组件化是它的精髓,也是最强大的功能之一。而组件实例的作用域是相互独立的,...
ES2019 规范是对 JavaScript的小规模扩展,但仍带来了一些有趣的功能。本文向你展示八个 ES2019 的功能,这些功能可以使你的开发变得更轻松。String.prototype.trimStart() 和...
特权方法:指那些在查看并处理私有变量的同时,允许用户以公共方法的方式访问的方法.要点:1.特权方法是一个方法2.特权方法可以访问私有变量定义特权方法在构造函数内部通过thi...
ECMAScript发展进程中,会有很多功能的更新,比如销毁,箭头功能,模块,它们极大的改变JavaScript编写方式,可能有些人喜欢,有些人不喜欢,但像每个新功能一样,我们最终会习惯它们。新版本...
javascript防篡改对象
这个东西吧,用到的很少,个人感觉用处不大,但是,可以作为装逼的利器,哈哈,开搞。。1、不可扩展对象
默认情况下对象都是可以扩展的,也就是说,任何时候都可以向...
每天学一个jquery插件-悬浮的菜单,供大家参考,具体内容如下悬浮的菜单又是一个很常见的效果,用上了a标签的一个常见的特性-锚点效果如下代码部分<!DOCTYPE html><html> <head>...
本文实例为大家分享了jquery插件实现代码雨特效的具体代码,供大家参考,具体内容如下代码雨特效提供大概思路,虽然和目标的效果不一样,但是很容易举一反三改出对应效果的效果如下...
每天一个jquery插件-做搜索历史,供大家参考,具体内容如下效果如下代码部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>做搜索历史</title> <script src=...
方法一:在JavaScript中,函数提供对参数对象arguments的访问,该对象提供对传递给函数的实际参数的访问,这使我们能够使用length属性在运行时确定传递给函数的参数的数量。functio...
语法Object.defineProperty(obj, prop, descriptor)定义在对象上定义一个新属性,可以修改原有的属性!参数obj 目标对象。prop 定义或修改的属性的名字。descriptor 定义或修改...
首先看效果,哈哈哈 还是那么的小
首先我们需要
新建文件夹
并快速生成一个package.json文件npm init -y //生成一个package.jsonnpm i expressnpm i socket.io新建一个serve...
1.下载umy-ui http://www.umyui.com/npm install umy-ui || yarn add umy-ui2.创建存放umy-ui的文件 umy-ui.js//完整引入import Vue from 'vue';import Umy...
原生js将秒转为时间关于运算符的应用,取模应该是比较重要的了,今天写一个关于将秒转为时分秒的小例子。 <span>11679</span>s是多少分钟 <p></p>上面的p标签用来储存转化出来...
JS日期与字符串相互转换一、日期转字符串dateToString: function(date){ var year = date.getFullYear(); var month =(date.getMonth() + 1).toString(); var day =...
JavaScript中数组元素删除的七大方法汇总
在JavaScript中,除了Object之外,Array类型恐怕就是最常用的类型了。与其他语言的数组有着很大的区别,JavaScript中的Array非常灵活。...
JavaScript的基本数据类型有:(1)Undefined、(2)Null、(3)Boolean、(4)String、(5)Number、(6)Symbol、(7)Object。ES6 增加了Symbol类型,下面主要是讲Symbol类型的一些相关知识点。Symbol的...
插值表达式 test-interpolation.component.ts@Component({ selector: 'app-test-interpolation', templateUrl: './test-interpolation.component.html',...
利用js控制电灯开关,供大家参考,具体内容如下题目:通过js来控制电灯的开关分析:获取电灯泡元素,给它绑定点击事件,通过鼠标点击来实现电灯泡的开关实现方法:方法一:获取图片元素,通过...
1.下载安装node.jshttps://nodejs.org/zh-cn/
2.修改包路径在node安装目录中新建文件夹node_cache、node_global node_global 全局包下载存放 node_cache node缓存CMD窗口执...
一、原型链 所谓原型链就是指通过原型链继承,在原型之间建立起来的链式结构被称为原型链。 当查找对象的某个属性时,会先从该对象的私有属性中查找,如果有则返回对应的值,如果...
组建通信的基本模式:父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息
组件通信的常用三种方式1.pr...
使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲: 前提: 一般我们定义的变量,或者用Vuex保存的数据, 当浏览器进行了一个刷新 那...
有几个原因会导致 Node.js 进程终止。其中一些是可以避免的,例如抛出错误时,而另一些是无法防止的,例如内存不足。全局 process 是一个 Event Emitter 实例,当执行正常退出时,将...
Angular 依赖注入模式依赖注入: Dependency Injection 简称 DI依赖注入模式要解决的问题开发中, 会经常遇见对象的实例化, 当多个对象之间存在依赖时, 手工实例化会特别麻烦。如...
在JavaScript中,可以通过值和引用传递。两者之间的主要区别是,按值传递发生在赋值基本类型的时候,而赋值对象时按引用传递。下面详细看看。1.理解基本类型和对象JavaScript提供...
本文实例为大家分享了vue实现用户登录切换的具体代码,供大家参考,具体内容如下切换有问题代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>T...
什么是JSONP首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后...
本文实例为大家分享了vue实现商品详情页功能之商品选项卡的具体代码,供大家参考,具体内容如下用户点击商品进入商品详情页,默认显示第一个小图对应的大图,然后鼠标滑到小图上,大...
前言Javascript闭包在学习过程中一般较难理解,本文从什么是闭包,常见闭包示例,闭包作用,闭包应用及闭包问题等方面来介绍闭包,希望能给大家带来更深层次的认识,有不恰当之处请指出...
JavaScript 猜数字小游戏在1~10中随机抽取一个数字,(抽取的数字可以在控制台查看)只有十次机会代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit...
代码// 获取当前网页标题 // console.log(document.title); // document.title = '快点 打开' // 如果状态的数量是固定的一定要想到两个固定的东西 //...