z不宅-CSDN博客

原创 vue element 表单验证时滚动到提示位置

scrollIntoView()查询方法多数为给各el-form-item设置ref，然后使用$el.scrollIntoView()进行滚动。由于表单内容实在过多，故不选择该方法。为form注册ref并打印其父组件的refs对象，发现子节点children也包含其中展开children发现和父级一样拥有$el,则说明可以使用子级的scrollIntoView()。下一个问题在于：定位到产生提示的子级可以使用isRequired和validateState进行判断validateState为

2021-12-21 16:41:39 1197

原创 el-dialog全局居中（兼容IE）

// dialog上下左右居中.el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height:calc(100% - 30p...

2019-12-26 10:20:46 1573 1

原创封装组件并传值

tips：项目中某个模块的几个页面之间存在相同功能及样式的业务代码，开发时由于时间限制，未做封装，后续整理进行了第一次的业务代码封装尝试父子组件传值封装，就涉及到父子组件的传值问题。以往面试过程中，总是被问到父传子，子传父，兄弟之间传值的内容。说简单也简单，但真正上手，总会有意想不到的坑话不多说，上代码//子组件<template> <div> {{f...

2019-12-24 16:22:42 1052

原创 es6 找到唯一的数字

question：题目可以完成，但是思路不够简洁而且代码冗余度过高。下面是最高赞回答，excellentfunction findUniq(arr) { arr.sort((a,b)=>a-b);//对数组进行排序 return arr[0]==arr[1]?arr.pop():arr[0]//要么返回第一个元素，要么返回最后一个元素}a.js sort()方法 ...

2019-02-13 18:05:54 484

原创连续奇数三角形单行求和

今天开始尝试在codewars进行代码练习，因为页面是全英文而且模式也是第一次接触，再加上私事比较多，所以目前停留在找到题目然后调试代码的地步几番筛选，选定了一道关于连续奇数三角形的题目，实现代码很简单，但是考虑思路写在注释很冗余并且不便查询，所以搬到csdn。其实这道题目考察的并不是代码能力，而是找规律~①首先，这是一个连续奇数的三角，第一反应是十分著名的杨辉三角，说明这都是有规...

2019-01-08 22:17:00 697

原创 ajax原理及常见应用

原理：Ajax是一种无需重新加载整个网页的情况下，能够部分更新网页的技术。XMLHttpRequest是Ajax的基础，所有现代浏览器均支持XMLHttpRequest对象（IE5和IE6使用ActiveXObject）；XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。1、为了应对所有现代浏览器，包括IE5、...

2019-01-06 21:36:39 1064

原创 why vue？

之前在接触和深入了解vue的时候，只注重当下实用，将安装流程走通之后，就开始根据api文档边看边刚代码；但今天，细细的由介绍开始读，发现vue的Introduction里面，那段关于介绍的短视频，是对vue入门以及深入了解的一个非常好的媒介。所以我就开始沿着视频的时间顺序，将视频内容及之前所学结合起来，为自己的局限进行一些拓展。（一）vue是一款友好的、多用途且高性能的javascript...

2019-01-03 15:10:27 542

原创搭建vue脚手架(vue-cil)

准备工具：node webpack1、node的安装 node的安装包从官网获取，安装是很简单的，我目前是已经安装过的 window+r 然后输入 cmd 可以到达命令行页面输入 node -v （注意node后有空格）可以获得当前的node版本号npm的全称：Node Package Manager.（Node包管理器），是Node的包的一个管理工具1）下载并安...

2018-11-27 15:12:02 1296

原创选择奇偶 filter用法

filter()方法将匹配元素集合缩减为匹配指定选择器的元素如果给定表示 DOM 元素集合的 jQuery 对象，.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。:even 选择器选取每个带有偶数index值的元素（比如 2 4 6）index值从0开始，所有第一个元素是偶数（0）...

2018-10-25 11:42:03 823

原创 js数组方法总结

1、concat() 方法用于连接两个或多个数组，该方法不会改变现有数组语法：arr.concat(arrX,arrX,....，arrX) arrX 为必需参数，该参数可以是具体的值，也可以是数组对象，可以为任意多个2、join() 方法用于把数组中的所有元素放入一个字符串，元素通过指定的分隔符进行分隔语法：arr.join(separat...

2018-10-25 10:48:45 153

转载 html 背景图不随滚轮滚动文字滚动

摘自思否作者原文链接https://segmentfault.com/a/1190000016788803代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title>

2018-10-24 15:48:20 4217

原创 input 模糊查询

input中list 的值一定要与dataList中id的值一致<input type="text" list="itemlist"> <datalist id="itemlist"> <option v-for="item in arr" v-bind:value="item.name"&gt

2018-10-23 10:08:16 1650

原创 js试题 tips

1、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置，如果不存在匹配字符则返回 -1； if (Array.prototype.indexOf){ //判断当前浏览器是否支持 } 2、splice（index，len，[item]）该方法会改变原始数组 splice有三个参数，它可以用来替换/删除/添...

2018-10-22 09:16:53 1033

原创小乌龟找不到了

解决方法: shift+右键原理：未知tortoise git用的前一天把git和小乌龟配置好了结果第二天上班鼠标右键怎么也找不到小乌龟了卸载重装N次也没办法重装系统实在太麻烦啦一次巧合同时操作 shift+右键小乌龟出来了 ...

2018-05-15 10:53:09 1482 2

原创 layui中事件绑定

开头声明非原创（下面的选项不知道选哪个，厚着脸皮选个原创）初入职场的小白总有太多不懂写页面的时候有一个需求是要点击按钮出弹框页面 layui中有弹框但是没有符合需求的翻了大半天的文档示例都没法实现想要的结果终于在我的不(yi)懈(zhi)努(sou)力(suo)下忘了在哪找到了一个不知名的好人的回答完美解决了我的问题第一次写废话有点多不再多说贴代码<b...

2018-05-15 09:46:02 28828

z不宅