- 博客(32)
- 问答 (5)
- 收藏
- 关注
原创 初学react
react是由Facebook研发的,用于解决ui复杂度的开源的javascript库,目前由react联合社区维护(以前我一直认为react是和vue一样的带有侵入性的框架...其实是个库)
2022-10-22 22:25:05
244
转载 HTTP请求中,几种常见的Content-Type类型
另一个常见的 POST 数据提交的方式, Form 表单的 enctype 设置为multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符(这就是boundary的作用)分开,类似我们上面Content-Type中的例子。另外,如利用AJAX 提交数据时,也可使用这种方式。对于application/octet-stream,只能提交二进制,而且只能提交一个二进制,如果提交文件的话,只能提交一个文件,后台接收参数只能有一个,而且只能是流(或者字节数组)。...
2022-08-13 12:18:31
1082
原创 vue2响应式原理
我们要明白,响应式的最终目标:是当对象本身或对象属性发生变化时,会运行一些函数,最常见的就是 render 函数。不是只有 render,只要数据发生了变化后运行了一些函数,就是响应式,比如 watch。...
2022-07-28 15:42:10
9097
3
原创 常见请求方法
请求方法是请求行中的第一个单词,它向服务器描述了客户端发出请求的动作类型。在 HTTP 协议中,不同的请求方法只是包含了不同的语义,但服务器和浏览器的一些约定俗成的行为造成了它们具体的区别fetch('https://www.baidu.com', { method: 'heiheihei', // });上面的请求中,我们使用了自定义方法heiheihei。虽然百度服务器无法理解这样的请求是在干什么,但这样的请求也是可以正常发送到百度服务器的。在实践中,客户端和服务器慢慢的形成了一个共
2022-05-19 22:09:17
728
原创 this指向
今天才彻底明白箭头函数没有自己的this对象。这里说的没有指的是箭头函数本身无法有效的使用this,它指向的永远是自己的父作用域;在没有规划父级作用域的情况下,执行代码中最高级别的,也就是window;任何方法都改变不了this,包括call,apply,bind...
2022-05-11 14:43:23
57
原创 定位复习。
absolute 和 relative 比较 absolute 定位:脱离原来位置定位。是相对于最近的有定位的父级进行定位;如果没 有有定位的父级元素,就相对于文档进行定位 relative 定位:保留原来的位置进行定位,相对于自己原来(出生的)的位置进行定 位什么时候用 relative,什么时候用 absolute? 如果想定位,最好找参照物。 absolute 定位:脱离原来位置定位。是相对于最近的有定位的父级进行定位;如果没 有有定位的父级元素,就相对于文档进...
2021-07-09 23:34:04
57
原创 事件(下)
事件对象event || window.event 用于IE事件源对象 event.target 火狐只有这个event.srcElement IE只有这个这两个chrome都有封装事件源对象 ele.onclick = function(e){ var event = e ||window.event; var target = event.target ||event.srcELement; console.log(target);.
2021-07-09 23:26:26
63
原创 事件(上)
什么是事件?事件可以理解为用户的一些操作和浏览器形成的一个交互如何绑定事件处理函数?1.ele.onxxx=fucntion(){} #兼容性好,但是一个元素的同一个事件只能绑定一个处理程序 #基本等同于写在HTML行间例<div style = "width :100px;height:100px; onclick = "console.log('a')></div>2.ele.addEventListener(type,...
2021-07-08 00:43:06
111
原创 脚本话CSS
读取CSS元素style例如,运行div.style,会展示出div能用的所有的能用的css属性style是行间样式,只认识写在它行间的值,和getComputedStyle不同,这个是最终显示在文档的值可读写行间样式,没有兼容问题,碰到Float这样的保留字属性,前面应加csscssfloat复合属性必须拆解,组合单词变成小驼峰式写法写入的值必须是字符串格式window.getComputedStyle(ele,null);计算样式只读,除了Style,其...
2021-07-06 11:29:05
55
原创 获取窗口属性,获取DOM元素尺寸
查看滚动条的滚动距离window.pageXOffset//x轴window.pageYOffset//y轴查看可视窗口的尺寸window.innerWidth/innerHeight标准模式,怪异模式就是文档第一行<!DOCtypehtml>,去掉的话就是怪异模式了怎么分辨文档是什么模式?document.comp...
2021-07-06 11:00:14
100
原创 简单的计时
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>简单计时器</title> <style type="text/css"> input{ border : 1px solid rgba(0,0,0,0.8); .
2021-06-23 15:00:55
57
原创 DOM笔记
什么是DOM?1.DOM——>DocumentObjectModel//文档对象模型2.DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML和XML的标准编程接口。DOM基本操作1.getELementById方法定义在Document,prototype上,所以HTML和XML都可以用,但是Element节点上不能用。2.getElementsByTagNa...
2021-06-23 14:51:11
50
原创 Dom选择器,节点类型
方法学Dom开始,一切系统给生成的成组的方式,基本上全是类数组//document代表整个文档,html只是一个文档的根标签document.getElementById通过Id选出来(除了这个,其他的选择器选择都是一组)document.getElementsByTagName通过标签来选择(兼容型强,最主流用法),也可以选择name来调用document.getElementsByclassName通过Class选择这两个选出来的不是实时的,等于个镜像,...
2021-06-21 13:58:45
114
原创 js 数组(2)
不可改变原数组concat 连接两个数组,并且成为一个新的数组toString 把数组变成字符串slice 截取 slice()里面可以传一个参数,也可以传两个,也可以不传(从第几位开始,截取到该位)join这个方法的功能就是:将array数据中每个元素都转为字符串,用自定义的连接符分割,如果 join()里面不加任何参数,用法与toString()一样split 按照什么方法拆分成数组split和join是互逆的...
2021-05-30 09:04:38
56
空空如也
如何让表格程树状的数据结构像后端传递
2022-03-24
element ui 怎么实现表格的编辑保存
2022-02-15
从码云上克隆的项目到本地 ,npm i报错
2021-12-04
npm一直报错什么原因呀
2021-11-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人