- 博客(94)
- 问答 (1)
- 收藏
- 关注
原创 vuex报错:Property or method “$store“ is not defined on the instance but referenced during render. Make
Property or method "yyy" is not defined on the instance but referenced during render.
2022-07-14 01:12:48 4786 15
原创 项目中简单封装vue3+element-plus表单
对于前端来说,在项目中,怎么简单怎么来,所以大佬们封装了一系列的插件与组件,avue就是一个很好的例子,但avue毕竟是别人公司封装的组件框架,自己不能改动加功能逻辑啊,头疼的很,所以我自己初步模仿avue编写代码的方式搭了一个围绕表格的框架组件。封装后的表单组件可以便捷地在项目中复用和扩展;实现动态渲染表单组件,包括输入框、选择器、开关、日期等;vep-crud封装组件中:组件持续更新中…
2024-04-01 14:42:06 1052 2
原创 vue-cropper图片裁剪(vue2与vue3)
在项目中,前端开发经常会遇到有图片上传的需求,而别人的组件大多都满足不了当下产品的需求,这是往往我们得去依靠组件自己自定义一个项目通用的裁剪组件,废话不多说,上货…安装依赖:vue2:vue3:引入相关文件自定义封装裁剪组件父组件cropper组件 - vue2:cropper组件 - vue3:好了,以上就是vue2与vue3结合vue-cropper的图片裁剪组件的封装,下次结合饿了么el-upload再进行封装,欢迎评论留言!!
2024-03-27 15:33:41 843
原创 前端随机验证
对于一个产品来说,除了自身的功能外,安全性就是另一个关注点了,第一道关卡便是登录验证,除了账号密码的验证外,现在好多网页或App上,还有其他的验证方式,拖拽验证、验证码验证等等,本节主要来一套颜色的验证码验证…对于前端开发来说,这个工作是后端完成的,但是,在自己的项目中,我们可以放到本地前端校验一次,这样能减少服务器的压力(前端自己的项目,本地一般没有服务器)以上就是简单的前端随机码的生成,有不同的方法,欢迎下方留言讨论!可选角度(不要为难自己开发时的眼睛了😂,我基本不要角度)所谓随机验证码,无非是随机。
2024-03-25 16:15:06 928
原创 区分localStorage,sessionStorage和cookie
1. 生命周期;2. 存储位置;3. 存储大小;4. 与服务器之间的关系;5. cookie的特点:;6. token和以上三者有什么关系;7. 如何跨标签页(页面)通信?
2024-02-20 14:34:08 319
原创 69.上线部署(nginx)
概念:把动态请求和静态请求分开,不是讲动态页面和静态页面物理分离,可以理解为 Nginx 处理静态页面,Tomcat 处理动态页面。概念:nginx 接收到客户端请求,转发到不同的服务器去处理。实际上已经配置好了,前面我们配置完成后就是动静分离了~作用:利用反向代理解决跨域问题。实战:解决项目上线时的跨域问题。作用:提高传输效率,节约带宽。
2024-02-20 14:26:49 1059
原创 68.vue2.0学习 —— vue-router
在组件中使用router-view和router-link。下一篇:上线部署(nginx)vue的一个插件库,专门用来实现SPA应用。下载vue-router插件。在项目中配置路由表和路由插件。
2024-02-20 14:10:52 821
原创 67.vue2.0学习 —— vuex
专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。
2024-02-20 11:44:39 812
原创 59.vue2.0学习 —— 基础语法
Vue核心;初识vue;模板语法;数据绑定;el和data的两种写法;数据代理;事件处理;基本使用;事件修饰符;计算属性;监视属性;监视属性和计算属性的区别;绑定样式;
2024-02-19 15:25:22 755
原创 58.移动端
本章将聚焦移动端场景,探讨Redux在移动应用开发中的适配与优化,通过结合移动端特性和Redux架构,我们将实现高效、可靠的数据流管理,提升移动应用的整体性能与用户体验。
2024-02-19 15:06:33 1207
原创 57.React学习 —— redux
Redux 是 JavaScript 应用的可预测状态容器,用来集中管理状态。特点:集中管理、可预测、易于测试、易于调试、强大的中间件机制满足你所有需求。注意:redux 是一个独立于 react 的库,可以配合任何 UI 库/框架来使用。redux的三大原则单一数据源State是只读的使用纯函数来执行修改什么情况下需要使用redux总体原则: 大型项目状态管理复杂才用某个组件的状态,需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态。
2024-02-19 14:18:49 958
原创 56.React学习 —— react路由
Switch 组件Switch组件用于包裹Route组件,类似于js中的switch,有一个Route符合就不往下匹配了//pathname是 /home//匹配第一个path /home 符合. 就不再匹配下面的Route了Redirect 组件重定向组件(渲染Redirect将使导航到一个新的地址,这个新的地址会覆盖 history 栈中的当前地址)或NavLink。
2024-02-19 11:32:41 858
原创 55.React学习 —— react脚手架使用
react中写代码,写完的代码,也要打包. 自己配置webpack非常繁琐,所以直接使用react脚手架工具,帮我们直接配置好webpack以及项目的目录结构。
2024-02-19 11:17:26 367
原创 虚拟DOM的diff算法
react元素就是一个虚拟dom直接操作dom元素,效率远远低于操作数据(虚拟dom)react中创建出来的元素,其实不是真实的dom元素,是虚拟domreact如何渲染视图层: 根据之前的结构,生成一个旧的虚拟dom. 然后代码发生变化,也就意味着新的虚拟dom结构发生变化.这个时候react底层会比较这两个虚拟dom结构.然后根据比较的结构,修改真实的dom.真实dom被修改了,视图就会跟着发生变化一种对比新/旧虚拟DOM树的高效算法,能快速计算哪些虚拟DOM树发生了变化,从而只更新局部DOM。
2024-02-19 10:53:14 994
原创 53.React学习 —— 高阶组件
高阶组件的作用: 提供复用的状态逻辑高阶组件是什么: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式简单理解的话: 一个拥有复用逻辑的函数,这个函数需要传入一个组件,然后返回一个增强的组件高阶组件实现调用函数,得到增强组件,渲染增强组件使用es7的修饰符高阶组件要注意的问题:解决:给高阶组件中返回的组件, 增加一个静态属性displayName传递prop
2024-02-19 10:42:47 831
原创 52.React学习 —— 组件优化
1. Fragment的使用;2.React性能优化;3.纯组件 pureComponent;4.React.forwardRef;5.Portal
2024-02-19 10:32:52 819
原创 49.React学习 —— 组件(props)、状态(state)、this指向、ref
1.React的组件(函数与类);2.组件的状态state;3.this的指向问题;4.组件传递数据props;5.表单处理(受控组件与非受控组件)
2024-02-19 09:31:04 918
原创 48.React学习 —— 基本语法
React 是一个用于构建用户界面的 JavaScript 库。如果从 MVC 的角度来看,React 仅仅是视图层(View),也就是只负责视图的渲染,而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook ,并于 2013 年 5 月开源。
2024-01-31 17:38:04 848
原创 47.webpack学习
使用 webpack 配置文件;js 语法检查;打包 less 资源;打包样式文件中的图片资源;打包 html 文件;自动编译打包运行;热模替换功能;devtool;压缩;插件
2024-01-31 17:19:11 838
原创 在浏览器地址栏输入url然后敲击回车之后都做了什么?
1.DNS查询 / 解析;2.TCP连接;3.发送请求;4.返回响应;5.渲染页面;6.断开连接
2024-01-31 15:53:38 855
原创 41.HTTP协议
1.1 HTTP协议是什么;1.2 Fiddler;1.2.1 简介;1.2.2 安装;1.2.3 使用;1.3报文;1.3.1 报文格式;1.3.2 请求报文;1. 报文格式;2. GET请求;3. POST请求;1.3.3 响应报文;1. 报文格式;2. 报文分析;3. 响应状态码;1.4 get和post区别;1.4.1 常见的get请求;1.4.2 常见的post请求;
2024-01-31 11:34:21 831
原创 40.Express基础学习(三)
5.1 EJS是什么;5.2 EJS的使用;5.3 EJS语法;6.1会话控制是什么;6.2 cookie;6.2.1 cookie是什么;6.2.2 cookie的不足;6.2.3 cookie的使用;6.3 session;6.3.1 session是什么;6.3.2 session运作流程;6.3.3 session的使用;6.3.4 cookie和session的区别;6.4 express中操作cookie和session教程;6.4.1 操作cookie;
2024-01-31 10:51:18 712
原创 39.Express基础学习(二)
3.1中间件简介;3.2中间件功能;3.3 中间件的分类;3.4中间件实例;第4章:Router路由器;4.1 Router是什么;4.2 为什么使用Router;4.3 Router的使用;
2024-01-31 10:49:07 358
为什么 num >>> 32 = num?
2024-04-11
npm install -g @vue/cli下载不了
2022-07-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人