2017年12月_Dear_Mr

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月

原创常用的CSS效果总结

遮罩层效果通过设置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

2017-12-29 16:20:09 601

原创 Vue组件的书写形式

之前只是用过第三种方式去创建组件，最近接触到第一种写法的项目，所以写下了下面的内容使用script标签  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id='index-container'> </

2017-12-28 17:47:53 535

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

2017-12-22 11:24:43 7518 1

原创 WebStorm添加注释模板

今天想给我的代码文件添加一些特定的注释，下面是具体的操作，当然不局限于下面的，可以添加更多你所需要的东西添加后的效果/** * @author Vao * @date 2017/12/21 * @Description: */添加的过程我用的工具是WebStorm2017.2.3，点击File->Settings->Editor->live Templates，打开Settings的快捷键是

2017-12-21 20:54:23 13919 1

原创点击页面关闭某个打开的列表

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

2017-12-06 11:50:07 620

原创 JavaScript逻辑运算符

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

2017-12-05 21:21:56 516