关闭
当前搜索:

关于input兼容性的总结

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

CSS中的focus-within伪类选择器

:focus-within很容易让人联想到focus,区别就在于focus是对于当前元素,而:focus-within则是对于当前对象和当前对象子元素 MDN: The :focus-within CSS pseudo-class represents an element that has received focus or contains an element that has re...
阅读(192) 评论(0)

日常项目总结

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

常用的正则

常用的正则 以下为项目中使用过的,后面会不断的添加,也欢迎补充 将数字类型转化为货币的形式 let val = '233443432314'; let reg = /\d{1,3}(?=(\d{3})+$)/g; val = val.replace(/^(-?)(\d+)((\.\d+)?)$/, function (s, s1, s2, s3) { return s1...
阅读(64) 评论(0)

常用的CSS效果总结

遮罩层效果 通过设置top、right、bottom、left为0,使得遮罩层覆盖整个可视区域 如果页面中是有滚动条的,就涉及到需要给body增加overflow: ‘hidden’ background-color: rgba(0, 0, 0 , 0.5) 使得背景颜色更加清晰 <butto...
阅读(74) 评论(0)

Vue组件的书写形式

之前只是用过第三种方式去创建组件,最近接触到第一种写法的项目,所以写下了下面的内容使用script标签 </...
阅读(109) 评论(0)

Promise处理有依赖的连续请求

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

WebStorm添加注释模板

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

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

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

JavaScript逻辑运算符

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

Ajax的原生实现关于MIME类型的使用

问题描述下面的例子是一个Ajax的post请求的代码,这段代码在测试运行的时候,发现返回的状态码为400,服务器不能理解的请求,后来经过查看和修改,发现只需要将下面的代码稍微改造一下就好了原代码var send = function (url, params, fn) { var me = this; var xhr = null; var data = ''; fn...
阅读(179) 评论(0)

调试的总结

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

jQuery源码之init函数的分析

jQuery源码之init函数的分析精妙处之一init在源码中最先出现的位置是jQuery定义的地方,如下所示var ... jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' //...
阅读(210) 评论(0)

ES6解构赋值

数组的解构赋值ES6中允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这称为解构赋值,在ES5中为变量赋值,只能直接指定值首先,有几个简单的例子1)左边和右边“模式匹配”,完全解构,按照对应的位置,为变量赋值let [a, b, c] = [1, 2, 3]; console.log(a, b, c); //1 2 3//略微复杂一点的嵌套,但是也是模式匹配的 let [foo, [[b...
阅读(302) 评论(0)

ES6对于let和const的认识

ES5对于变量而言,没有块级作用域这一说,存在的是函数作用域,但是在ES6中,let和const是属于块级作用域的声明,需要先声明,再使用,有点想起当时使用VC的场景,哈哈哈~letlet的出现为JavaScript增加了块级作用域,使用let定义的变量,外层作用域是无法读取内层作用域的变量的暂时性死区if(true) { //TDZ开始 tmp = 'abc'; conso...
阅读(163) 评论(0)
144条 共10页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:132679次
    • 积分:2408
    • 等级:
    • 排名:第18209名
    • 原创:135篇
    • 转载:9篇
    • 译文:0篇
    • 评论:15条
    博客专栏
    最新评论