- 博客(13)
- 收藏
- 关注
原创 ES6的includes
ES6 中可以使用 array.includes(item) 来代替 array.indexOf(item) !== -1
2019-07-29 16:25:24
289
原创 vue中的watch
new Vue({ el: ‘#root’, data: { cityName: {id: 1, name: ‘shanghai’} }, watch: { cityName: { handler(newName, oldName) { // … }, deep: true, //深度监听 immediate: true //这样使用watch时有一个特点,就是当值第一次绑定的时候,不会执行监...
2019-06-19 09:37:11
167
转载 Vue传值--三种常用传值
总结 父组件传值给子组件,首先父组件发送的形式是用bind(用缩写:)绑定值到子组件身上。然后子组件用属性props接收。 子组件传值父组件,首先是子组件发送的形式是this.$emit(事件名,需要发送的值),事件名:父组件on监听的方法,父组件第一件事就是监听子组件发送过来的事件名,@事件名=获取值的方法。获取值的方法(值)*,就这样拿到了儿子发过来的值 兄弟传值,两个都要引入公共js-&...
2019-03-30 12:26:00
163
原创 css重排和重绘
浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片之后会解析生成两个内部数据结构——DOM树和渲染树。 DOM树表示页面结构,渲染树表示DOM节点如何显示。DOM树中的每一个需要显示的节点在渲染树种至少存在一个对应的节点(隐藏的DOM元素 disply值为none 在渲染树中没有对应的节点)。渲染树中的节点被称为“帧”或“盒”,符合CSS模型的定义,理解页面元素为一个...
2019-03-30 11:04:09
176
原创 Flex布局(弹性布局)
1.flex-direction flex-direction属性决定主轴的方向(即项目的排列方向)。 flex-direction: row | row-reverse | column | column-reverse; 2.flex-wrap 默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,如果一条轴线排不下,如何换行。 flex-wrap: nowrap | w...
2019-03-30 10:28:17
147
原创 五大主流浏览器及四大内核
1、IE浏览器内核:Trident内核,也是俗称的IE内核; 2、Chrome浏览器内核:统称为Chromium内核或Chrome内核,以前是Webkit内核,现在是Blink内核; 3、Firefox浏览器内核:Gecko内核,俗称Firefox内核; 4、Safari浏览器内核:Webkit内核; 5、Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核...
2019-03-30 10:05:02
214
原创 清除浮动
1.给浮动元素的祖先元素加高度。 2.结尾处加空div标签 clear:both。 3.父级div定义 伪类:after。 4.父级div定义 overflow:hidden 5.父级div定义 overflow:auto 6.结尾处加 br标签 clear:both ...
2019-03-30 09:32:29
90
转载 跨域问题(前端面试最常问)
为什么要跨域? 跨域问题是浏览器同源策略限制,当前域名的js只能读取同域下的窗口属性。 一个网站的网址组成包括协议名,子域名,主域名,端口号。比如https://www.github.com/80 其中https是协议名,www.github.com是子域名,github.com是主域名,端口号是80,当在在页面中从一个url请求数据时,如果这个url的协议名、子域名、主域名、端口号任...
2019-03-30 09:01:07
151
原创 jquery怎么在父元素事件中禁止子元素的事件?
3种方法 1、在父元素事件的function中加if(event.target==this){ } 2、子元素事件function最后加event.stopPropgation();// 阻止事件冒泡 3、简单点,直接在子元素事件function最后加return false;// 阻止事件冒泡和默认操作 ...
2019-03-11 18:04:56
708
原创 在一个数组中删除另一个数组存在的值
//方法一 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5]; function removeDuplicatedItem(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]...
2019-02-28 20:35:11
8505
1
原创 input框自动填充内容背景颜色为黄色解决方法
input框自动填充内容背景颜色为黄色解决方法 HTML 代码 input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} 这种点击框也不会出现黄色了 还有一种就是关闭自动填充autocomplete=“off” &lt;form action="loginAction" method="post" au...
2019-02-26 20:21:38
1922
原创 checkbox
//判断checkbox 是否选中 $(“#id”).is(“:checked”);//选中,返回true,没选中,返回false //设置checkbox为选中状态 $(“#id”).prop(“checked”,true); //设置checkbox为不选中状态 $(“#id”).prop(“checked”,false);...
2018-09-13 15:22:35
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人