1 the_lower

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 20w+

css清除浮动的4种方法

float布局会脱离文档流,对页面的布局造成影响,比如造成父级的高度坍塌等问题。清除浮动后,便不会影响文档流。下面介绍一下现在清除浮动的一些方式。一、父级添加overflow: hidden;子元素浮动了,会造成父元素的高度坍塌。只要给父元素添加overflow: hidden;属性,就可以解决浮动带来的影响。<ul class="cc"> <li></li> <li></li></ul><style t

2020-09-08 15:11:58

区分冒泡和捕获

事件处理函数中第三个参数为false表示冒泡,为true表示捕获,默认为false

2020-09-08 14:00:27

HTML img元素中的 alt 属性与 title 属性区别

图片中的 alt 属性是在图片不能正常显示时出现的文本提示图片中的 title 属性是在鼠标在移动到元素上的文本提示

2020-08-28 14:43:18

css中visibily:hidden和display:none的区别

1、display:none视为不存在且不加载,不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失;visibility:hidden隐藏,但在浏览时保留位置,即对象在网页上不可见,但该对象在网页上所占的空间没有改变;2、使用 display:none属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在。即它仍具有高度、宽度等属性值。...

2020-08-28 14:34:27

js理解对象

js中有两种属性:数据属性和访问器属性。1、属数据属性默认的特性有4个:(默认前三个属性都为true)configurable: 表示能否通过delete删除属性从而定义新属性,为false则不能变为可配置的了。enumerable:可通过for … in枚举writable:可写value:属性的值2、要修改属性默认的特性,必须使用Object.defineProperty(属性所在的对象,属性的名字,描述符对象)方法,描述符对象的属性必须是configurable、enumerable

2020-08-18 21:23:39

跨域技术

2020-08-18 00:04:37

HTTP与ajax介绍

HTTP头部信息:请求头:ACCEPT:浏览器能够处理的内容类型。ACCEPT-Charset: 浏览器能够显示的字符集。ACCEPT-Encoding: 浏览器能够处理的压缩编码。ACCEPT-Language:浏览器当前设置的语言。Connection:浏览器与服务器之间连接的类型。Cookie:当前页面设置的任何cookie.Host:发出请求的页面所在的域。Referer:发出请求的页面的URI.User-Agent: 浏览器的用户代理字符串。使用setRequestHeade

2020-08-17 22:35:59

原生ajax

var xhr = new XHRHttpRequest();//第三个参数表示是否异步发送请求xhr.open(“get”, “example.php”, false);//参数作为请求主体发送的数据,如果没有则必须传入nullxhr.send(null);响应数据相应的属性:responseText: 作为响应主体被返回的文本;responseXML: 保存着响应数据的XML DOM文本;status: 响应的HTTP状态;statusText: HTTP状态的说明。异步请求时,re

2020-08-17 21:51:37

前端模块化

node中的模块化:es6中的模块化:

2020-08-06 11:28:10

vue笔记 ---组件之间的通信

父组件向子组件传值:props中如果值是一个数组或者对象,默认值必须是一个工厂函数,否则报错。props: { msgInfo: { type: Array, required: true, default: function(){ return [] } }, msg1: [string, number] //msg1既可以是字符串也可以是number}父组件中绑定props值要用短横线格式:<comList :mag-info="message"&gt.

2020-08-05 16:10:48

react学习第六天

react插槽加粗样式

2020-08-04 22:38:01

react学习第五天

react生命周期:组件从实例化到渲染到最终从页面中销毁,整个过程就是生命周期,在这个生命周期中,我们有许多可以调用的事件,也俗称为钩子函数。生命周期的3个状态:mounting:将组件插入到DOM中updating:将数据更新到DOM中unmounting:将组件移除DOM中生命周期钩子函数:componentWillMount:组件将要渲染componentDidMount:组件渲染完毕componentWillReceiveProps:组件将要接收props数据shouldCo

2020-08-03 22:47:51

js数组方法

遍历数组的方法:forEach:对数组直接进行循环,相当于直接for 循环:arr.forEach((item,index,arr)=>{ //.....})map:对数组的每一项进行加工,加工完成之后返回一个新的数组arr.map((item,index,arr)=>{ //...})filter:过滤,将想要的内容进行行筛选,不要的内容去除,最终想要的内容返回arr.filter((item,index)=>{ //....})reduc

2020-08-03 21:55:24

react学习第四天(三)

react列表渲染:将列表的内容拼装成数组放置到模板中import React from 'react';import ReactDOM from 'react-dom';let arr = ["小明","小黑","小白"]let arrHtml = [<li>小明</li>,<li>小黑</li>,<li>小白</li>] //将数据拼装成数组jsx对象class Welcome extends React.Compone

2020-08-01 16:16:48

react学习第四天(二)

react条件渲染1、案例一import React from 'react';import ReactDOM from 'react-dom';import'./App.css';function UserGreet(props){ return ( <h1>欢迎登陆</h1> )}function UserLogin(props){ return ( <h1>请先登录</h1> )}class Paren

2020-08-01 14:56:31

react学习第四天(一)

react事件:绑定事件的命名,用驼峰命名法{ } 中传入一个 函数,而不是字符串<button onClick={this.sendData}>传递数据给父元素</button>react返回的事件对象是代理的原生事件对象,如果想要查看事件对象的具体值,必须直接输出事件对象的属性,直接输出console.log(event)打印出属性值都为null原生js阻止默认行为时,可以直接返回return false,react中,阻止默认行为必须e.preventDefa

2020-08-01 13:52:00

react学习第三天(二)

1、父组件向子组件传数据:props父组件向子组件传数据:props 单向流动props的传值可以是任意的类型props可以设置默认值:HelloMessage.defaultProps = { name: '老陈' } //name是变量名,可以设置多个默认值props可以传递函数,可以传递父元素的函数,就可以修改父元素的state状态,从而实现子组件向父组件传递数据2、子组件向父组件传递数据:调用父组件的函数从而操作父元素的数据,从而实现数据从子组件传递给父组件...

2020-08-01 13:28:27

react学习第三天(一)

react状态管理react中的 state 相当于vue中的 data ,但是使用方式和vue不一致。修改state的正确方式,调用setState,切勿重新修改数据例: 每隔1行输出当前时间import React from 'react';import ReactDOM from 'react-dom';import'./App.css';class Clock extends React.Component{ constructor(props){ super(pro

2020-07-31 22:12:51

react学习第二天(三)

react组件:函数式组件、类组件1、函数式组件//函数式组件function Father(){ //组件名字要大写 return ( <div> <h1>函数式组件</h1> </div> )}ReactDOM.render( <Father/>, document.querySelector('#root'))//函数式组件function Father(){ //组件名字

2020-07-29 23:52:25

react学习第二天(二)

jsx_style 样式let exampleStyle = { background: "pink", borderBottom: "1px solid blue" //注意要使用驼峰命名法}let element = ( <div> <h1 style={exampleStyle}>helloworld</h1> //jsx中不能在style中直接添加样式 //<h1 style="height: 200px;"&

2020-07-29 23:13:46

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。