前端

vue3+ts项目中使用mockjs

前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。 安装mock npm install mockjs --save-dev 创建mock文件夹 mock下创建index.ts、types.ts 以及你需要使用到的模块的.ts文件。

浅谈WebGL

WebGL(Web Graphics Library )是一种 3D 绘图标准,这种绘图技术标准 允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的 一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这 样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和

Vue执行流程及渲染解析(二)

紧接上回分解,咱继续分析vue是如何进行渲染的! 创建DOM节点 image.png   有了vnode后,vue还需要根据vnode来创建DOM节点。如果是首次渲染,那么vue会走创建的逻辑。如果是数据的更新导致的重新渲染,那么vue会走更新的逻辑。 首次渲染   因为是首次渲染,所以不存在先前老的vnode,因此无需进行比较。vue直接调用 createElm 方法创建DOM元

vue组件传值的12种方式

vue组件间的12种传值方式 Vue最常见的12种组件间的通讯方式 props $emit .sync v-model ref $children / $parent $attrs / $listeners provide / inject EventBus Vuex $root slot 适合父子间通信:props、$emit、$ref、slot、$parent、$childre

路由传参及跳转方式

路由传参的三种方式 路由跳转有2种方式 1.标签式跳转 router-link 标签跳转 router-link会被解析成a便签 利用a标签的href属性 2.编程式跳转 用js的方式实现跳转 query传参 path 和name都可以 query传对象的时候 一定要先JSON.stringify('参数'), 获取 JSON.parse('参数') query传参地址栏可见 ,问号后就

React-Hooks之useImperativeHandler

1.什么是useImperativeHandle Hook? useImperativeHandle可以让你在使用ref 时自定义暴露给父组件的实例值,我的理解就是不让外界随便对通过ref拿到的元素进行操作,maybe我们可以称之为“权限配置" 这里出现了ref,小单简单地回顾一下前几天学习的useRef,可以知道ref就是帮助我们获取某个元素而设定的。 But!!!!!我记得当时说过useRef

vuex和localstorage . cookie的区别

vuex是为了解决多组件之间的共享状态的一种状态管理模式, 强调集中式管理, 将所有的共享状态放在内存中, 读取速度快, 但是页面一刷新就恢复默认值了, vuex的五大核心: state(存放数据的地方) , actions(发送异步请求), getters(类似于computed计算属性), mutations(更改状态的地方), modules(组件模块化) 。其中, 更改状态只能在mutat

gin框架02

gin 路由 1、基本路由 gin框架中采用的路由库是基于httprouter做的 地址为:GitHub - julienschmidt/httprouter: A high performance HTTP request router that scales well 2、Restful风格的API gin支持Restful风格的API 即Representational State Tran

第四节:React组件状态的State属性

1. State状态理解 关于state的理解 state 是组件对象中最重要的属性,值是对象(可以包含多个数据) 组件被称为"状态机",通过更新组件的state来更新对应的页面显示(重新渲染组件) state是组件实例的属性,函数组件没有实例,因为函数组件没有状态 state可以理解是组件自己的数据, props数据是外部传入,state数据就是组件自己的 2. State状态的使用 2.1