前端

浅谈WebGL

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

vue3 + tsx 的几种写法(完整版)

环境介绍:Nodejs:14.18.0、Vite:2.7.10、Vue:3.2.26、依赖安装采用pnpm。 第一部分:环境搭建 一、使用 pnpm创建一个vite程序 $ pnpm create vite 二、安装vite插件:@vitejs/plugin-vue-jsx $ pnpm i @vitejs/plugin-vue-jsx 三、在vite.config.js加入jsx配置 //

Vue3核心源码解析 (五) : 内置组件<keep-alive>

  &lt;keep-alive&gt;是Vue.js的一个内置组件,可以使被包含的组件保留状态或避免重新渲染。下面来分析源码runtime-core/src/components/KeepAlive.ts的实现原理。   在setup方法中会创建一个缓存容器和缓存的key列表,其代码如下: setup(props: KeepAliveProps, { slots }: SetupContex

路由传参及跳转方式

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

深夜惊雷!阿里开源新模型碾压Sora:消费级显卡跑出AI顶流性能

一、技术核爆&#xff1a;三项突破改写游戏规则在GitHub开源代码库中&#xff0c;&#34;通义千问3.0&#34;的技术文档披露了三个震惊业界的创新点&#xff1a;1. 动态神经元剪枝技术 通过实时监测神经网络各层的激活状态&#xff0c;该模型可自动裁剪冗余参数。实验数据显示&#xff0c;在图像生成任务中&#xff0c;模型体积较GPT-4减少72%的同时保持98%的画质表现。更关

在vue项目中axios发起请求时的小知识

1.发起axios请求时,喜欢使用async和await来修饰 使用axios发起请求时,我们在一些文章或者视频当中多多少少都会看到async和await这对兄弟?所以它们到底是什么意思呢?为什么要写成这样子? async和await是es7的语法,其实我们不需要深入理解,就当养成习惯就好,以后记住发送axios请求的时候加上这对修饰兄弟就行 async就是一个修饰符,用来修饰函数的,awai

React动画

1. React过渡动画 在React中我们可以通过原生的CSS来实现过渡动画, 但是React社区为我们提供了react-transition-group帮助我们快速过渡动画 2. 动画组件: Transition 该组件是一个和平台无关的组件(不一定要结合CSS); 在前端开发中,我们一般是结合CSS来完成样式,所以比较常用的是CSSTransition; CSSTransit

React-Hooks之useImperativeHandler

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

微信小程序——全局数据共享

全局数据共享,也叫做状态管理,是为了解决组件/页面之间的数据共享问题 开发中常用的数据共享方案有 Vuex、redux、MobX 等 小程序中的数据共享方案 使用 mobs-miniprogram 配合 mobs-miniprogram-bindings 实现数据共享 mobs-miniprogram 用来Store创建实例对象 mobs-miniprogram-bindings 用来把St