"> body { position: relative; }...">Section 4 菜单子板块...1 菜单子板块2 Section 3 板块内容 Section 4 菜单子板块...1 板块内容 Section 4 菜单子板块2
题解冒泡排序）在现实生活中，打擂台比赛争名次竟用的是冒泡排序？——（必懂！题解）冒泡必懂 《看聊天记录都学不会C语言？太菜了吧》（20）（必懂！...博客地址：https://i1bit.blog.csdn.net ---- 小C：小媛，我问你一个问题，如果你编写一个程序的时候，要显示一个菜单，例如下面这个。...; printf("2.修改人员\n"); printf("3.增加成绩\n"); printf("4.修改成绩\n"); printf("5.增加教师\n"); 小C：若你需要在很多时候都要显示这个菜单...小C：是的，是还有别的方法，因为我们需要使用这个菜单的时候，一直打重复的代码感觉太麻烦了，我们有别的方式可以去解决这个问题，可以节省我们的代码量，并且你没发现代码太长是不是看着很乱，一点都不清晰呢？...小媛：那跟那个重复的菜单什么关系？ 小C：当然有关系了，如果你自定义一个功能就是菜单呢？自定义了一个功能就是显示菜单，之后你直接使用就可以了。 小媛：唔…好像明白了，快开始告诉我怎么做吧？
本文部分示例来自于「大众点评点餐」小程序的菜单页面。...视图层将逻辑层的数据（menu.js 和 menu.json）反应为视图，同时将视图层中定义的事件发送给逻辑层。...bind 和 catch：都是事件绑定，差别在于：bind 不会阻止事件向上冒泡，catch 可以阻止事件向上冒泡。 此外，各个组件都有自定义的特殊属性，如 组件的 size 属性。...性能优化 前端常用的模板方案一般有 2 种： 将模板编译成 JS 函数代码，通过字符串拼接的方式生成渲染的 DOM 节点。...以菜单页面为例，商户菜品数量多者成百上千，优化后的效果对比还是比较明显。 由以上的描述，我们可以得出以下的优化建议： 在菜单页面，将菜品数据扁平化为一层，并合理利用 key 值。
服务员（invoker）会记录所有点过的菜品（保存所有的命令对象），然后将订单给后厨说，按照单子做（调用所有命令对象的execute）。之后就会启动每一道菜品的制作流程。...对于菜品如何烹制，与服务员是没有关系的，两者不耦合。 遥控器的运行过程也可以理解成是一种命令模式的应用。假设有一个智能家居的遥控器，在面板上，可以控制电灯的开关，空调的开关（各种命令对象）。...顾客有一个菜单（invoker），能够预定甜点、牛奶、水果，取消甜点、牛奶、水果等操作。 ...（invoker） /** * @program: test * @description: 菜单 * @author: xingcheng * @create: 2018-09-02 15:36...menu.giveCooker(); // 顾客取消菜单--太贵了不吃了╭(╯^╰)╮ System.out.println("顾客取消菜单--太贵了不吃了
“生产“和“消费“的速度或稳定性等因素不一致时，就需要消息队列，作为抽象层，弥合双方的差异 例如 （1）服务员点菜快，厨师做菜慢，服务员只需要下单给厨师，然后就可以继续去服务顾客，不需要等待厨师把菜做完...点菜单就相当于消息，放单子的位置就相当于队列 （2）业务系统需要发短信，但短信发送模块速度跟不上，业务系统就可以把发送短信的相关信息封装为一个消息，放入队列，短信发送模块从队列中获取消息进行处理
我们先来思考下面这段 Node.js code 执行结果是什么？ 很多人说 Node.js 是单线程的。...其实我们平时说 Node.js 是单线程仅仅是指 node 执行我们的 JS 代码，更准确地说是 V8 执行 JS code 是发生在单线程里面的。...每当收到一个点好的菜单时，小姐姐会迅速地把它通过一个小窗口递交给后厨。后厨那里有一个小看板，所有的点单都被陈列在看板上。厨师长根据订单的时间和菜品安排不同的厨师烧菜。菜烧好后，再由小姐姐负责上菜。...等她把单子上的菜都烧好再去下一桌点菜的话，对客人而言就出现了一个 blocking I/O 操作：进餐馆没有人接待了。 消息队列就如同后厨那里的看板。...最后再强调一下：我们所写的 JS code 是交由 V8 在单线程里面运行的，所以尽量不要在 JS code 里面执行耗时长的同步操作。
（菜品名称、菜品描述、营养成分、销量、价格、菜品图片、是否为招牌菜），包括添加、删除、修改 对菜品列表按照销量或价格排序查看 查看顾客订单与完成情况 对顾客订单按照时间或价格排序查看 查看顾客对商家当前菜品的评论...（菜品名称、菜品描述、营养成分、销量、价格、菜品图片、是否为招牌菜） 对菜单列表按销量或价格排序查看 筛选出菜单列表中的特色菜 将菜品加入购物车 维护购物车，包括选择、删除、搜索、修改数量 对购物车进行结算...网页静态资源 │ ├── css //css样式配置 │ ├── fonts //字体配置 │ ├── images //图片文件 │ ├── js...五、系统部分界面展示 1、首页 2、注册界面 3、登录界面 4、商家主界面 5、商家菜单界面 6、商家添加菜品界面 7、商家修改菜品界面 8、商家个人中心 9、商家个人信息修改界面 10...、商家密码修改界面 11、买家主界面 12、买家菜单界面 13、买家购物车界面 14、买家个人中心 15、买家个人信息修改界面 16、买家密码修改界面 17、管理员主界面
1.2 菜单分两级，并且可以折叠。...2 通过接口获取菜单数据 二 代码 1 新增主页 Home.vue 2 注册组件 element.js 3 修改main.js 4 新增欢迎组件 Welcome.vue 5 修改路由 index.js...1.2 菜单分两级，并且可以折叠。 2 通过接口获取菜单数据 通过axios请求拦截器添加token，保证拥有获取数据的权限。...-- 侧边栏菜单区域 --> <!...$message = Message 3 修改main.js import Vue from 'vue' import App from '.
案例如上图：点文档关闭菜单，点按钮打开菜单。因为按钮在文档内，所以会产生事件冒泡使得在点按钮打开菜单时无法正常执行。所以我们需要阻止事件冒泡。例子代码如下： <!...span{display:block;width:100px;height:30px;background-color:skyblue;} 消失的盒子 //点span显示盒子 $("span").click( function(){ event.stopPropagation()//阻止事件冒泡
JS 的基本数据类型都有哪些？（Symbol 和 boolean 忘说了）如何判断一个变量的基本数据类型？（typeof）对所有变量都能做判断吗，比方说对 null 执行 typeof 会如何？...（不会） JS 有哪些引用数据类型？数组有哪些常用的方法？...（我选了冒泡排序结果写了我20分钟边界条件没整明白，太菜） 除了冒泡排序你还知道哪些排序方法？冒泡排序的时间复杂度和空间复杂度是多少？是稳定排序吗？其他排序算法呢？...（回答了 JS 和 Java 中面向对象实现方式的不同） 代码题：有 People 函数或类，请选择一个为它们指定原型，定义对象的私有变量、方法（讲真我还真没写过，完全不会），如何实例化，原型链如何体现继承
.stop 事件冒泡：在结构上存在嵌套的元素，有事件冒泡的功能，自子元素传递（冒泡）到父元素，所以触发了绑定在button上的点击事件，在事件冒泡的作用下，绑定在div上的事件也会被触发。...button @click="btnClick">btn <script src="vue.<em>js</em>...原生<em>js</em>中阻止<em>冒泡</em>事件是利用事件对象调用stopPropagation()， event.stopPropagation() 3.2.阻止默认事件 .prevent 正常情况下，点击右键会出现<em>菜单</em>...，但是特定时候需要取消这个事件，就用.prevent修饰符阻止默认事件 原生<em>js</em>中使用event.preventDefault()阻止默认事件 3.3.当事件是从特定键触发时才触发回调 .enter.../<em>js</em>/vue.<em>js</em>"> const app = new Vue({ el: '#app', data: { message: '你好啊
❞ Ext.js 系列课程笔记 Ext.js 系列课程笔记「类」 Ext.js 系列课程笔记「组件」 Ext.js 系列课程笔记「表单子项」 Ext.js 系列课程笔记「表单子项二」更多精彩文章请关注公众号...『Pythonnote』或者『全栈技术精选』 9.下拉菜单二级联动 9.1 展示 ?
事件冒泡 事件冒泡就是当事件的对象有父子级关系时，当执行子级事件后，父级事件也会因为事件冒泡，也会执行，因此，大多数时候，事件冒泡需要消除。...使用event.cancelBubble = true;方法来消除事件冒泡 案例如下 显示...1.实现点击鼠标右键弹出自己的菜单 2.实现点击空白时,菜单消失 3.实现点击菜单时,菜单不会消失（事件冒泡） 可以控制div方块左右移动 键盘提交 就是按下 回车 或者 ctr + 回车 键，来对信息进行提交 本案例借用了前几篇文档中的运动封装：animate.js...{ margin: 20px 10px; } <script src="封装animate.<em>js</em>
4 各种I/O模型的生活场景式类比 4.1 类比1-饭店点菜 我们去餐厅吃饭，会经过以下几个步骤：首先根据菜单点菜，然后等待厨房准备好，接着服务员上菜。...I/O复用模型：你点了很多菜，然后开始等待，某个时刻其中一个菜或者多个菜厨房里同时好了，服务员跑过来说，“亲，您的有些菜好了，要现在上桌么？”...信号驱动式I/O模型：只点一个菜，然后给服务员留下手机，告诉他菜准备好了打个电话给你，先不要上菜，然后你就出去玩耍了，等到菜好了，服务员手机通知你，你立马回到了餐厅，对服务员说“你现在可以上菜了”，于是你在餐桌上等待服务员把菜送上来...异步I/O模型：只点一个菜，然后给服务员留下手机，告诉他菜准备好了先上菜，菜上桌了打电话给你，然后你就出去玩耍了，等到菜上桌了，服务员手机通知你，你立马回到了餐桌，开始吃饭。...首先，你会将存钱的单子填好，交给柜员，之后，你就坐在柜台前等。柜员办好以后会给你一个回执，表示办好了，然后你就可以拿着回执干其它的事了。注意，这时如果你马上去查账，存的钱已经打到你的账户上了。
jQuery是一个快速、小巧、轻量级的、写的少、做的多、功能丰富的 JavaScript 库，是目前最流行的 JS 框架。利用它可以帮我们快速实现一些炫酷的效果。...，子菜单如图所示：总共有7个子菜单 ?...href="#">粽子 之后将 style.css 引入 menubar.html，并将我们设置的 id、类样式设置到标签上，与此同时，我们还需要引入 jquery-3.3.1.min.js...全部团购分类】时触发的点击事件 $head.click(function(e){ e.stopPropagation(); //event.stopPropagation() 方法阻止事件冒泡到父元素...全部团购分类】时触发的点击事件 $head.click(function(e){ e.stopPropagation(); //event.stopPropagation() 方法阻止事件冒泡到父元素
传入空字符串 @honkinglin (#1927)Loading: 修复 LoadingPlugin.hide() 多次调用后报错的问题 @Nice-PLQ (#1930)Dropdown: 修复超长下拉菜单子菜单位置异常的问题...#2159)Popconfirm: 修复 confirmBtn 等属性存在类型错误 (issue #1642) @pengYYYYY (#2158)Dropdown: 修复 hover 有时候不能触发打开下拉菜单...支持任意行高虚拟滚动和树形结构虚拟滚动、支持滚动定位到任意元素 @chaishi (#1798)树形结构，支持点击行展开树节点 @chaishi (#1800)树形结构，点击树节点展开图标的时候，不再冒泡到行点击事件
Node.js的主要特点 单线程、非阻塞I/O、事件驱动，这三个特点是相辅相成的。...非阻塞I/O：餐厅有一个服务员（单线程），服务员招待一桌客人时，对客人说：“你先看下菜单，好了就叫我”。然后前往下一桌继续招待，等到一桌客人点完菜后，服务员再过去处理，如此反复，效率大大提高。...所以没有最好的选择，只有适合的选择，Node.js本身的应用场景就是I/O操作越多优势越明显，但安全性也会下降。...事件循环 事件循环是 Node.js 处理非阻塞 I/O 操作的机制，也是实现非阻塞I/O的前提基础。...当客人点完菜会通知服务员说：“我点完菜了”，服务员收到后说：“好的，我知道了”，然后将这桌的号码记到本子上（回调函数添加到轮询队列）。等到上菜时，也会按照本子上记录的顺序为客人上菜
vue-element-admin 项目中的Layout组件实现的，不过遵循先易后难的原则，我们先实现只有两级菜单和路由跳转的功能，后面迭代的时候再做动态权限控制和三级以上的菜单功能。...中实现，本文中主要介绍左侧菜单和路由跳转功能的实现。...新增全局数据缓存 在vue项目的src 目录下新增store目录， store目录下新建app.js、permission.js 和 user.js 分别用于缓存与设备、路由权限和用户登录信息等数据的全局数据...'Document': Document, 'Folder': Folder, 'HomeFilled': HomeFilled } 在这个文件中，我们初步实现两级菜单...左侧菜单能否正确展示，主要就看这个文件里的代码是否准确无误。
事件委托 事件冒泡本身的特征,会带来坏处,也会带来好处,需要我们灵活掌握....事件委托 事件委托也称为事件代理,在jQuery里面被称为事件委派 事件委托的原理 不是给每个子节点单独设置事件监听器,而是将事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点...JS中当触发某些具有冒泡性质的事件时，首先在触发元素寻找是否有相应的注册事件，如果没有再继续向上级父元素寻找是否有相应的注册事件作出响应，这就是事件冒泡。...也就是说,由于是冒泡阶段,所以是按照 li->ul->body->html->document的顺序查找的,由于在li中没有找到触发事件,就向上一级(ul)寻找触发事件,ul设置了触发事件,所以会弹出警示框...常用的鼠标事件 1.禁止鼠标右键菜单 contextmenu主要控制应该何时显示上下文菜单,主要用于程序员取消默认的上下文菜单.比如取消显示框选文本后点击右键的复制 这样就不能右键复制了,
1、浏览器事件模型（捕获阶段、冒泡阶段） 2、Vue中的 computed和 watcher的区别（刚好是我没看到的〒▽〒） 3、使用过 webpack吗（没用过，面试官建议我去看看） 4、小程序中遇到过最大的问题...前端：CSS选择器优先级计算 12、js文件加载 defer（页面渲染完成才会执行）和 async（获取js时不阻塞，获取完成后立即执行并阻塞）的区别。...面试总结：总体来说面试的题目不难，但是我准备不够充分，回答的时候比较拖拉（有些即使会的问题也回答的断断续续，一个是有点紧张，另一个还是基本的知识掌握不牢），估计给面试官留下基础不扎实的印象（虽然我确实菜）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
