- 博客(86)
- 收藏
- 关注
原创 尚硅谷笔记——求和案例纯react版、redux精简版
redux中actionCreators可以自己写,精简版中只有store、reducer,store的api学习:store.getState得到reducer状态、store.subscribe订阅reducer更新状态、store.dispatch告诉redux该加哪些数据。把store想象成是reducer的律师,全权代理reducer
2022-12-09 22:25:14
537
1
原创 ajax尚硅谷笔记——跨域请求、axios发送ajax请求、jquery发送ajax请求
script标签作为函数被服务调用,其中加上该函数的参数作为用户需要看到的数据内容
2022-11-21 21:35:39
2084
原创 React笔记——github案例(用到axios 和 pubsub)
pubsub消息订阅与发布机制pubsub.publish()、pubsub.subscribe()多重解构赋值前提是一个对象 const {KeyWordElement:{value: keyword}} = this
2022-11-16 21:57:45
449
原创 尚硅谷笔记——React组件通信——TodoList案例(详细版)
todolist案例 组件之间的通信 父传子 子传父 js数组的方法 filter reduce map 用propTypes对props进行类型、必要性的限制 defaultChecked仅适用于一次
2022-11-10 17:08:56
1122
原创 尚硅谷笔记——React组件的三大属性props、state、ref
ref 是被标识的节点,state只读属性、数据的初始化、setState更新状态,props属性传数据
2022-10-26 23:50:03
284
原创 安装html-webpack-plugin插件打包文件后报错 ERROR in Error: document is not defined
html-webpack-plugin 配置插件 报错 document is not defined
2022-09-28 15:22:16
685
原创 安装 vant 报错 npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolv
npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @vue/eslint-config-standard@6.1.0npm ERR! Found: eslint-plugin-vue@8.7.1npm ERR! node_modules/eslint-plugin-vuenpm ERR! dev eslint-plugin-vue@"^8.0.3" from t
2022-09-15 15:43:27
1695
3
原创 node.js学习之数据库及基本操作、SQL语句
select 、update、 delete、 and 、oder by 、DESC降序、ASC默认升序、as起别名、count(*)
2022-08-10 22:09:26
983
1
原创 node.js学习之路由、中间件
可以使用app.use()连续定义多个全局中间,客户端请求到达服务器之后,会按照中间件定义的先后顺序依次进行调用可以在路由中,通过两种等价的方式,使用多个局部中间件需要描述与实现步骤自己手动模拟一个类似于express.urlencoded 这样的中间件,来解析post 提交到服务器的表单数据定义中间件监听req 的data 事件监听req 的 end 事件使用querystring 模块解析请求体数据将解析出来的数据对象挂载为req.body将自定义中间件封装为模块。...
2022-08-09 22:37:47
429
1
原创 node.js学习之express
res.send()发送给客户端,req.query()查询字符串的形式,app.use('/public', express.static('public') 挂载路径前缀,
2022-08-05 21:39:35
381
原创 node.js学习之包、npm (2)
学会用模块化拆解代码,终端创建package.json文件,再创建test.js文件require()方法运行代码
2022-07-30 23:31:38
153
原创 node.js学习之http模块笔记
1.导入http模块,2.创建web服务器http.createServer(),3.调用request事件,监听客户端的请求,4.启动web服务器
2022-07-29 21:31:13
275
原创 Ajax初步认知、$.post、$.get、$.ajax发起post、get请求
post是发送数据的请求,get是获取数据的请求,ajax实现web服务器与用户的交互
2022-07-17 23:44:59
514
原创 node.js学习之路径解决方法、path模快、时钟综合案例
时钟案例,读取文件和分别写文件 path.join(__dirname+"文件名")
2022-07-17 23:32:01
172
原创 JS学习之BOM | 常见网页特效 | 轮播图 | 返回顶部 | 筋斗云案例
轮播图和筋斗云、返回顶部等案例,animate、多次重复的函数封装起来,让整个代码看起来简洁明了
2022-06-04 23:33:25
337
原创 JS学习之PC端网页特效 | 位偏移offset 1
PC端网页特效元素偏移量 offset 系列offset概述offset翻译过来就是偏移量,使用offset系列相关属性可以动态的得到该属性元素的位置(偏移)、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 offset系列常用属性:offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素如果父级都没有定位则返回body element.off
2022-05-29 22:32:58
304
原创 JS学习之BOM3
放暑假倒计时,我可太想回家了寝室特别潮湿很多衣服都臭掉啦呜呜呜,回家睡在粉色小床别提多舒坦history对象window对象给我们提供了history对象,与浏览器历史记录进行交互,该对象包含用户(在浏览器窗口中)访问过的URLhistory对象方法 作用 back() 可以后退功能 forward() 前进功能 go(参数) 前进后退功能 参数如果是1 前进1个页面 如果是-1 后退1个页面 list.html 和index.html两者方法..
2022-05-29 22:19:59
132
原创 JS学习之BOM2
期末去死小组作业都去死,为什么不能单人视频为什么?停止setInterval()定时器window.clearInterval(intervalID);clearInterval() 方法取消了先前通过调用setInterval() 建立的定时器注意: window可以省略 里面的参数就是定时器的标识符 案例:发送短信点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信 按钮点击之后,会禁用disable为true 同时.
2022-05-26 22:55:45
145
原创 JS学习之BOM1
BOM浏览器对象模型BOM概述BOM即浏览器对象模型,它提供了独立于内容与浏览器窗口进行交互的对象,其核心对象时window口述:学习一个浏览器中如何给转到前一个或后一个页面,如何刷新等BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性BOM缺乏标准,JS语法的标准化组织是ECMA DOM的标准化组织是W3C BOM最初是Netscape浏览器标准的一部分BOM的构成bom比dom大 它更包含DOMwindow对象时浏览器的顶级对象,..
2022-05-24 23:10:30
167
原创 JS学习之DOM高级事件
事件高级注册事件(绑定事件)注册事件概述给元素添加事件,称为注册事件或绑定事件注册事件有两种方式:传统方式和方法监听注册方式传统注册方式 利用on开头的时间onclick <button onclick="alert(hi~)"></button> btn.onclick = function() {} 特点:注册时间的唯一性 同一个元素同一个事件只能设置一个处理函数、最后注册的处理函数将会覆盖前面注册的处理函数
2022-05-23 22:09:12
508
2
原创 JS学习之DOM节点操作2
删除节点node.removeChild(child);node.removeChild(child) 方法从DOM中删除一个子节点,返回删除的节点案例:删除留言案例分析: 把文本与里面的值赋值给li 时候,多添加一个删除链接 需要把所有链接都获取过来,点击当前的链接时候,删除当前链接所在li 阻止链接跳转需要添加javaScript(0); 或者 javaScript:; 给li添加a链接 直接 + 即可复制节点(克隆节点)node.clo
2022-05-21 20:41:37
1006
原创 JS之DOM节点操作1
节点操作为什么学节点操作:获取元素通常使用两种方法1.利用DOM提供的方法获取元素 document.getElementById() document.getElelementsByTagName() document.querySlector 等 逻辑性不强,操作繁琐 2.利用节点层级关系获取元素 利用父子兄节点关系获取元素 例如获取li只要 得到ul的children即可 逻辑性强,但兼容性稍微差 这两种方法都可以获取元素节点,后
2022-05-19 00:04:53
284
原创 JS之DOM操作元素2
开始有点难度了当pink老师提前布置了新浪下拉菜单后,发现自己没有好好复习和预习,知识点还没到融会贯通的状态,很难想到会用什么方法写排他思想如果有同一组元素,想要某一个元素实现某种样式,需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下我自己) 注意顺序不能颠倒(程序是从上往下),首先干掉其他人,再留下自己 案例:百度换肤分析: 这个案例练习的是给一组元素注册事件 给4个小图片利用循环注册点击事件
2022-05-18 23:45:23
127
原创 JS学习之DOM操作元素
显然JS学习没有HTML节奏快,感觉知识点还要琐碎难记,但是只要花时间努力攻克难关就能跟上老师的脚步,不能轻易放弃常用元素的属性操作 innerText.innerHTML改变元素内容 scr href id alt title 只要是元素.属性值 就能改变属性案例:分时显示不同图片,显示不同问候语根据不同时间,页面显示不同图片,同时显示不同的问候语如果上午时间打开页面,显示上午好,显示上午的图片如果下午时间打开页面,显示下午好,显示下午的图片如
2022-05-16 22:34:29
404
原创 JS学习之DOM
DOM什么是DOM?文档对象模型,是W3C组织推荐的处理可扩展标记语言(HTML或者XML) 标准编程接口W3C已经定义一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式获取元素如何获取页面元素DOM在我们实际开发中主要用来操作元素。 我们如何来获取页面中的元素呢? 获取页面中的元素可以使用以下几种方式 根据ID获取 根据标签名获取 通过HTML5新增的方法获取 特殊元素获取 根据ID获取使用getElementB
2022-05-14 23:13:07
172
原创 JS学习之API
都是理论知识,佛系记忆把。。Web APIs 和 JS基础关联性JS基础阶段以及Web APIs阶段JS基础阶段 我们学习的是ECMAScript 标准规定的基本语法 要求掌握JS基础语法 只学习基本语法,做不了常用的网页交互效果 目的是为了JS后面的课程打基础,做铺垫 JS基础需要通过APIs才能实现网页交互效果Web APLs阶段 Web APIs 是W3C组织的标准 Web APIs 主要学习DOM 和 BOM
2022-05-14 22:51:41
292
原创 JS学习对象2
数组对象创建数组对象的两种方式 字面量方式 new Array() 检测是否为数组添加或删除数组元素的方法方法名 说明 返回值 push(参数1....) 末尾添加一个或多个元素,注意修改原数组 并返回新的长度 pop() 删除数组最后一个元素,把数组长度减1无参数、修改原数组 返回它删除的元素的值 unshift(参数1..) 向数组的开头添加一个或更多元素,注意修改原数组 并返回新的长度 shi.
2022-05-13 22:15:10
155
原创 JS学习之内置对象
内置对象是什么? js中对象分为三种:自定义对象、内置对象、浏览器对象 前面两种对象时JS基础,属于ECMAScript;第三个浏览器对象属于JS独有 内置对象就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用或最基本而必须使用的(属性和方法) 内置对象最大的优点就是帮助我们快速开发 JS提供了多个内置对象:math、date、array、string等 查文档学习一个内置对象的使用,是要学会其常用的使用即可,可以通过查文档学习,可以
2022-05-11 21:48:24
1392
原创 JS学习之对象
教资上半年取消面试呵呵真不负责上午还出了考场准考证,晚上就取消面试心里默念:cnmcnmcnm。嗯还行吧就复习了九天的教资对象什么是对象?现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一本书、一辆汽车、一个人可以是“对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。例如:明星 周星驰(星爷)女朋友 迪丽热巴 班主任 咱们班班主任苹果 这个苹果 手机 pink老师的小米手机 游戏 刺激战场在JS中,对象是一组无序的相关属性和方法的集
2022-05-10 16:20:18
137
原创 JS学习之作用域
概述:通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突变量的作用域变量作用域的分类在JS中,根据作用域的不同,变量可以分为两种: 全局变量 在全局作用域下声明的变量叫做全局变量(在函数外部定义的变量) 全局变量在代码的任何位置都可以使用 在全局作用域下var 声明的变量也是全局变量(不建议使用) ..
2022-05-01 22:56:49
144
原创 JS学习之函数2
arguments 的使用当我们不确定有多个参数传递的时候,可以用arguments来获取,在js中argument实际上它是当前函数的一个内置对象,若有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参arguments展示形式是一个伪数组,因此可以进行遍历,伪数组具有一下特点: 具有length 特点 按索引方式储存数据 不具有数据的push pop等方法 有了arguments可以不用形参案例:利用函数求任意个数的最大值
2022-05-01 22:46:57
203
原创 JS学习之函数
以往的方法出现重复代码,很麻烦为什么需要函数?函数的概念:在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用虽然for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时可以使用JS中的函数函数:就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量的代码的重复使用函数的使用函数在使用时分为两步:声明函数和调用函数声明函数//声明函数function函数名() {//函数体代码} f.
2022-04-30 22:45:45
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人