- 博客(27)
- 收藏
- 关注
RSS订阅原创 跨域以及解决方案
但是这样一来，浏览器和Node代理服务器会存在跨域的问题，这个时候，我们通常的做法是将Node代理服务器和我们的静态资源部署在同一服务器下就不会产生跨域的问题。其实在我们进行webpack配置是,它的本质也是在webpack-server的服务器中配置了代理,在我们进行了配置之后,webpack会开启一个node代理服务器,并使用http-proxy-middleware插件,将请求转发到真实请求的服务器中,node开启代理服务器具体的做法我会在下面讲到。
2025-01-08 09:41:20
901
原创 Redux
Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex）可以独立于框架运行使用步骤：定义一个 reducer 函数 （根据当前想要做的修改返回一个新的状态）使用createStore方法传入 reducer函数 生成一个store实例对象使用store实例的 subscribe方法 订阅数据的变化（数据一旦变化，可以得到通知）使用store实例的 dispatch方法提交action对象 触发数据变化（告诉reducer你想怎么改数据）
2024-12-27 13:28:26
741
原创 react自定义hooks函数
自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用例如：这里多个地方要使用一个函数 来控制元素的显示隐藏。
2024-12-18 18:01:08
467
原创 配置flutter 解决andriod studio报错 no device selected
flutter配置好后 明明下载好了模拟器 但是在andriod studio 找不到设备 显示no devices。flutter config --android-sdk 自己android studio的路径。这个时候需要我们配置一下flutter关联的android sdk的路径和文件夹 就可以解决了。这样配置就可以解决了~
2024-12-18 17:58:31
1109
原创 React useEffect使用
是reac hook的函数useEffect作用：不是由事件引起，而是由渲染本身引起的操作，比如发起请求，更改DOM不发生任何的用户事件，组件渲染完毕之后就需要和服务器要数据，整个过程中属于‘只需要渲染引起的操作’1.当不传入依赖时，初始时会执行一次， 组件任意数据发生变化时会执行一次为空时只在初始渲染时执行一次里面有依赖项时。初始时+依赖项变化时。
2024-12-15 09:05:28
580
原创 React 组件间的通信
注意：这里可以传递任何类型，包括函数，span盒子等等特殊：当我们将内容嵌套在子盒子内部时，在子组件里面可以通过props.childern既可以调用数据。
2024-12-15 08:59:43
703
1
原创 react（事件绑定+组件） classnames
事件绑定的位置需要改造成箭头函数的写法console.log('button按钮点击了', name)return (加上事件对象console.log('button按钮点击了', name,e)return (
2024-11-12 12:42:24
389
原创 认识react+jsx
技术栈：react18+Redux+ReactRouter+AntD是一个用来构建web应用（浏览器，网页）和原生（苹果，android)交互界面的库相对于其他前端框架优势：1.丰富的生态(在开发时用到什么东西都是现成的，比vue更加丰富)2.跨平台支持（可以写我们的原生应用---安卓项目这些）全球最流行·，大仓必备创建好了后，src下只需要留下index.js， app.js文件。
2024-11-10 17:41:53
513
原创 Canvas与SVG的区别
Canvas 元素在 HTML 中定义了一个矩形区域，这个区域可以通过 JavaScript 访问，并且提供了一套完整的绘图功能，允许动态生成图形。Canvas 的默认大小为 300 像素 × 150 像素，但可以通过 HTML 的width和height属性来自定义尺寸。Canvas 的坐标系统以左上角为原点 (0,0)，X 轴向右为正方向，Y 轴向下为正方向。开发者可以通过方法获取 CanvasRenderingContext2D 对象，然后使用这个对象提供的方法进行绘制。
2024-11-10 17:34:25
383
原创 v-model原理
v-model本质上是一个语法糖。例如应用在输入框上，就是value属性 和 input事件 的合写提供数据的双向绑定数据变，视图跟着变 :value视图变，数据跟着变 @input用于在模板中，获取事件的形参注意：不同的表单元素， v-model在底层的处理机制是不一样的。比如给checkbox使用v-model。底层处理的是 checked属性和change事件。
2024-06-13 20:08:44
480
原创 vue-watch监听
watch是vue内部提供的一个用于侦听功能的更通用的方法，其用来响应数据的变化，通过特定的数据变化驱动一些操作。newValue新值, oldValue老值（一般不用 省略）watch同样声明在跟data同级的配置项中。
2024-06-09 08:30:26
552
原创 工程化开发---脚手架Vue CLI
组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为。好处：便于维护，利于复用 → 提升开发效率。组件分类：普通组件、根组件。比如：下面这个页面，可以把所有的代码都写在一个页面中，但是这样显得代码比较混乱，难易维护。咱们可以按模块进行组件划分整个应用最上层的组件，包裹所有普通小组件注意：代码高亮下载插件Vetur三部分构成template：结构 （有且只能一个根元素）script: js逻辑style： 样式 (可支持less，需要装包)让组件支持less。
2024-06-08 08:35:30
1980
原创 vue生命周期
Vue生命周期：就是一个Vue实例从创建 到 销毁 的整个过程。3.更新阶段前/后：修改数据，更新视图。1.创建阶段前/后：创建响应式数据。4.销毁阶段前/后：销毁Vue实例。2.挂载阶段前/后：渲染模板。Vue生命周期过程中，会。】→ 让开发者可以在【
2024-06-07 20:19:57
328
原创 基于 Promise 和 XHR 封装 myAxios 函数
Promise 对象用于表示一个异步操作的最终完成（或失败）及其结构值好处：逻辑更清晰（成功或失败会关联后续的处理函数）了解 axios 函数内部运作的机制。
2024-06-05 16:54:28
492
原创 localStorage 的优化
在实际的前端开发中，我们可以对localStorage进行优化，当要对较多的用户数据进行存储时，可以将localStorage进行模块化处理，从而更加方便和高效地导入和使用。在实际的前端开发中，需要根据具体的情况和需求，进行权衡和考虑，从而决定是否将。的各个函数和方法，从而更好地实现前端应用的功能和需求，避免每次都使用。封装成一个模块，当然当存储较少的数据时，也可以进行。在模块中使用，可以将一个用户的。函数进行数据类型的转换和处理。
2024-06-03 18:09:29
409
原创 git相关知识
需求1：基于 master 新建 publish 分支，完成发布文章业务，然后修改内容页面的 html 文件的 title 标签，并提交一次。合并提交：发生于原分支产生了新的提交记录后，再合并回去时发生，自动使用多个快照记录合并后产生一次新的提交。暂存区 -> 覆盖 -> 工作区，命令：git restore 目标文件（注意：完全确认覆盖时使用）1.小传开发代码 -> 工作区 -> 暂存区 -> 提交 -> 拉取（可选）-> 推送。注意2：回退后，继续修改->暂存->提交操作即可（产生新的提交记录过程）
2024-06-03 08:49:56
2134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人