![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
汝&戏
这个作者很懒,什么都没留下…
展开
-
react中useRef是什么?有啥用?怎么用?
访问 DOM 节点:当你需要直接访问一个 DOM 节点时(例如,要管理焦点、文本选择或媒体播放),你可以使用 ref 来获取对该节点的直接引用。useRef 是 React 提供的一个强大的工具,它可以帮助你在函数组件中管理 DOM 引用和存储可变值,而不会引起额外的渲染。存储任意可变值:如果你需要跨渲染保持一个可变值,而这个值不应该引起组件的重新渲染时,你可以使用 ref。化为传递给 useRef 的参数(initialValue)。useRef 返回一个。在 React 中,原创 2024-04-30 16:22:34 · 1063 阅读 · 0 评论 -
react中useReducer若有多个值怎么操作?
不可变性意味着你永远不会直接改变状态,而是返回一个新的状态对象。这有助于避免复杂的状态更新问题,并允许React进行有效的组件重新渲染。函数应该返回一个新的状态对象,其中包含了所有必要的属性,保持未更改的属性不变,同时更新那些需要变化的属性。函数针对每个动作类型定义了状态更新的逻辑。当处理一个动作时,我们使用了对象展开语法。来保持其他状态属性不变,同时只更新需要改变的属性。这种方法确保了状态的不可变性,这是 Redux 和。函数需要针对每个属性维护其各自的状态更新逻辑。下面是一个包含多个状态属性的。原创 2024-04-30 15:57:08 · 663 阅读 · 0 评论 -
react中useReducer如何使用
useReducer是 React 提供的一个用于状态管理的 Hook,它接收一个 reducer 函数和初始状态作为参数,并返回当前状态以及一个 dispatch 函数。这个 Hook 适用于管理复杂或嵌套的状态对象,它提供了一种更加结构化的更新状态的方法。原创 2024-04-30 15:54:56 · 817 阅读 · 2 评论 -
宝塔服务器(linux)服务器搭建
nginx + nodejs + 宝塔服务器(Linux)原创 2023-05-10 16:39:14 · 383 阅读 · 0 评论 -
TS学习中
ts学习中原创 2023-03-14 11:43:52 · 49 阅读 · 0 评论 -
JavaScript ES6 Module语法
JavaScript ES6 Module语法原创 2023-03-02 15:40:25 · 91 阅读 · 0 评论 -
vue3异步引入组件
vue3异步引入组件原创 2023-02-24 18:28:45 · 204 阅读 · 0 评论 -
vue中的keep-alive使用
vue中的keep-alive使用原创 2023-02-24 18:23:56 · 60 阅读 · 0 评论 -
vue中mixin用法和注意事项
vue中mixin用法和注意事项原创 2023-02-24 18:14:48 · 173 阅读 · 0 评论 -
vue3中optionis api方式@update或v-model父子通讯
vue3中optionis api方式@update或v-model父子通讯原创 2023-02-24 15:08:45 · 291 阅读 · 0 评论 -
vue中slot的多种用法
vue中slot的多种用法原创 2023-02-24 14:56:33 · 168 阅读 · 0 评论 -
vue2中.sync的用法
vue2中.sync的用法原创 2023-02-24 14:32:06 · 259 阅读 · 0 评论 -
vue常用的修饰符
vue常用修饰符原创 2023-02-24 12:22:13 · 398 阅读 · 0 评论 -
vue自定义指令例如copy功能
vue自定义指令原创 2023-02-24 12:07:57 · 109 阅读 · 0 评论 -
vuex的使用
vuex的使用原创 2023-02-23 12:24:14 · 43 阅读 · 0 评论 -
vue自定义插件方式以及使用
vue自定义插件使用原创 2023-02-23 12:13:30 · 172 阅读 · 0 评论 -
什么是 Canvas?
什么是 Canvas就是 HTML 5 给出的一个可以展示绘图内容的标签.最早是 苹果公司 提出的该标签.threejs.org 里面有汽车等 3D 的仿真基本使用1> 提供 Canvas 标签即可. 默认就会占据 300 * 150 的区域2> 利用 html 属性为它设置宽高. 不要使用 CSS 来设置.使用 属性设置 canvas 标签的宽高, 实际上相当于增加了 canvas 画布的像素但是如果使用 CSS 来设置画布的大小, 那么不会增加像素点, 只是将像素扩大..原创 2021-09-12 23:56:20 · 278 阅读 · 0 评论 -
整个Node.js学习使用
1. 整个node.js学习【基础概念】什么是node.js以及node.js的特点node.js适合做什么什么是模块化、什么是Common.js模块化规范模块、包、npm、包加载机制etc…【基本能力】掌握node.js中基本API的使用能够使用npm管理包能够使用ES6新语法能够使用node.js创建基本的web服务器【高阶内容】能够使用Express框架、结合mysql数据库实现后端网站注意:整个node.js学习阶段,概念类知识点较多,需要理解透彻原创 2021-09-12 23:54:54 · 75 阅读 · 0 评论 -
B/S 交互模型是什么?
B/S 交互模型什么是B/S:特指基于 浏览器(Browser) 和 服务器(Server) 这种交互形式;**什么是服务器:**在网络节点中,专门对外提供资源服务的一台电脑;**什么是客户端:**在网络节点中,专门用来消费服务的一台电脑;HTTP 协议的通信模型:请求 - 处理 - 响应的过程;请求:由客户端发起请求;处理:由服务器端处理请求;响应:服务器端把处理的结果,通过网络发送给客户端;**什么是静态资源:**服务器端只需要读取并直接发送给客户端、不需要进一步处理的资源,原创 2021-09-12 23:51:22 · 349 阅读 · 0 评论 -
Node.js 中 模块 和 包 的概念
Node.js 中 模块 和 包 的概念回顾:Node.js 由三部分组成:ECMAScript 核心 + 全局成员 + 模块成员原创 2021-09-12 23:45:26 · 60 阅读 · 0 评论 -
了解 - 浏览器端的 AMD 和 CMD 模块化规范
了解 - 浏览器端的 AMD 和 CMD 模块化规范注意:浏览器端不能使用 CommonJS规范;因为 CommonJS 下,模块是同步加载的;AMD/CMD可以理解为是commonjs在浏览器端的解决方案,AMD/CMD下,模块都是异步加载的;AMD模块化规范代表:RequireJS主要特性1:对于依赖的模块,AMD 是提前执行;主要特性2:推崇依赖前置;CMD模块化规范代表:SeaJS主要特性1:对于依赖的模块,CMD 是延迟执行;CMD 推崇 as lazy as possib原创 2021-09-12 23:44:35 · 351 阅读 · 0 评论 -
JavaScript中module.exports 和 exports 的关系
module.exports 和 exports 默认引用了同一个空对象;module.exports 和 exports 作用一致,都可以向外暴露成员;一个模块作用域中,向外暴露私有成员时,永远以 module.exports 为准;原创 2021-09-12 23:43:30 · 140 阅读 · 0 评论 -
Express 框架里 中间件的概念
Express 框架里 中间件的概念什么是中间件定义:中间件就是一个处理函数;只不过这个函数比较特殊,包含了三个参数,分别是 req,res,next注意:中间件方法中的三个参数:req:请求对象;res:响应对象;next:next()可以被调用,表示调用下一个中间件方法;Express 框架中对中间件的5种分类应用级别的中间件: 挂载到 app 上的中间件 app.get('URL地址', (req, res, next)=> {});路由级别的中间件: 挂载到 rou原创 2021-09-12 23:36:54 · 129 阅读 · 0 评论 -
nodejs模块加载机制
nodejs模块加载机制优先从缓存中加载当一个模块初次被 require 的时候,会执行模块中的代码,当第二次加载相同模块的时候,会优先从缓存中查找,看有没有这样的一个模块!好处:提高模块的加载速度;不需要每次都重新执行并加载模块!核心模块的加载机制先查找缓存;如果缓存中没有,再去加载核心模块;用户模块的加载机制先查找缓存;如果缓存中没有则尝试加载用户模块;如果在加载用户模块时候省略了后缀名,则:首先,严格按照指定的名称去查找其次,尝试加载后缀名是 .js 的文件原创 2021-09-12 23:35:40 · 298 阅读 · 0 评论 -
JSONP 和 CORS 的区别
JSONP 和 CORS 的区别JSONP的原理:动态创建script标签;JSONP发送的不是Ajax请求不支持 Post 请求;CORS中文意思是跨域资源共享 ,需要服务器端进行 CORS 配置;CORS 发送的是真正的Ajax请求CORS 支持Ajax的跨域如果要启用 CORS 跨域资源共享,关键在于 服务器端,只要 服务器支持CORS跨域资源共享,则 浏览器肯定能够正常访问 这种 CORS 接口;而且,客户端在 发送 Ajax的时候,就像发送普通AJax一样,没有任何代码原创 2021-09-12 23:32:44 · 253 阅读 · 0 评论 -
前端_MVC三层架构
原创 2021-09-12 23:31:19 · 85 阅读 · 0 评论 -
JavaScript 原生API使用
JavaScript 原生 WebAPI部分 笔记(简略常用)简略重点部分一 , 操作部分:1.找标签2.事件操作3.属性和内容修改4.自定义属性操作5.样式操作6.类名操作2.获取标签元素方式1.根据id获取元素var div = document.getElementById('main');2.根据标签名获取元素(获取的是多个标签!) 获取的是数组var divs = document.getElementsByTagName('div'); 3.根据选择器获原创 2021-09-12 23:21:56 · 849 阅读 · 0 评论 -
webpack4一个可用的搭配
已搭配功能详见 package.json`// webpack.config.js 文件const path = require(‘path’);const { CleanWebpackPlugin } = require(‘clean-webpack-plugin’)const HtmlWebpackPlugin = require(‘html-webpack-plugin’)module.exports = (env, argv) => {const devMode = argv.原创 2021-06-25 13:31:07 · 179 阅读 · 0 评论 -
前端项目文件命名参考
(一)网页内容类标题: title摘要: summary箭头: arrow商标: label网站标志: logo转角/圆角: corner横幅广告: banner子菜单: subMenu搜索: search搜索框: searchBox登录: login登录条:loginbar工具条: toolbar下拉: drop标签页: tab当前的: current列表: list滚动: scroll服务: service提示信息: msg热点:hot新闻: news小技巧原创 2021-06-19 23:39:49 · 1076 阅读 · 0 评论 -
前端常见面试题
1.CSS实现垂直水平居CSS实现垂直水平居中一道经典的问题,实现方法有很多种,以下是其中一种实现:HTML结构:<div class="wrapper"> <div class="content"></div></div>CSS:.wrapper { position: relative; width: 500px; height: 500px; border: 1px solid原创 2021-06-19 23:32:10 · 218 阅读 · 0 评论 -
html css 基本词汇
1.0 html css 基本词汇一、页面布局(layout)header 头部/页眉;index 首页/索引;logo 标志;nav/sub_nav 导航/子导航;banner 横幅广告;main/content 主体/内容;container/con 容器;wrapper/wrap 包裹(类似于container);menu 菜单;sub_menu/second_menu 子菜单/二级菜单;list 列表;section 分区/分块(类似于div);article 文章;原创 2021-06-19 23:27:17 · 1888 阅读 · 0 评论 -
前端html5/css3笔记
1、background-size:contain / cover contain: a。图片大于盒子:图片会等比例缩放(将图片缩小),盒子会有空白 b.图片小于盒子:图片会等比例缩放(将图片放大),盒子会有空白 cover: a。图片大于盒子:图片会等比例缩放,导致图片部分看不见 a。图片小于盒子:图片会等比例缩放,导致图片部分看不见2、过渡 动画做完后会回到初始状态 transition:属性名 动画时间 动画的延迟时间原创 2021-03-26 09:49:30 · 64 阅读 · 0 评论