- 博客(20)
- 收藏
- 关注
RSS订阅转载 关于vuex中赋值直接会修改store值得解决办法
lz写vue项目得时候，将用户得个人信息存入了store中，在个人中心页面直接获取store值赋值给个人中心中得表单，如下 const userInfo = this.$store.getters.getUserInfo || {}; this.FormData = userInfo这样存在得问题是比如修改了电话号码，但是电话号码不符合规则并未修改成功，此时放弃修改去其他页面，再次回到个人中心时，联系方式显示得是那个不符合规则的值，此时打印也会发现，store中的值也修改了，是不符合
2020-05-25 10:47:47
3296
3
原创 三栏布局
左右元素固定宽度，中间元素自适应一、通过定位来实现 <div class="left">left</div> <div class="middle">middle</div> <div class="right">right</div> *{ marg...
2019-09-07 15:52:55
154
原创 js中的继承
一、原型链继承核心：将父类的实例作为子类的原型 function animal(){ this.name="animal", // 原型方法 this.eat=function(food){ return "eat"+food; } ...
2019-08-30 12:52:25
145
原创 Math.round()
最近在做题时发现一个Math.round()值为负数的问题console.log(Math.round(2020.5)) //2021console.log(Math.round(-2020.5)) //2020当值为负数的时候并不是四舍五入的；console.log(Math.round(-2020.5000000001)) //-2021console.log(...
2019-08-29 18:52:34
426
2
原创 类数组与数组
一、何为类数组？（1）类数组具有length属性，其他的属性是非负的整数（2）类数组不具有数组的方法常见的类数组有通过dom操作的返回值，arguments等二、类数组和数组的区分方法 var lei=document.getElementsByClassName("lei"); var arr=[1,2,3,4]; // 1、利用instanceof consol...
2019-08-20 15:21:26
375
原创 js中事件的三个阶段
事件的处理过程主要有三个阶段：捕获阶段，目标阶段，冒泡阶段；捕获阶段：当我们在 DOM 树的某个节点发生了一些操作例如点击，移入等操作，就会有一个事件发射过去。这个事件从 Window 发出，不断经过下级节点直到触发的目标节点。在到达目标节点之前的过程，就是捕获阶段。事件由页面元素接收，逐级向下，到具体的元素。是由外部向内部传递的过程目标阶段：当事件不断的传递直到目标节点的时候，最终在目标节点...
2019-08-20 11:32:21
689
转载 超出文本省略
1.一行文本省略white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;2.多行文本省略(ps：此处是两行)text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;...
2019-08-05 19:39:10
196
原创 localStorage和sessionStorage和cookie、session
一、web Storage与cookie的优缺点以及作用web Storage包括localStorage和sessionStorage两种，这是HTML5中提出的作用：（1）提供一种在cookie之外存储会话数据的路径 （2）提供一种大存储量且可以跨会话存在的数据机制两者区别：本地缓存会缓存到硬盘中，最多存储20M，浏览器缓存则在内存中，会随着浏览器的关闭而消...
2019-07-04 21:03:55
171
原创 canvas总结
一、canvas元素<canvas> 您的浏览器不支持canvas，请使用谷歌浏览器</canvas>在canvas中间写不支持canvas时的替代内容，支持的浏览器会自动忽略替代内容，canvas的固定画布大小是300px，150px，可以设置宽和高，用css设置宽和高会影响画布中内容的整体大小，因此应该使用HTML来设置宽高<canvas...
2019-07-03 17:26:21
261
原创 js中的原生Ajax总结
一、什么是Ajax？AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。通过 AJAX，JavaScript 无需等待服务器的响应，而是：在等待服务器响应时执行其他脚本，当响应就绪后对响应进行处理 (1)ajax的优点： 1.减少冗余请求和响应对服务...
2019-06-16 22:16:49
463
原创 添加和移除选项
在做三级联动的时候用到了动态的在select标签中添加option，用到了var opt=new Option(s[i].name,i);这是添加选项的第一种方法添加选项一、使用Option构造函数来创建新选项Option构造函数接受两个参数：文本（text）和值（value），第二个参数可选，虽然创造的是一个Object实例但是会返回一个<option>元素，因...
2019-06-13 23:52:49
596
原创 querySelectorAll和getElementsByClassName的区别
一、问题在写表单验证时出现了一个问题 <div class="block"> <label for="username">账户：</label><input type="text" name="username" class="in"> <div class="er_wrap"> ...
2019-06-13 12:59:09
1584
1
原创 正则表达式
正则表达式：描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。一：正则表达式的两种用法1、var s="1df25e";s.match(正则表达式);验证成功则返回的是值，验证失败则返回null2、var s = "15dfa53";var r = new RegExp(正则表达...
2019-06-10 17:38:14
146
原创 三种循环
题目：计算给定数组 arr 中所有元素的总和1、for循环function sum(arr) { var s = 0; for (var i=arr.length-1; i>=0; i--) { s += arr[i]; } return s;}2、for Each 循环forEach() 方法用于调用数组的每个元素，并...
2019-06-07 22:26:21
413
原创 数据分页
第一种：顺序分页，效果如下分为三部分来写1、创建元素1~10的li：一个空的字符串循环产生li并添加进字符串。2、添加每个li的点击事件，让它点击时样式变化且前一个也变化样式3、写上一页和下一页的点击事件，上一页点击则每个li的innerHTML减小5，下一页相反，同时注意判断不能小于1和大于总页数的问题第二种:带省略号的分页前缩：前缩时即页数都在后面几个，因此在页...
2019-06-07 21:58:42
207
原创 回流(reflow)与重绘(repaint)
回流与重绘一、页面显示过程1、生成dom树，包括display：none；的节点2、在dom树的基础上根据节点的集合属性如宽高边距等生成render树3、在render树上继续渲染颜色背景样式等回流：当render树的一部分或者全部因为节点的集合属性等发生改变需要重建时则会回流重绘：简而言之就是重新渲染，当因为颜色等情况改变但是整体的布局不会改变的时候我们就只需要重回因...
2019-05-16 17:41:49
256
原创 css绘制三角形
这周在做一个水滴动画时，由于水滴是由一个三角形和一个圆组成，三角形的绘制代码如下： .water:before{ content: ""; width: 0; height: 0; position: absolute; top: -22px; bo...
2019-05-09 17:35:14
193
原创 css选择器和三大定位以及高度塌陷问题的解决方法
1、设置css样式的两种方式：1、内联样式：写在标签的style元素里面：eg:<p style=”color:red;font-size:20px”>这是一只猫咪</p>2、内联样式表：写在head标签中，可以应用到所有的标记的段落中eg:<head><style type=”text/css”>P{color:red;...
2019-04-18 15:18:59
1291
原创 css中的盒模型
1、标准盒模型盒子大小=内边距+元素+边框border-xxx：四个值；则分别表示上、右、下、左，border-xxx：三个值；则分别表示上、左右、下，border-xxx：两个值；则表示上下、左右，border-xxx：一个值；则上下左右都是如此。此同样适用于padding和marginBorder-radius:可以创建四个角的圆角，用px或em来指定角的半径大小，也可以只指定...
2019-04-17 23:57:21
136
原创 html标签、列表、表格和表单
1、常用标签分类块级元素：<div> <p> <h1>…<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>内联元素：<a> <span> <br...
2019-04-17 23:26:00
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人