- 博客(14)
- 收藏
- 关注
原创 理解 css rem与动态计算rem
首先css3规定1rem = html根节点的font-size,rem也就是root em简写。为了方便计算通常设置根节点font-size = 100px 那么 1rem = 100px。
2023-08-27 23:06:14
87
1
原创 小程序如何传递数据
使用wx.navigateTo和wx.redirectTo时,可以通过在url后拼接 + 变量, 然后在目标页面 通过在onLoad周期中,通过参数来获取传递过来的值。在组件.js 中, 头部 引入 const app = getApp();在 app.js 中的 this.globalData = { } 中放入要存储的数;直接使用 app.globalData.key 来进行赋值和获取值。
2023-08-27 23:05:44
60
1
原创 微信小程序多种跳转页面方式
4、wx.navigateBack() : 关闭当前页面,返回上一页面或多级页面。可通过getCurrentPages() 获取当前的页面栈,决定需要返回几层。2、wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。1、wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。3、wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabBar 页面。5、wx.reLaunch() : 关闭所有页面,打开到应用的某个页面。
2023-08-26 22:16:14
50
原创 浅谈WebGL
WebGL(Web Graphics Library )是一种 3D 绘图标准,这种绘图技术标准 允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的 一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这 样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建复杂的导航和数据视觉化。
2023-08-26 22:15:44
17
原创 WebGL的优点
2、利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、 跨平台的 OpenGL 接口实现的。通俗说 WebGL 中 canvas 绘图中的 3D 版本。因为原生的 WebGL 很复杂,我们经常 会使用一些三方的库,如 three.js 等,这些库多数用于 HTML5 游戏开发。1、通过 HTML 脚本本身实现 Web 交互式三维动画的制作,无需任何浏览器 插件支持;
2023-08-24 12:11:59
32
1
原创 两分钟上手 pinia
它有一个很方便的特性是会自动在组件卸载时注销,如果你不想要,可以在 $subscribe 第二个参数处传入。getters 其实就是 store 的计算属性集合,而且 getter 不能是异步函数。action 其实就是 store 的 methods,而且可以是异步函数。你可以使用 counterStore.$reset() 重置 state。推荐这种,符合Vue3 setup的编程模式,让结构更加扁平化。用于监控所有 action 的执行情况。用于监听 state 的整体变化。更像原先的 vuex。
2023-08-23 12:16:42
20
原创 阻止移动端 touchmove 与 scroll 事件冲突
可以启用性能优化,并可大幅改善应用性能,所以大部分浏览器(Safari 和 Internet Explorer 除外)将文档级节点。如此,事件监听器便不能取消事件,也不会在用户滚动页面时阻止页面呈现。因此,当你想要覆盖这一行为并确认。,而不是依赖浏览器的默认设置。在所有浏览器中都被设为。,你必须显式地将其设为。
2023-08-22 21:06:31
204
原创 vue组件的五种传值方法(父子\兄弟\跨组件)
子组件向父组件传数据使用自定义事件, vue 组件提供了一个emit(‘自定义事件名’, 传递的数据) ),子组件传递数据时,触发响应的事件函数,就会自动触发通过$emit给父组件绑定的自定义事件,自定义事件接受一个参数,参数就是子组件传递过来的数据。// 父组件代码,渲染子组件method:{// 子组件代码。
2023-08-22 21:05:46
3020
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人