- 博客(59)
- 收藏
- 关注
RSS订阅原创 React学习day08-useReducer、useMemo、memo、useCallback、forwardRef、useInperativeHandle
查看state初始值在reducer函数中新增（这里是直接返回传的值）在触发dispatch传参时，传递payload。
2024-09-20 17:00:00
849
原创 React学习day07-ReactRouter-抽象路由模块、路由导航、路由导航传参、嵌套路由、默认二级路由的设置、两种路由模式
组件内容： 效果：点击链接，进行切换。
2024-09-17 16:54:52
715
原创 React学习day06-异步操作、ReactRouter的概念及简单使用
13、续（8）异步状态操作1）在子仓库中①创建仓库②解构需要的方法③安装axios④封装并导出请求⑤在reducer中为newsList赋值⑥获取并导出reducer函数2）在入口文件index.js中，注入3）在App.js中，使用①通过useEffect触发请求②解构出异步的列表③使用（通过map渲染）④效果（9）调试工具Redux DevTools安装（仅针对火狐）1）点击浏览器右上角“三”，找
2024-09-16 17:00:00
200
原创 React学习day03-components插件安装（仅基于火狐浏览器）、受控表单绑定、在React中获取dom、组件通信（组件间的数据传递）
根据嵌套关系的不同，有不同的通信方法已知：当把内容嵌套在子组件的标签中，父组件会自动再命名为children的props属性值接收该内容已知：已知：已知：
2024-08-28 16:42:23
1064
原创 React学习day01-React-开发环境配置、JSX基础-本质、JSX中js表达式的用法、JSX的条件渲染
显示（创建了一个文件夹）：成功后显示：App.js（项目的根组件）（渲染路径App->index.js->public/index.html(root)）index.js（保留内容及每部分的作用）清理后，效果：外层识别表达式的语法，内层识别对象结构
2024-08-25 17:00:00
278
原创 小程序学习day13-API Promise化、全局数据共享（状态管理）、分包
②重新构建npm显示：示例：效果： 分包前，小程序的所有页面和资源都被打包到了一起，导致项目体积过大，影响小程序首次启动的下载时间在app.json中新增与pages平级的subpackages属性，为其配置根目录，页面路径通过name命名在“详情”的“基本信息”中，查看“本地代码”在普通分包的基础上，添加independent属性比如：Wifi与all同一个分包中的页面享有共同的预下载限额2M（同一页面内所有分包预下载体积之和<=2M）
2024-08-24 17:00:00
626
原创 小程序学习day12-自定义组件（续）-behaviors、小程序对npm的支持与限制、vant组件库的安装和使用、Vant Weapp使用css变量定制vant主题样式
新建一个js文件，创建behavior实例，可以包含属性、数据和方法。
2024-08-23 17:00:00
825
原创 小程序学习day11-生命周期函数、组件所在页面的生命周期、自定义组件的插槽、自定义组件的父子通信
语法：生命周期函数(){}Lifetimes:{生命周期函数(){}} pageLifetimes:{ show(){}, hide(){}, resize(){} }已知：子组件中无法同步修改父组件传过来的值传参：调用：
2024-08-22 17:00:00
988
原创 小程序学习day10-自定义组件的data数据、方法、属性，data与properties的关系、自定子组件之数据监听器
语法：“对象1,对象2”:function(对象1的新值，对象2的新值){}}}）示例（求num1+num2为sum）语法：Component（{Observers：{“对象.属性1,对象.属性2”:function(属性1的新值，属性2的新值){}}}）
2024-08-21 16:34:54
625
原创 小程序学习day09-WXS脚本、自定义组件-组件的创建、引用、组件与页面的区别、组件的样式隔离
在其他页面无效默认情况下，自定义组件 的样式隔离性能防止组件内外样式互相干扰的问题，但是有时需要外界能够控制组件内部的样式，可以通过styleIsolation实现。
2024-08-18 09:43:51
649
原创 小程序学习day08-导航传参、下拉刷新（移动端的专有名词）、上拉触底（移动端的专有名词）、自定义编译模式、生命周期
注：页面生命周期的范围较小，应用生命周期的范围较大。
2024-08-16 17:00:00
951
原创 小程序学习day07-页面配置、网络数据请求、页面导航-声明式导航、编程式导航
如果要后推到上一级页面或者多级页面，需要指定open-type属性（必须为navigateBack，表示要进行后台导航）和delta属性（必须是数字，表示后退的层级）complete（function）：非必须，接口调用结束的回调函数（调用成功、失败均执行）complete（function）：非必须，接口调用结束的回调函数（调用成功、失败均执行）complete（function）：非必须，接口调用结束的回调函数（调用成功、失败均执行）success（function）：非必须，接口调用成功的回调函数。
2024-08-15 16:53:35
1061
原创 小程序学习day06-wx：for续、WXSS模版样式、rpx尺寸单位、@import、全局样式与局部样式、全局配置
在list页面在index页面（在list.wxss页面中修改字体颜色，不会作用到index页面）4）style（是否启用新版的组件样式）
2024-08-14 17:00:00
709
原创 小程序学习day05-事件绑定、事件传参（小程序中不能在绑定事件的）、实现文本框和data数据的动态绑定、条件渲染、wx：for
Wx:elif和wx:else来添加else进行判断。
2024-08-13 16:01:51
748
原创 小程序学习day04-小程序API、小程序的上传（测试号没有上传的功能）、小程序的版本、小程序的二维码、数据绑定
点击“上传”——>填写“版本号”（备注可不填写） 登录小程序管理后台——>设置——>基本设置——>基本信息——>小程序码及线下物料下载 登录“小程序管理后台”——>点击侧边栏的“统计”——>点击相应的tab可以看到相关的数据打开“微信”——>搜索“小程序数据助手”——>查看已发布的小程序相关数据
2024-08-12 16:42:41
395
原创 小程序学习day03-小程序的.js文件、小程序的宿主环境、常用的组件-视图类、常用基础内容组件、其他常用组件
把小程序的代码包下载到本地——>解析app.json全局配置文件——>执行app.js小程序入口文件，调用APP函数，创建小程序实例——>渲染小程序首页——>启动完成。加载解析页面的.json配置文件——>加载页面的.wxml模版和.wxss样式——>执行页面的.js文件，调用Pages函数，创建页面示例——>渲染完成。逻辑层和渲染层的通信（由微信客户端进行转发）在仅加边框的情况下，可看出image具有默认的宽高（宽322px，高242px）视图容器、基础内容、表单组件、导航组件、媒体组件、
2024-08-11 17:00:00
909
原创 小程序学习day02-JSON配置文件、小程序页面、WXML、WXSS
当允许时，微信会通过爬虫的形式，为小程序的页面建立索引，当用户的搜索关键字和页面的索引匹配成功的时候，小程序的页面可能展示在搜索结果中。
2024-08-10 17:00:00
666
原创 小程序学习day01-小程序与普通网页开发的区别、设置微信开发者工具的外观和代理、创建小程序项目、如何查看项目效果、小程序代码构成、主界面的5个部分
网页运行在浏览器环境中，小程序运行在微信环境中由于运行环境的不同，在小程序中无法调用DOM和BOM的API，但是小程序可以调用微信环境提供的各种API，比如：地理定位、扫码、支付等网页的开发模式：浏览器+代码编辑器；小程序开发模式：申请开发账号、安装小程序开发者工具、创建和配置小程序项目成功新建：
2024-08-09 17:00:00
448
原创 vue3学习day04-provide和inject、defineOptions、defineModel、Pinia、pinia持久化
已知在views文件夹下的login中有一index.vue文件命名时出现两个script，无法新增name属性。
2024-08-08 12:08:10
1115
1
原创 vue3学习day03-vue3的生命周期、父子通信、模版引用、defineExpose
beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyedBeforeCreate/created、beforeMount、mounted、beforeUpdate、updated、beforeUnmount、unmountedsetup、onBeforeMount、onmounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted点击按钮
2024-08-06 21:01:37
303
原创 vue3学习day02-组合式API-setup选项、reactive（将非响应式数据变为响应式数据）、computed（基本思想和vue2一致）、watch
需要返回 已知：浅层监视。
2024-08-01 17:34:21
363
原创 vue3学习day01-vue3的优势、新的脚手架工具create-vue、创建vue3项目、vue3的项目文件内容、插件变化
（4）index.html 单页入口，提供id为app的挂载点。
2024-07-31 17:14:32
537
原创 vuex学习day03-辅助函数mapActions、getters、模块module、分模块后的访问（均需要开启命名空间）
（context默认提交的是自己模块的mutations和actions）展开映射到computed计算属性中。
2024-07-29 21:03:50
665
2
原创 vuex学习day02-state状态、严格模式（strict）、mutations、辅助函数mapMutations、actions
解决方式：找到.eslintrc.js文件，添加一行“indent”:[“off”,2]报错2？：解决措施：用vscode打开.eslintrc.js文件，错误很明显改正之后在模版中：在js中通过辅助函数访问：mapState：把store中的数据自动映射到组件的计算属性中效果：Vuex遵循单项数据流，组件中不能直接修改仓库的数据当在任意组件中修改数据，发现都可以（类似于没有进行子传父的操作，却成功修改了父组件的值），不便于维护效果：加strict之后：效果：
2024-07-27 17:07:39
967
原创 vue学习day12-声明式导航续、路由重定向、Vue路由-404、Vue路由-模式设置、编程式导航
路径带“#”的怎么变成自然的，不带“#”的。
2024-07-25 15:43:10
780
原创 vue学习day11-路由、路由模块的封装、声明式导航-路由的介绍、VueRouter、router-link、自定义高亮类名
（根据路由就能知道不同的路径，应该匹配渲染哪个组件）前5步固定。
2024-07-16 22:10:43
814
1
原创 vue学习day10-插槽、单页应用程序（SPA-Single Page Application）-默认插槽、后备内容（默认值）、具名插槽、作用域插槽（插槽的一个传参语法）
插槽可分为默认插槽和具名插槽逻辑： 初始：代码逻辑：效果：效果：系统网站/内部网站/文档类网站/移动端站点准备一下，明天上路由！
2024-07-15 22:22:15
328
原创 vue学习day08-v-model详解、sync修饰符、ref和$refs获取dom组件、Vue异步更新和$nextTick
v-model本质上是一个语法糖，比如：在应用于输入框时，就是value属性与input事件的合写。注：在模版中，$event用于获取时间的形参简言之：利用父子通信实现v-model的效果（子组件不能使用v-model，因为数据是父组件的）初始：①父传子效果：②子传父初始（续上）：结果：原来：用v-model：1）父传子父组件：2）子传父子组件：父组件：③效果：父组件通过ref属性获取子组件的值，并重置其值代码：结果：获取：点击之后，改变为输入框，并获取焦点——>源代码：1）直接使用this.&refs.i
2024-07-13 17:38:55
492
原创 vue学习day07-scoped样式冲突、data是一个函数、props详解、组件通信、非父子通信-event bus 事件总线
一个组件中的data选项必须是一个函数。这可以保证每个组件实例，维护独立的一份数据对象。（每次创建新的组件实例，都会执行一次data函数，得到一个新对象）比如：当一个组件在根组件里多次使用时，该组件中的某一项数据值被使用多次，修改该值其中一个值，而不影响该值在其他地方的数值①都可以给组件提供数据。
2024-07-12 20:01:08
736
原创 vue学习day06-脚手架目录文件介绍与项目运行流程、组件化开发和根组件、普通组件的注册使用-局部注册、全局注册
不加less，使用这种结构，报错解决方法。
2024-07-11 20:00:00
356
原创 vue学习day05-watch侦听器（监视器）、Vue生命周期和生命周期的四个阶段、、工程化开发和脚手架Vue cli
如果已经安装或者安装了nvm，又或者初次安装，但是出现（vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的 名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一 次。所在位置 行:1 字符: 1 + vue create vue-demo1 + ~~~ + Category）Vue cli是Vue官方提供的一个全局命令工具，可以帮助我们快速创建一个标准化基础架子。（或者安装了nvm的），可以尝试一下这个方法。Vue生命周期过程中，会。（没产生，先刷新一下）
2024-07-10 20:00:00
1231
原创 vue学习day02-Vue指令-v-html、v-show与v-if、v-else与v-else-if、v-on、v-bind、v-for、v-model
当表达式值为true时，无显著区别，当值为false时，v-show通过控制css的display：none来控制显示与隐藏。如果不加key，v-for的默认行为会尝试原地修改元素（就地复用）提供一个地址，这里是百度的地址，通过v-html渲染。作用：设置元素的innerHTML。语法：v-html=“表达式”提供一个布尔值和两个盒子。点击“切换显示与隐藏”
2024-07-07 20:00:00
828
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人