前端学习
文章平均质量分 91
css,html
Binary Oracle
一名热爱开源和技术的Coder , 开源框架spring committer , golang开源网络库netpoll committer; (脱产备战25考研中,停更一年)
展开
-
React----组件生命周期知识点整理
组件生命周期知识点整理案例引入js使用字面量创建对象,当属性名和属性值同名时,可简写{name},等同于{name:name}注意:生命周期理解生命周期流程图(旧)对于shouldComponentUpdate是否应该更新组件的方法来说,如果我们不重写父类该方法,那么该方法默认返回true,重写该方法,返回false,那么下面的流程就不会走了父子组件componentWillReceiveProps方法---第一次挂载时不会调用,后面更新时才会调用旧版生命周期总结React生命周期----新版本新版本的Re原创 2021-09-26 14:22:06 · 260 阅读 · 0 评论 -
React两大组件,三大核心属性,事件处理和函数柯里化
React知识点整理入门相关js库入门示例创建虚拟DOM的两种方式jsx语法创建虚拟DOMjs语法创建虚拟DOM如果需要嵌套标签呢? ---那么jsx的优势就出来了,下面看对比小总结JSX语法规则1.全称: JavaScript XML2.react定义的一种类似于XML的JS扩展语法: JS + XML本质是3.作用: 用来简化创建虚拟DOM4.标签名任意: HTML标签或其它标签5.标签属性任意: HTML标签属性或其它6.基本语法规则jsx里面如果想使用class属性,不要写class,改用clas原创 2021-09-26 10:02:18 · 1858 阅读 · 0 评论 -
ES6知识盲点整理
ES6知识盲点整理箭头函数JS数组的map()方法关于严格模式普通函数和箭头函数中this的指向问题call、apply和bind的区别深入理解ES6箭头函数里的thisES6(...)展开运算符箭头函数箭头函数JS数组的map()方法map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。语法:var new_array = arr.map(function callback(currentValue,index,array){ ... ret原创 2021-09-25 13:37:18 · 172 阅读 · 0 评论 -
JS高级部分
JS高级部分判断对象引用类型undefined与null的探究区分变量类型和数据类型数据,变量和内存js的函数参数传递为值传递JS引擎如何管理内存JS对象什么时候需要使用['属性名'],什么时候需要使用.JS函数对象call和apply的区别回调函数立即执行函数JS函数中的this指向JS分号问题函数的原型对象显示原型与隐式原型原型链原型链的属性问题instanceOf是如何判断的原型对象和原型链吐血大总结判断 instanceof是用来区分对象的具体类型,因为所有对象都属于Object类型 ty原创 2021-08-29 20:13:01 · 1010 阅读 · 62 评论 -
axios知识盲点整理
axios准备工作--->Node.js的按照与环境配置准备工作--->安装json-server解决 --- json-server : 无法加载文件xx\npm\json-server.ps1,因为在此系统上禁止运行脚本json-server的使用步骤--参考github项目教程在终端安装json-server创建一个 db.json 命名的文件,里面放一些json数据,一开始可以复制官网教程里面的数据做测试启动 JSON Server的服务REST风格的请求方式Axios中文文档Axios原创 2021-08-27 23:10:29 · 338 阅读 · 1 评论 -
promise知识盲区整理
promise知识盲区整理promise好处promise简单的实现promise封装fs文件操作----node.js环境下运行promise封装ajax请求node.js 中的promisify方法promise的状态promise的结果promise的工作流程Promise的APIpromise的构造函数promise的then方法promise的catch方法promise的reslove和reject函数对象promise的all方法promise的race方法Promise关键问题如何修改对象状原创 2021-08-26 18:51:48 · 1080 阅读 · 57 评论 -
JS事件篇
事件篇window.onload:事件Dom查询innerhtml ----获取节点的html内容,或者设置对应节点html内容读取或者设置节点的相关属性获取元素节点的子节点children属性可以获取到当前元素所有子元素,不包括文本节点区分概念: 节点包括文本节点,而元素不包括文本节点firstChild获取当前元素第一个子节点 VS firstElementChild获取当前元素第一个子元素抽离出按钮点击函数的小案例parentNode :获取一个元素的父元素innertext :获取到一个标签里面的原创 2021-08-24 20:11:41 · 1423 阅读 · 61 评论 -
Layui常用功能整理
Layui常用功能整理官网链接布局容器固定宽度(两侧有留白效果)完整宽度(占据屏幕宽度100%)栅格系统响应式规则列边距---设置范围 1 ~ 30 px列偏移---范围超过30px,建议使用列偏移列嵌套---列之间可以无限嵌套列按钮基本用法流体按钮(最大化铺满当前容器或者页面)图标按钮图标目前设置有两种方式导航参数解释垂直和侧边导航图片和徽章支持layui 2.6.6 新增导航可选属性/类面包屑导航选项卡选项卡风格设置简介风格卡片风格响应式---所有Tab风格都支持响应式,不需要手动设置带删除的选项卡静态原创 2021-08-23 21:06:42 · 1067 阅读 · 0 评论 -
block、inline和inline-block
block、inline和inline-block行内元素和块级元素blockinlineinline-block行内元素和块级元素的区别常见用法 display举个栗子行内元素和块级元素行内元素:又叫内联元素,特点是行高以及底边距不可改变,只占内容的宽度(高度就是内容文字或者图片的宽度);行内的元素都会在同一条直线上,也就是水平布局的;默认不会换行(不强制换行)。常见的行内元素有:<span>、<br>、<em>、<input>、<a原创 2021-08-20 21:11:57 · 188 阅读 · 0 评论 -
JavaScript知识盲区整理
JavaScript知识盲区整理script标签用于引入外部js的注意点JS中严格区分大小写,并且每条语句结尾的分号如果不加,浏览器会自动加,这样会销毁浏览器资源,还容易把分号加错位置在字符串中我们可以使用\作为转义字符typeof 用来检查变量类型Number.MAX_VALUE 和 Number.MIN_VALUE获取最大值和最小值,如果自己写的超过最值范围,会返回Infinity当声明一个变量但是不给其赋值时,会返回一个undefined强制类型转换script标签用于引入外部js的注意点当s原创 2021-08-18 15:12:26 · 2906 阅读 · 35 评论 -
JQuery入门
JQuery入门快速入门1.先引入依赖2.使用script标签引入3.编写jquery代码VS javaScript代码重点1:$ (): 调用方法$ ()---->叫做jquery的核心函数,为$ ()方法传入一个function() {} 作为参数,就相当于window.οnlοad=function(){写代码}重点2:使用$ {}查找元素,使用.click()来绑定点击响应函数,把单击响应函数作为click()的参数传入即可重点3:$本质是一个function方法核心函数$ ()的四种用法1.原创 2021-07-27 12:29:02 · 408 阅读 · 1 评论 -
黑马程序员----基于BootStrap框架的网页制作综合案例
网页制作综合案例完整源码:效果演示:完整源码:<!doctype html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal原创 2021-06-20 15:41:02 · 3281 阅读 · 31 评论 -
bootstrap框架基础知识点整理
bootstrap框架基本模板及代码注释视口设置布局容器布局容器之container布局容器2---container-fluid栅格系统栅格系统的特点和案例注意点栅格屏幕尺寸设置----响应式开发多个屏幕尺寸共同设置方法1:方法2栅格系统列偏移列表内联列表按钮按钮尺寸设置激活状态button 元素链接(< a >)元素禁用状态button 元素链接(< a >)元素导航条反色导航条轮播图基本模板及代码注释<!doctype html><html lang=原创 2021-06-19 15:27:55 · 1912 阅读 · 27 评论 -
JS事件相关知识点整理
JS事件相关知识点整理JS事件的驱动机制常见JS事件点击事件---onclick焦点事件获取焦点事件---onfocus失去焦点事件----onblur域内容改变事件---onchange加载完毕事件----onload表单提交事件---onsubmit键位弹起事件---onkeyup常用鼠标事件鼠标移入事件----onmouseover鼠标移出事件---onmouseoutJS事件的两种绑定方式元素事件句柄绑定优缺点DOM绑定方式示例演示优缺点JS事件的驱动机制常见JS事件点击事件—oncl原创 2021-06-18 16:03:26 · 1032 阅读 · 35 评论 -
JS之DOM对象常用知识点整理
JS之DOM对象常用知识点整理DOM树的介绍获取元素对象的四种方式通过元素ID获取对应元素对象---getElementByid();通过name属性获取所有需要的对象---getElementsByname()通过标签名获取符合要求的所有元素通过class属性获取所有符合要求的元素获取节点对象的注意事项元素对象常见属性value属性className属性checked属性innerHtml属性DOM树的介绍获取元素对象的四种方式通过元素ID获取对应元素对象—getElementByi原创 2021-06-17 19:07:06 · 1096 阅读 · 58 评论 -
JS之BOM对象常用知识点整理
JS之BOM对象相关知识点整理一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-06-16 23:18:20 · 1915 阅读 · 54 评论 -
JavaScript基础语法整理
JavaScript基础语法整理特征注意:JavaScript的组成JavaScript的引入方式内部脚本外部引入JavaScript规范化的标签放置位置JavaScript语法及其规则注释变量基本数据类型JavaScript和JAVA的区别typedef---获取当前变量的类型引用数据类型运算符比较运算符逻辑等和全等运算符逻辑运算符正则对象RegExp对象的创建方式test方法正则对象使用注意事项JS数组对象JS数组的特性JS数组的四种创建方式JS数组的常用属性和方法全局函数执行函数编码和解码URL 和原创 2021-06-16 16:47:28 · 2900 阅读 · 97 评论 -
css基础知识点整理
css基础知识点整理代码规范放置规范格式规范代码规范示例演示基本选择器元素选择器类选择器ID选择器基本选择器的组合方式层级关系边框属性borderwidthheight代码演示:backgroud-color布局float---浮动属性转换dispaly字体font-size 字体的大小color 字体的颜色css中的盒子模型什么是盒子模型边框内边距 padding外边距---margincss和html的结合方式行内样式< style > < /style >标签样式外部样式lin原创 2021-06-15 22:24:24 · 1258 阅读 · 29 评论 -
Html基础知识点整理
Html基础知识点整理基本标签字体标签格式化标签1. < br/ >2. < p > < /p >3. < h1 > < /h1 >4. & nbspHtml的注释图片标签1. < img/ >列表标签1. < ul > < /ul >2. < li > < /li >3. < ol > < /ol >超链接标签< a > < /a &原创 2021-06-15 15:38:13 · 1940 阅读 · 41 评论