- 博客(98)
- 问答 (1)
- 收藏
- 关注

原创 vue-lazy(自定义图片懒加载)
在npm官网库中试了好多,要么就是不生效没什么用的,要么就是没文档不知道能不能用的,上次在npm找了一个,现在找不到了,被删库了,所以,还是自己简单写一个救救急吧,废话不多说,直接看代码!!!
2024-08-19 10:26:50
1174

原创 项目中简单封装vue3+element-plus表单
对于前端来说,在项目中,怎么简单怎么来,所以大佬们封装了一系列的插件与组件,avue就是一个很好的例子,但avue毕竟是别人公司封装的组件框架,自己不能改动加功能逻辑啊,头疼的很,所以我自己初步模仿avue编写代码的方式搭了一个围绕表格的框架组件。封装后的表单组件可以便捷地在项目中复用和扩展;实现动态渲染表单组件,包括输入框、选择器、开关、日期等;vep-crud封装组件中:组件持续更新中…
2024-04-01 14:42:06
1541
4

原创 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
5156
15
原创 自定义v-loading指令
在使用vue框架中,自定义了一系列的指令,如:v-loading,v-html、v-for等,但有些展示性的指令样式能修改的局限性比较大,所以自己可以自定义一个!代码持续更新,若有更好的方法,欢迎各位道友评论区留言探讨!背景颜色可以在css中自定义,我用的是黑色透明的,用的是白色透明的,根据个人喜好来。没有华丽的文采,直接上代码哈。中(该文件见之前自定义。
2024-08-19 11:25:56
614
原创 [渲染层网络层错误] Failed to load image <URL> the server responded with a status of 502
[渲染层网络层错误] Failed to load image the server responded with a status of 502 (HTTP/1.1 502 Bad Gateway) From server 127.0.0.1(env: Windows,mp,1.06.2405020; lib: 3.4.10)
2024-07-17 11:48:17
560
1
原创 性能优化 - 让图片加载快一些
图片在前端项目占比很大,随着图片压缩技术和浏览器渲染技术的发展,既淘汰了很多过时的图片性能优化技巧,又应运而生了不少简单、可靠的图片优化手段。
2024-07-15 14:13:32
782
原创 vue-cropper图片裁剪(vue2与vue3)
在项目中,前端开发经常会遇到有图片上传的需求,而别人的组件大多都满足不了当下产品的需求,这是往往我们得去依靠组件自己自定义一个项目通用的裁剪组件,废话不多说,上货…安装依赖:vue2:vue3:引入相关文件自定义封装裁剪组件父组件cropper组件 - vue2:cropper组件 - vue3:好了,以上就是vue2与vue3结合vue-cropper的图片裁剪组件的封装,下次结合饿了么el-upload再进行封装,欢迎评论留言!!
2024-03-27 15:33:41
5748
2
原创 前端随机验证
对于一个产品来说,除了自身的功能外,安全性就是另一个关注点了,第一道关卡便是登录验证,除了账号密码的验证外,现在好多网页或App上,还有其他的验证方式,拖拽验证、验证码验证等等,本节主要来一套颜色的验证码验证…对于前端开发来说,这个工作是后端完成的,但是,在自己的项目中,我们可以放到本地前端校验一次,这样能减少服务器的压力(前端自己的项目,本地一般没有服务器)以上就是简单的前端随机码的生成,有不同的方法,欢迎下方留言讨论!可选角度(不要为难自己开发时的眼睛了😂,我基本不要角度)所谓随机验证码,无非是随机。
2024-03-25 16:15:06
1042
原创 区分localStorage,sessionStorage和cookie
1. 生命周期;2. 存储位置;3. 存储大小;4. 与服务器之间的关系;5. cookie的特点:;6. token和以上三者有什么关系;7. 如何跨标签页(页面)通信?
2024-02-20 14:34:08
368
原创 69.上线部署(nginx)
概念:把动态请求和静态请求分开,不是讲动态页面和静态页面物理分离,可以理解为 Nginx 处理静态页面,Tomcat 处理动态页面。概念:nginx 接收到客户端请求,转发到不同的服务器去处理。实际上已经配置好了,前面我们配置完成后就是动静分离了~作用:利用反向代理解决跨域问题。实战:解决项目上线时的跨域问题。作用:提高传输效率,节约带宽。
2024-02-20 14:26:49
4842
原创 68.vue2.0学习 —— vue-router
在组件中使用router-view和router-link。下一篇:上线部署(nginx)vue的一个插件库,专门用来实现SPA应用。下载vue-router插件。在项目中配置路由表和路由插件。
2024-02-20 14:10:52
880
原创 67.vue2.0学习 —— vuex
专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。
2024-02-20 11:44:39
905
原创 59.vue2.0学习 —— 基础语法
Vue核心;初识vue;模板语法;数据绑定;el和data的两种写法;数据代理;事件处理;基本使用;事件修饰符;计算属性;监视属性;监视属性和计算属性的区别;绑定样式;
2024-02-19 15:25:22
804
原创 58.移动端
本章将聚焦移动端场景,探讨Redux在移动应用开发中的适配与优化,通过结合移动端特性和Redux架构,我们将实现高效、可靠的数据流管理,提升移动应用的整体性能与用户体验。
2024-02-19 15:06:33
1266
原创 57.React学习 —— redux
Redux 是 JavaScript 应用的可预测状态容器,用来集中管理状态。特点:集中管理、可预测、易于测试、易于调试、强大的中间件机制满足你所有需求。注意:redux 是一个独立于 react 的库,可以配合任何 UI 库/框架来使用。redux的三大原则单一数据源State是只读的使用纯函数来执行修改什么情况下需要使用redux总体原则: 大型项目状态管理复杂才用某个组件的状态,需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态。
2024-02-19 14:18:49
1043
原创 56.React学习 —— react路由
Switch 组件Switch组件用于包裹Route组件,类似于js中的switch,有一个Route符合就不往下匹配了//pathname是 /home//匹配第一个path /home 符合. 就不再匹配下面的Route了Redirect 组件重定向组件(渲染Redirect将使导航到一个新的地址,这个新的地址会覆盖 history 栈中的当前地址)或NavLink。
2024-02-19 11:32:41
1087
原创 55.React学习 —— react脚手架使用
react中写代码,写完的代码,也要打包. 自己配置webpack非常繁琐,所以直接使用react脚手架工具,帮我们直接配置好webpack以及项目的目录结构。
2024-02-19 11:17:26
414
原创 虚拟DOM的diff算法
react元素就是一个虚拟dom直接操作dom元素,效率远远低于操作数据(虚拟dom)react中创建出来的元素,其实不是真实的dom元素,是虚拟domreact如何渲染视图层: 根据之前的结构,生成一个旧的虚拟dom. 然后代码发生变化,也就意味着新的虚拟dom结构发生变化.这个时候react底层会比较这两个虚拟dom结构.然后根据比较的结构,修改真实的dom.真实dom被修改了,视图就会跟着发生变化一种对比新/旧虚拟DOM树的高效算法,能快速计算哪些虚拟DOM树发生了变化,从而只更新局部DOM。
2024-02-19 10:53:14
1030
原创 53.React学习 —— 高阶组件
高阶组件的作用: 提供复用的状态逻辑高阶组件是什么: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式简单理解的话: 一个拥有复用逻辑的函数,这个函数需要传入一个组件,然后返回一个增强的组件高阶组件实现调用函数,得到增强组件,渲染增强组件使用es7的修饰符高阶组件要注意的问题:解决:给高阶组件中返回的组件, 增加一个静态属性displayName传递prop
2024-02-19 10:42:47
897
原创 52.React学习 —— 组件优化
1. Fragment的使用;2.React性能优化;3.纯组件 pureComponent;4.React.forwardRef;5.Portal
2024-02-19 10:32:52
881
原创 49.React学习 —— 组件(props)、状态(state)、this指向、ref
1.React的组件(函数与类);2.组件的状态state;3.this的指向问题;4.组件传递数据props;5.表单处理(受控组件与非受控组件)
2024-02-19 09:31:04
1053
原创 48.React学习 —— 基本语法
React 是一个用于构建用户界面的 JavaScript 库。如果从 MVC 的角度来看,React 仅仅是视图层(View),也就是只负责视图的渲染,而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook ,并于 2013 年 5 月开源。
2024-01-31 17:38:04
994
原创 47.webpack学习
使用 webpack 配置文件;js 语法检查;打包 less 资源;打包样式文件中的图片资源;打包 html 文件;自动编译打包运行;热模替换功能;devtool;压缩;插件
2024-01-31 17:19:11
889
原创 在浏览器地址栏输入url然后敲击回车之后都做了什么?
1.DNS查询 / 解析;2.TCP连接;3.发送请求;4.返回响应;5.渲染页面;6.断开连接
2024-01-31 15:53:38
962
为什么 num >>> 32 = num?
2024-04-11
npm install -g @vue/cli下载不了
2022-07-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人