- 博客(82)
- 收藏
- 关注
RSS订阅原创 UI框架、css预处理与vuex状态管理
总结：如果要异步改变仓库中的数据，必须dispatch触发一个actions（actions中是异步），actions请求完数据后，提交一个commit去触发mutations（mutations中是同步），mutations去修改state，当state一发生变化，依赖它的getters也发生变化，视图就改变。它可以把仓库切割成为一个个的小模块，每一个模块中都含有state，getters，mutations，actions，甚至当项目过于复杂的时候我们还可以再嵌套子模块。
2022-11-28 11:33:57
798
原创 如何解决跨域问题
创建一个vue的全局配置vue.config.js文件（这里面写node的语法），一定要和package.json同级才生效。注意：配置文件一旦修改必须要。
2022-11-28 10:45:54
350
原创 axios数据交互
跨站请求伪造（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。跟跨网站脚本（XSS）相比，XSS 利用的是用户对指定网站的信任，CSRF 利用的是网站对用户网页浏览器的信任。axios 是基于promise创建的http库，可以用于客户端（浏览器）和 node.js。转换请求数据和响应数据。
2022-11-28 10:44:14
936
原创 路由（vue-router）（一）
在vue中，组件的渲染只能通过以下两种方式一、组件的嵌套（前几篇组件的嵌套）二、路由的渲染vue中的路由：一个对应一个。
2022-11-26 22:27:48
1488
原创 is属性的用法vue
事实证明，类似于v-if，哪这就有个问题，如果组件的内容没有发生变化，我们不需要每次都重新加载DOM节点。使xxx被激活的钩子函数，它会每次都执行。即缓存了以后，mounted只执行一次，但是activated每次都会执行。如果整个组件缓存了，但是该组件中某部分又不需要缓存，则可以使用。注意：这个钩子函数，必须在缓存了之后才会有。我们注册的组件，有两种方式去渲染，activated：激活的。即将需要缓存的组件放入。动态组件切换（常用）
2022-11-26 21:58:20
753
原创 vue直接操作DOM——ref，动态组件，缓冲组件
ref是vue中提供的一种可以直接操作DOM的方式具体使用方式如下配合v-for来使用在子组件中 写入ref 属性 这样我们就可以通过ref属性 来获取到子组件的vue实例对象了，这样也就可以获取到子组件实例对象中的数据、computed等内容了。
2022-11-08 21:04:09
1146
原创 vue插槽（匿名插槽，具名插槽，有作用域的插槽 ）
插槽（slot）是用来 在子组件挂载时 向子组件内部注入自定义内容的工具插槽的用法1.匿名插槽2.具名插槽3.带有作用域的插槽。
2022-11-08 21:00:10
468
原创 vue组件间数据传递（vue组件传参），父传子，子传父，非父子组件传值
2.子组件接收数据——在子组件的配置对象中 写入 props属性 并将属性值 设置为数组/对象 来接收数据。1.父组件传递数据——在父组件中 给 子组件对象绑定自定义属性 属性值为 要传递的数据。前面我们学习子传父的时候 知道 子组件向父组件传递数据的时候 使用的就是 发布订阅。3.子组件使用数据——在子组件的模板中 直接使用props数组项/属性即可。2.使用事件总线提供的vue实例对象 来进行数据的发布 和 订阅。子组件实例对象自己发布数据 子组件实例对象自己订阅数据。
2022-11-08 20:53:15
894
原创 vue脚手架的安装和使用
vue的脚手架工具——vue/cli特点Vue CLI 是⼀个基于 Vue.js 进行快速开发的完整系统Vue CLI: Vue command line interface vue命令行接口特点:1.一个运行时依赖 (@vue/cli-service)，该依赖：2.可升级；3.基于 webpack 构建，并带有合理的默认配置；4.可以通过项目内的配置文件进行配置；5.可以通过插件进行扩展。6.一个丰富的官方插件集合，集成了前端生态中最好的工具。
2022-11-07 19:47:04
348
原创 vue过滤动画
vue中给我们提供了一些类名，共有六个—— .v-enter、.v-enter-active、.v-enter-to .v-leave、.v-leave-active、.v-leave-to 这六个类名可以用来设置vue中元素进行切换的过渡动画。vue自带类名给不同元素设置不同的转场动画 需要通过transition组件的name属性 和 类名相配合才能实现。vue有一个专门编写css动画样式的css库 名为animate.css。animate.css 和 vue自带类名 实现转场动画的区别。
2022-11-07 19:36:05
352
原创 vue生命周期
vue的生命周期 其实是vue实例对象的生命周期 每一个生命周期 都对应了一个钩子函数(hook) 当我们的vue实例 走到对应的生命周期后 就会执行对应的钩子函数（前提是我们编写了对应的钩子函数）6.在mouted状态下 如果我们的vue实例中的数据 发生了变化 就会进入一个新的生命周期——beforeUpdate（更新前）4.判断是否有 el 配置选项 如果有 就是用el指定的元素 作为 vue实例对象的模板 进行后续的渲染。这个选项属性 用来规定vue实例的模板内容 其优先级高于el。
2022-10-29 20:05:55
282
原创 vue表单及修饰符,vue事件，方法
当我们写了value的时候 双向数据绑定 会在input被选中的时候 将input的value 添加到绑定的数组中 也会在 input不选中的时候 将input的value 移除出绑定的数组。双向数据绑定的数据 会控制 value值和数据相同的option被选中 我们选中不同的option 也会对应的将数据的值 改变为选中的option的value。双向数据绑定的数据 会作为textarea的内容显示 数据变化 textarea的内容也变化 textarea的内容变化 数据也变化。
2022-10-29 20:02:45
604
原创 vue介绍，引入及使用，优缺点，基本指令，双向绑定数据，类名灵活操作，设计模式（MVVM和MVC）
一般目前市面上公司进行项目重构的时候 使用的都是vue2框架 但如果是新开发的后台管理系统（企业OA管理系统）一般多使用vue3框架vue是一个渐进性框架 可以和其他框架配合工作vue的核心库 只关注视图层，可以很方便的开发前后端分离项目。
2022-10-27 10:02:00
756
原创 webpack4.x（简介，打包，分离文件）
Webpack的工作原理？Webpack是前端打包工具，它根据webpack的配置文件(webpack.config.js)来遍历（循环）我们要打包的项目文件，然后将遍历的项目文件根据webpack的配置规则进行打包转换成前端客户端(比如：浏览器)能够识别的资源。webpack简介。
2022-10-26 08:29:20
1667
原创 websocket（简介，数据交互，分房间群聊）
websocket是一个互联网传输协议（http也是一个互联网传输协议）websocket是一个持续性互联网传输协议 不像httphttp是一个单次传输协议 每次想进行数据交互都必须先建立浏览器和服务器之间的连接 并且 这个连接会在数据交互结束之后 断开websocket是一个持续性传输协议 相当于在服务器和浏览器之间 建立起了一个持续存在的连接 我们可以在这个连接之上 进行无限制的数据交互。
2022-10-26 08:22:15
796
原创 跨域（cors和jsonp）
cors是通过服务器开发跨域权限 来实现跨域效果的实现cors跨域我们实现cors跨域 只需要设置响应头中的两个键值对即可，分别是——Access-Control-Allow-Origin 和 Access-Control-Allow-Methods我们这里以express为例另外 在express中 我们还可以使用现成的第三方中间件——cors 来解决cors跨域问题下载中间件：npm i cors引入中间件：let cors = require("cors");
2022-10-26 08:13:53
793
原创 初识express（简介，安装和基本使用），路由（express处理路由）
express（简介，安装和基本使用），路由（express处理路由）
2022-10-20 20:53:44
1160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人