自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 Flex弹性容器基础页面布局

【代码】Flex弹性容器基础页面布局。

2023-08-28 12:14:59 19 1

原创 小程序如何传递数据

使用wx.navigateTo和wx.redirectTo时,可以通过在url后拼接 + 变量, 然后在目标页面 通过在onLoad周期中,通过参数来获取传递过来的值。在组件.js 中, 头部 引入 const app = getApp();在 app.js 中的 this.globalData = { } 中放入要存储的数;直接使用 app.globalData.key 来进行赋值和获取值。

2023-08-27 23:03:09 24 1

原创 理解 css rem与动态计算rem

首先css3规定1rem = html根节点的font-size,rem也就是root em简写。为了方便计算通常设置根节点font-size = 100px 那么 1rem = 100px。

2023-08-27 23:02:38 36 1

原创 浅谈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:12:06 17

原创 微信小程序多种跳转页面方式

4、wx.navigateBack() : 关闭当前页面,返回上一页面或多级页面。可通过getCurrentPages() 获取当前的页面栈,决定需要返回几层。2、wx.redirectTo() : 关闭当前页面,跳转到应用内的某个页面。1、wx.navigateTo() : 保留当前页面,跳转到应用内的某个页面。3、wx.switchTab() : 跳转到 TabBar 页面,并关闭其他所有非 tabBar 页面。5、wx.reLaunch() : 关闭所有页面,打开到应用的某个页面。

2023-08-26 22:11:35 115

原创 CSS 定位(position的五种值)

【代码】CSS 定位(position的五种值)

2023-08-25 12:08:09 14 1

原创 CSS 显示(display的五种值)

【代码】CSS 显示(display的五种值)

2023-08-25 12:07:39 11 1

原创 WebGL的优点

2、利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、 跨平台的 OpenGL 接口实现的。通俗说 WebGL 中 canvas 绘图中的 3D 版本。因为原生的 WebGL 很复杂,我们经常 会使用一些三方的库,如 three.js 等,这些库多数用于 HTML5 游戏开发。1、通过 HTML 脚本本身实现 Web 交互式三维动画的制作,无需任何浏览器 插件支持;

2023-08-24 12:09:13 14 1

原创 ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce

也可以理解成:forEach() 的返回值是 undefined。如果你需要通过 forEach 修改原数组,建议用 forEach 里面的参数 2 和参数 3 来做。forEach()方法需要一个回调函数(这种函数,是由我们创建但是不由我们调用的)作为参数。遍历数据并返回一个新的数组,对数据的处理会返回原先对应的位置。如果有符合条件的记录,则返回真,否则返回假。如果每一个都符合条件,则返回真,否则返回假。第二个参数,就是当前正在遍历的元素的索引。第一个参数,就是当前正在遍历的元素。

2023-08-24 12:08:42 33 1

原创 WebGL的优点

2、利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、 跨平台的 OpenGL 接口实现的。通俗说 WebGL 中 canvas 绘图中的 3D 版本。因为原生的 WebGL 很复杂,我们经常 会使用一些三方的库,如 three.js 等,这些库多数用于 HTML5 游戏开发。1、通过 HTML 脚本本身实现 Web 交互式三维动画的制作,无需任何浏览器 插件支持;

2023-08-24 12:08:10 16 1

原创 两分钟上手 pinia

它有一个很方便的特性是会自动在组件卸载时注销,如果你不想要,可以在 $subscribe 第二个参数处传入。getters 其实就是 store 的计算属性集合,而且 getter 不能是异步函数。action 其实就是 store 的 methods,而且可以是异步函数。你可以使用 counterStore.$reset() 重置 state。推荐这种,符合Vue3 setup的编程模式,让结构更加扁平化。用于监控所有 action 的执行情况。用于监听 state 的整体变化。更像原先的 vuex。

2023-08-23 12:13:17 12

原创 vue灵魂拷问

v-for 优先级高于 v-if,每项都通过 v-for 渲染出来后再去通过 v-if 判断显隐,过程中会增加无用的 dom 操作,渲染了无用的节点。渐进式就是你想用 vuex 就用,不用也行,你想用 component 就用,不用也可以,或者你可以选择不用,或者只选几样去用。用index和用随机数都是同理,随机数每次都在变,做不到专一性,也很消耗性能。

2023-08-23 12:12:46 12

原创 vue3.x的setup语法糖

vue3.0时setup的变量需要return暴露出来,template才能获取。到3.2之后只需要在script标签中添加setup,例如,组件中不在需要特殊注册,直接引入,属性和方法便不需返回,在中自定义的属性、指令可以直接在template使用。

2023-08-22 12:23:07 73 1

原创 vue3新一代状态管理库 Pinia

总得来说,Pinia 就是 Vuex 的替代版,可以更好的兼容 Vue2,Vue3以及TypeScript。在Vuex的基础上去掉了 Mutation,只保留了 state, getter和action。Pinia拥有更简洁的语法, 扁平化的代码编排,符合Vue3 的 Composition api。

2023-08-22 12:22:35 30 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除