- 博客(17)
- 收藏
- 关注
RSS订阅原创 React 父子组件
父组件提供要传递的state数据给子组件标签添加属性，值为 state 中的数据子组件中通过 props 接收父组件中传递的数据静态结构父组件提供数据并且传递给子组件子组件接收数据。
2023-05-25 14:33:49
298
原创 React受控组件和非受控组件
React中将state中的数据与表单元素的value值绑定到了一起，但是在react中，可变状态通常是保存在state中的，并且要求状态只能通过setState进行修改。在state中添加一个状态，作为表单元素的value值（控制表单元素的值）给表单元素添加change事件，设置state的值为表单元素的值（控制值的变化）
2023-05-25 09:48:42
178
原创 React 组件（函数组件，类组件）
作用: 创建对象，等同于构造函数。类与对象：是指一类事物，比如程序员，指的是一类群体。对象是指具体的事物。前端开发，是程序员这类人中的一种。后台开发，也是程序员的一种。举例，使用FrontEnd与BackEnd，继承Programmaer。总结。
2023-05-24 14:03:36
274
原创 React jsx
JSX是的简写，表示了在Javascript代码中写XML(HTML)格式的代码优势：声明式语法更加直观，与HTML结构相同，降低学习成本，提高开发效率。jsx 基本使用。
2023-05-24 10:38:46
149
原创 React
脚手架：为了保证各施工过程顺利进行而搭设的工作平台对于前端项目开发来说，脚手架是为了保证前端项目开发过程顺利进行而搭设的开发平台脚手架的意义：现代的前端开发日趋成熟，需要依赖于各种工具，比如，webpack、babel、eslint、sass/less/postcss等工具配置繁琐、重复，各项目之间的配置大同小异开发阶段、项目发布，配置不同项目开始前，帮你搭好架子，省去繁琐的 webpack 配置项目开发时，热更新、格式化代码、git 提交时自动校验代码格式等。
2023-05-23 14:48:50
92
原创 js 基础web API ③ 滚动事件和加载事件
很多网页需要检测用户把页面滚动到某个区域后做一些处理， 比如固定导航栏，比如返回顶部。老代码喜欢把 script 写在 head 中，这时候直接找 dom 元素找不到。加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件。获取元素的自身宽高、包含元素自身设置的宽高、padding、border。获取元素的可见部分宽高（不包含边框，滚动条等）有些时候需要等页面资源全部处理完了做一些事情。当页面进行滚动时触发的事件。获取左边框和上边框宽度。事件名：scroll。
2023-05-22 14:24:52
410
原创 js 基础web API ② 定时器+事件
DOM L3： DOM3级事件模块在DOM2级事件的基础上重新定义了这些事件，也添加了一些新事件类型。就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为 注册事件。事件： 用什么方式触发，比如鼠标单击 click、鼠标经过 mouseover 等。DOM L0 ：是 DOM 的发展的第一个版本；事件源.addEventListener(事件， 事件处理函数)事件源： 那个dom元素被事件触发了，要获取dom元素。事件调用的函数： 要做什么事。事件是在编程时系统内发生的。
2023-05-13 14:27:28
182
原创 js 基础 web APl ①
1. 设置/修改DOM元素内容有哪3钟方式？document.write() 方法元素.innerText 属性元素.innerHTML 属性2. 三者的区别是什么？document.write() 方法 只能追加到body中元素.innerText 属性 只识别内容，不能解析标签元素.innerHTML 属性能够解析标签如果还在纠结到底用谁，你可以选择innerHTML设置/修改DOM元素属性。
2023-05-13 10:11:37
141
原创 Vuex的认识
项目创建vue create 项目名添加vuex功能npm i vuex在模板中使用是$store.state.count在js中想要打印出来就要用this。
2023-05-11 15:13:58
94
原创 vue生命周期
虚拟DOM重新渲染, 打补丁到真实DOM。1.当$destroy()被调用 – 比如组件DOM被移除(例v-if)4.Create …– 把虚拟DOM和渲染的数据一并挂到真实DOM上。2.beforeDestroy – 生命周期钩子函数被执行。2.beforeUpdate – 生命周期钩子函数被执行。3.beforeMount – 生命周期钩子函数被执行。5.destroyed – 生命周期钩子函数被执行。6.mounted – 生命周期钩子函数被执行。4.updated – 生命周期钩子函数被执行。
2023-05-09 15:06:22
77
原创 vue父子组件 props $emit
创建组件components/MyProduct.vue - 复制下面标签组件内在props定义变量, 用于接收外部传入的值App.vue中引入注册组件, 使用时, 传入具体数据给组件显示App.vue中使用并传入数据。
2023-05-09 15:00:21
125
原创 vue基础 动态class vue过滤器
-- 语法::class="{类名: 布尔值}"使用场景: vue变量控制标签是否应该有类名-->动态classdata(){return {bool: true
2023-04-28 17:08:30
373
原创 Vue 2 脚手架-基础API
vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目脚手架是为了保证各施工过程顺利进行而搭设的工作平台src并列处新建vue.config.js/* 覆盖webpack的配置 */devServer: { // 自定义服务配置open: true, // 自动打开浏览器port: 3000。
2023-04-25 15:59:12
165
原创 vue3+TS 1
区别：个人建议尽量使用ref,但是reactive可以省去.value的写法。创建后会自动形成一套框架无需死记 只要知道里面是干嘛即可。可以根据传入的复杂数据，创建一个响应式的数据返回。vue2的插件需要关掉不然会报错。创建完毕记得以下步骤。
2023-04-20 09:52:29
132
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人