勋章
我关注的人
粉丝
技术能力
暂时未有相关云产品技术能力~
暂无个人介绍
-
发表了文章 2022-04-23
VUE3（二十六）基于wangeditor自定义富文本插件
项目中需要使用到wangeditor，这里封装一个自定义组件，便于后期使用。 首先，官方文档： www.wangeditor.com/
-
发表了文章 2022-04-23
VUE3（二十五）自定义Modal对话框组件
接着自定义组件，这里是我自定义的一个modal对话框组件。
-
发表了文章 2022-04-23
VUE3（二十四）自定义alert弹窗组件
这里自定义了几个alert弹窗组件：带有确定取消的alert弹窗组件、自定义alert，在自定义时间消失（仿layer）、自定义loading，在需要让他消失的时候让其消失 。
-
发表了文章 2022-04-23
VUE3（二十三）自定义分页组件Pagination
刚开始使用vue3写博客的时候，其相关配套的UI库并没有正式发布，但是我还要用，所以这里我自定义了一个分页组件。
-
发表了文章 2022-04-23
VUE3（二十二）vue-router 开启路由懒加载
懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import
-
发表了文章 2022-04-23
VUE3（二十一）vue-router 在新窗口打开页面的功能
新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。
-
发表了文章 2022-04-23
VUE3（二十）VUE自定义指令v-preventReClick，防止多次点击，重复请求
VUE不仅为我们提供了自定义组件，还提供了自定义指令。当然，这个玩意我在VUE2中是没有用到过的。 VUE3中我大概试一下这个自定义指令： 官方文档： vue3js.cn/docs/zh/gui…
-
发表了文章 2022-04-23
VUE3（十九）服务端开启gzip加速网站打开速度
压缩可以减小HTTP回复的大小，从而降低web服务器的响应时间。gzip是web服务器广泛使用的压缩工具，可以将HTTP回复的大小降低到原来的50％～30％。既提高了网页的加载速度，又可以节约服务器流量。 nginx在设置了gzip on 后就已经打开了gzip压缩功能，不过这时候nginx所使用的是动态压缩。在动态压缩的情况下nginx会自动的将文件压缩成.gz文件，这时候就算不配置vue也能达到一样的效果。
-
发表了文章 2022-04-23
VUE3（十八）vue 路由history 模式去掉 URL 中的 # （nginx）
这部分内容比较少。其实更多的是参考一下vue-router4的官方文档就好。 但是，去掉#之后的路由在配合php框架使用的时候可能会有问题，就是这个链接不知道该去后端还是去前端的路由。
-
发表了文章 2022-04-23
VUE3（十七）使用reactive ref 替代VUEX状态管理
之前在使用VUE2的时候有用到VUEX状态管理系统。 我用的比较多的地方是子父组件传值，或者爷孙组件传值。就是共享状态。 VUEX在我这里的作用主要还是为了简化组件中的代码的复杂度。所用的值使用VUEX统一管理，对后期的维护以及扩展性都有很大的帮助。
-
发表了文章 2022-04-23
VUE3（十六）封装axios
axios 基础：从浏览器中创建XMLHttpRequest、从node.js发出http请求、支持Promise API、拦截请求和响应、转换请求和响应数据、取消请求、自动转换JSON数据、客户端支持防止CSRF/XSRF。
-
发表了文章 2022-04-23
VUE3（十五）关于cookie使用的几个函数
下边是我简单封装的几个cookie方法：Utils.ts 、调用。
-
发表了文章 2022-04-23
VUE3（十四）使用计算属性computed和监听属性watch
computed属性，使用 getter 函数，并为从 getter 返回的值返回一个不变的响应式 ref 对象。 watch属性 与 vue2中的 this.$watch (以及相应的 watch 选项) 完全等效。
-
发表了文章 2022-04-23
VUE3（十三）main.ts中全局引入axios
VUE2中可以将我们需要的插件挂载到VUE的主链上（配置成全局属性），然后通过this调用，但是在VUE3的ts中使用这样的配置方法的话是没法通过编译的，这个时候我们就需要拓展属性。
-
发表了文章 2022-04-23
VUE3（十二）provide和inject函数
父传更深的后代 一般往深度层级传递值，有这两种方式： · provide / inject · vuex
-
发表了文章 2022-04-23
VUE3（十一）自定义组件子父传值
在创建项目的时候，官方给出的页面，其实就给出了一个自定义的组件helloworld，里边包含了父传子传值，VUEX的使用，计算属性computed使用，方法的定义以及自定义组件的使用。 计算属性computed和方法的定义，这里使用的并不是VUE3的新语法。 在《VUE3（八）setup与ref函数》这篇中，setup的第二个参数context对象为我们提供了可触发事件emit，我们可以利用emit将子组件中的值传递给父组件。
-
发表了文章 2022-04-23
VUE3（十）生命周期及钩子函数
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。
-
发表了文章 2022-04-23
VUE3（九）reactive与toRefs函数
上一部分中我们说到的ref只是作为单个变量的响应。 Vue3.0中还为我们提供了一个对象式响应的reactive函数 。 Reactive函数创建一个响应式对象。
-
发表了文章 2022-04-23
VUE3（八）setup与ref函数
Setup是VUE3.0中为我们新提供的的组件选项。 创建组件实例，然后初始化props，紧接着就调用setup函数，从生命周期钩子的视角来看，他在beforecreate之前调用。 setup()是函数，具有return，return函数中定义的变量，把其暴露给模板。
-
发表了文章 2022-04-23
VUE3（七）vue项目抽离.vue文件中的js、css代码
平常再做开发的时候，一般情况下不会将html，js，css代码写到一个文件中。 基本上都会写在各自对应的文件中，然后再引入即可。
-
发表了文章 2022-04-23
VUE3（六）项目配置使用404页面
当我们访问的路由没有预先定义的时候，就会跳到一个空白的页面。 这样的体验不太好，那么我们需要配置，访问路由不存在时跳转404页面。 实现这个小功能我用到了vue-router的路由守卫功能。
-
发表了文章 2022-04-23
VUE3（五）vue路由vue-router4
使用vue-router，这里特别说明一下，我这里记录的是vue-router文件的编写。及在页面中的使用。
-
发表了文章 2022-04-23
VUE3（四）目录结构
更好的了解项目的目录结构，能更好的去开发项目： 当前展示的目录结构是基于vite搭建的项目。
-
发表了文章 2022-04-23
VUE3（三）项目配置插件支持
上一篇中我们创建了项目并成功运行。 这里为我的项目添加依赖，我这里使用的是yarn。
-
发表了文章 2022-04-23
VUE3（二）使用vue-cli创建一个项目
VUE3官方推荐使用vite来构建项目，但是并不是说之前使用vue-cli创建项目就不行了。 使用vue-cli创建项目，要确保你的vue-cli的版本要大于4.5.6.
-
发表了文章 2022-04-23
VUE3（一）安装+使用vite创建一个项目
VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。 官方文档网址： www.vue3js.cn/docs/zh/gui… 这里看一下vue3.0的安装以及创建第一个项目。 官方对js包管理为我们提供了两个选择，npm和yarn。我这里比较倾向使用yarn。 关于yarn的介绍，请移步《js包管理工具yarn》
-
发表了文章
2024-05-15
Java（二十二）修饰符
-
发表了文章
2024-05-15
Java（二十一）interface接口
-
发表了文章
2024-05-15
Java（十八）封装
-
发表了文章
2024-05-15
Java（二十五）final关键字
-
发表了文章
2024-05-15
Java（七）运算符
-
发表了文章
2024-05-15
Java（八）位运算符~
-
发表了文章
2024-05-15
Java（九）键盘录入~
-
发表了文章
2024-05-15
Java（十六）static关键字
-
发表了文章
2024-05-15
Java（五）八种基本数据类型
-
发表了文章
2024-05-15
vscode+java开发环境中文乱码问题~
-
发表了文章
2024-05-15
Java（十九）多态
-
发表了文章
2024-05-15
Java学习路线
-
发表了文章
2024-05-15
Java（十七）继承
-
发表了文章
2024-05-15
Java（十三）数组
-
发表了文章
2024-05-15
VUE3（四十）使用canvas给图片添加水印~
-
发表了文章
2024-05-15
VUE3（三十六）压缩base64格式图片
-
发表了文章
2024-05-15
linux（三十七）远程管理命令reboot和shutdown
-
发表了文章
2024-05-15
VUE3（三十七）Vue3.2子父组件交互（vue、ts不分离）~
-
发表了文章
2024-05-15
Java（十二）循环
-
发表了文章
2024-05-15
VUE3（三十九）自定义loading组件~
