前言
一个Angular应用一般情况下包含多个组件,而且要让组件互相之间能进行通讯(数据传送),这样才能构成一个有机的完整系统。
1、情景引入
下面例举一个实际遇到的情况:
上图页面包含两个组件,“新增班级组件”和“选择教师组件”,在新增班级时需要选择改班级的管理教师,管理教师列表要从数据库中获取。选择好教师后,...…
本文实例讲述了JavaScript面向对象之七大基本原则。分享给大家供大家参考,具体如下:
面向对象编程有自己的特性与原则,如果对于面向对象有一些了解的话,面向对象三大特征,封装、继承、多态,如果对面向对这三个概念不太了解,请参考面向对象之三个基本特征(javaScript)
单一职责
如果我们在编写程序的时候,一类或...…
前言
就在前段时间,vue官方发布了3.0.0-beta.1版本,趁着五一假期有时间,就把之前的一个电商商城的项目,用最新的CompositionAPI拿来改造一下!
GitHub地址请访问:https://github.com/GitHubGanKai/vue3-jd-h5
项目介绍
vue-jd-h5是一个电商H5...…
BetterScroll是一款重点解决移动端(已支持PC)各种滚动场景需求的插件。它的核心是借鉴的iscroll的实现,它的API设计基本兼容iscroll,在iscroll的基础上又扩展了一些feature以及做了一些性能优化。
BetterScroll是使用纯JavaScript实现的,这意味着它是无依赖的。
正文...…
本文讨论的核心内容如下:
webpack进行打包的基本原理
如何自己实现一个loader和plugin
注:本文使用的webpack版本是v4.43.0,webpack-cli版本是v3.3.11,node版本是v12.14.1,npm版本v6.13.4(如果你喜欢yarn也是可以的),演示用的chrome浏览器版...…
布尔运算符分为四种:
取反运算符(!)
且运算符(&&)
或运算符(||)
三元运算符(?表达式1:表达式2)
取反运算符(!)
用于将任何值转换为布尔值后再变为相反值,即true变false,false变true
取反运算符对以下六个值返回false,其余都返回true:
unde...…
本文实例讲述了Vue双向绑定实现原理与方法。分享给大家供大家参考,具体如下:
昨天接到一个电话面试,上来第一个问题就是Vue双向绑定的原理。当时我并不知道如何监听数据层到视图层的变化,于是没答上来,挂电话后,我赶忙查了下资料,主要思路有如下三种。
1.发布者-订阅者模式(backbone.js)
思路:使用自定义的...…
本文实例讲述了JavaScript设计模式之观察者模式与发布订阅模式。分享给大家供大家参考,具体如下:
学习了一段时间设计模式,当学到观察者模式和发布订阅模式的时候遇到了很大的问题,这两个模式有点类似,有点傻傻分不清楚,博客起因如此,开始对观察者和发布订阅开始了Google之旅。对整个学习过程做一个简单的记录。
观察...…
本文实例讲述了ES5模拟ES6的Symbol实现私有成员功能。分享给大家供大家参考,具体如下:
ES6中有类语法,定义类变得简单了
classPerson{
constructor(name){
this._name=name;
}
getname(){
returnthis._name;
}
}
然而,并没有...…
本文实例讲述了Vue的双向绑定原理与用法。分享给大家供大家参考,具体如下:
Vue中需要输入什么内容的时候,自然会想到使用<inputv-model="xxx"/>的方式来实现双向绑定。下面是一个最简单的示例
<divid="app">
<h2>What'syourname:&l...…