Dear_Mr的博客

关于TTMS影院系统的总结这段时间也没有怎么写博客，主要是因为最近在写课设的影院系统，这个也是我最后一次课设了，总觉得应该写点什么来纪念一下，想来想去还是打算写篇博客对这个项目进行一个总结。项目简介这个项目是影院系统，分为两部分，一个是管理的部分，另外一个就是售票的部分，管理的部分包括员工管理、影厅管理、座位管理、放映安排、影片管理、统计等几个模块，售票里面也包含了退票的功能。项目开发时长：9天技术

插槽作用域插槽Menu子组件<ul :class="wrapClasses"> <li :class="itemClasses(item)" v-for="item in menuData.options" @click="getActiveItem(item)" :key="item.value"> <!-- :optio...

总结Vue中给option增加点击事件问题描述：select下拉列表中，点击一个option之后，需要做一些指定操作，例如去请求一个接口，并且这个接口需要的数据来自这个option的value值解决过程：我开始的做法就是给option添加了@click="requestSomeThing(item.id)"，结果发现我在点击了select的下拉框的时候，并没有去没有触发，之后就去上

一月快要结束了 O(∩_∩)O~input失去焦点的时候，如何取得input框的值需求描述：有这样一个表格（表格组件），表格中有几列中是包含input这个输入框的，之前使用的是v-model，现在需要添加一些校验，我想到的就是在input输入框失去焦点的时候，用个函数去处理，这个函数的形参包括，该行所在的下标，input框中的内容，那下面的问题就是关于如何得到input框内的内容

遮罩层效果通过设置top、right、bottom、left为0，使得遮罩层覆盖整个可视区域如果页面中是有滚动条的，就涉及到需要给body增加overflow: ‘hidden’background-color: rgba(0, 0, 0 , 0.5) 使得背景颜色更加清晰<div id="bg-gray" class="bg" v-if="viewShowGrayBg"> <butto

问题描述当点击“添加按钮”的时候，会显示一个列表，当再次点击“添加按钮”,这个列表就会关闭，这样做的话，交互性并不是那么良好，所以就需要修改一下啦……思路及解决办法增加的交互就是，在用户点击该页面的其他地方的时候，关闭这个列表，下面就是这个的具体实现 梳理下用的东西： 1. ref 来获取元素，可以参考这里 2. watch来监测showGoodsList变量的变化 3. 事件的添加方式，这

从项目中看逻辑运算符“||”和“&&”今天，在项目开发中遇到一个问题，就这个问题本身而言，并不是很难，但觉得它的意义重大（哈哈，当然是对我而言），还是决定记录一番问题描述及初步解决简单描述下要求：就是上边有两个checkbox的选择框（上面的图是简易版），要实现的功能就是二者至少选择一个，而且交互性良好先说下我的思路，也是我get到的，这个时候是实现二者至少选其一的功能的，当时我也说不来自己是怎样鬼

Promise处理有依赖的连续请求在没有接触到Promise之前，如果有这样的需求，先去前端需要异步去请求第一个接口，然后接收到返回的一些数据，然后利用得到的数据，去请求第二个接口，然后接收传回来的数据，然后去请求第三个接口，这个时候我自己写出来的代码一定是Ajax嵌套的一堆，写出来的代码可想而知，真的是太丑。我现在不敢说我对Promise有多懂，因为我离灵活应用它，还有距离，最近在看书，偶然看到了

之前，接触到的项目都不算复杂，大多数的项目也是我自己顺带写的后台，并没有相应的后端的相关接口的说明文档，现在，写项目的时候，都是看着产品写的PRD，然后结合后台给的相关接口的文档来进行开发，在前后端开发完毕之后，需要做的事情就是联调，在第一次初步联调的时候，就发现了自己的如下问题，特记录一下，以便提醒自己下次注意入参和出参必须注意联调的时候，发现“添加”这个功能，在调用后台接口之后报出了405的错误

1.行标签都有哪些？特点？img、span、a、sub、sup、em、i、b、strong设置width、heigh不起作用margin、padding垂直方向不起作用，水平方向上有效2.img标签因为上面说了行元素设置宽高是不起作用的，所以才会被问到这个，我就解释了为什么它是行元素，因为在使用中，img元素中包含图片的话，它是按照一行排列的，下面的内容是我之后查阅得到的：img元素是可替换内联元素

拼多多笔试 今天下午三点的笔试，前端方向70分钟，在这次的笔试中，也发现了一些自己以前没注意到的问题，决定把这些东西整理一下，注：以下内容完全来自于自己的回忆，如果有差错，还望指正“+”的问题第一个选择题是一个和“+”有关系的题目，首先，在JS中“+”是存在二义性的，就是它可以表示字符串的连接，也可以表示加号，进行以下尝试 1 + ‘3’ + ‘4’ “134” 1 + +’3

判断给定的一个字符串是否是合法IP 思路：对于给定的字符串，按照“.”进行分割，然后判断长度是否等于4，然后依次判断每一项是否在[0, 255]之间function judgMent(ip) { if(!ip) { throw Error('IP 不能为空'); } ip = ip.toString(); var ary = ip.split('.'); if(ary.len

HTML5中的一些新标签？关于HTML5可能我用到的还是相对比较少，所以我就说了一些我常用的新标签：header，footer，audio，video，nav，关于这些，可以参考这里块元素和内联元素的区别块元素：独占一行，可以设置width，height属性，可以设置margin和padding内联元素：不会独占一行，设置width和height无效，水平方向上的margin和padding有效块元

CVTE的笔试中的选择题为多选题，大题为两道编程题，对笔试中的一些点整理如下：window.history对象window.history 对象包含浏览器的历史history.length: 返回浏览器历史列表中的 URL 数量。go : 加载 history 列表中的某个具体页面，最常用的，参数为数字（-1上一个页面，1前进一个页面)或者字符串（字符串必须是局部或完整的URL，该函数会去匹配字

解决影院项目的图片上传问题在上一篇博文中也说了，我们这个影院项目中有一个电影管理模块，这个模块中就牵扯到电影的海报上传的问题，下面我就分别针对前端和后台说下相应的处理：前端部分主要是借助FormData完成的，前端采用的是Vue，所以是下面的写法 submit : function() { var formData = new FormDat

Vue警告component lists rendered with v-for should have explicit keys问题描述：<el-tab-pane v-for="(type, item) in typesGoods" :label="listNames[item]" > <div> <ul class="cookList"> <li v-for="good

遇到的样式问题的记录border 相关CSS问题-鼠标移入icon时（hover状态），会造成页面内容有上下移动的情况.icon-radius { border: 0.5px solid #dde0e1; &:hover { border: 0; }}问题：可以发现是因为border的变化，导致该ICON高度宽度发生变化，所以出现了上...