2023 年 1月 31 日随笔档案 - 漫思

Vue3中如何使用ref获取元素节点全面解析

摘要： Vue2 中的 ref <template> <div id="app"> <div ref="hello">小猪课堂</div> </div> </template> <script> export default { mounted() { console.log(this.$refs.hell 阅读全文

posted @ 2023-01-31 11:53 漫思阅读(779) 评论(0) 推荐(0)

js中!、!!、.?、??、??=、的用法和含义

摘要：前言优化项目中的三目运算、与或、if else的使用率,减少很多冗余的代码. ！和 !! 的区别用法 js中！的用法是比较灵活的，他除了做逻辑运算常常会用！做类型判断，还可以用！与上对象来求得一个布尔值 1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为true 阅读全文

posted @ 2023-01-31 11:52 漫思阅读(2976) 评论(0) 推荐(0)

Vue3中 ref 属性详解

摘要： 1. Vue2 中的 ref 属性 <template> <div class="wrap"> <div ref="box">box</div> <ul> <li v-for="i in 4" :key="i" ref="li">第{{i}}项</li> </ul> </div> </templat 阅读全文

posted @ 2023-01-31 11:51 漫思阅读(386) 评论(0) 推荐(0)

微信小程序之wx.navigateTo()的使用

摘要： wx.navigateTo(Object object) 跳转页面API 在微信官方文档中是这样描述的：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。参数我在使用这个API的时候，遇到了传递阅读全文

posted @ 2023-01-31 11:50 漫思阅读(267) 评论(0) 推荐(0)

谈谈Vue3中的ref和reactive

摘要：一、是什么？ ref和reactive是Vue3中用来实现数据响应式的API 一般情况下，ref定义基本数据类型，reactive定义引用数据类型（我喜欢用它来定义对象，不用它定义数组，原因后面讲）我理解的ref本质上是reactive的再封装二、先聊reactive reactive定义引用阅读全文

posted @ 2023-01-31 11:50 漫思阅读(105) 评论(0) 推荐(0)

微信小程序打开另一个小程序

摘要：前言有时候，我们需要在自己的小程序中打开另一个小程序，可以使用navigateToMiniProgram这个api来实现，可以看一下api的相关参数。方案一使用之前还需要做两个准备，要打开的小程序AppID以及要打开的页面路径path。 AppID可以通过小程序菜单 > 更多资料来获取页阅读全文

posted @ 2023-01-31 11:49 漫思阅读(835) 评论(0) 推荐(0)

微信小程序跳转到另一个小程序 wx.navigateToMiniProgram 方法，调试

摘要： wx.navigateToMiniProgram(Object object) 需要页面权限：小程序不能在插件页面中调用该接口，插件也不能在小程序页面中调用该接口打开另一个小程序 wx.navigateToMiniProgram({ appId: 'wxewerwesdas', // APPID 阅读全文

posted @ 2023-01-31 11:48 漫思阅读(857) 评论(0) 推荐(0)

微信小程序设置背景图的几种方式

摘要：作为前端开发人员来说设置背景图那是多么简单的事，刚开始我就在wxss文件中使用background-image:url()来设置背景图片，结果保存控制台出现错误提示，如图所示： .page { width: 100%; height: 100%; background-size: 100% 100% 阅读全文

posted @ 2023-01-31 11:48 漫思阅读(3332) 评论(0) 推荐(0)

解决flex布局space-between最后一行布局问题超简单方法

摘要：如果flex布局中justify-content设置为space-between、space-evenly或者space-around 并且最后一行与上面一行个数不同时，布局会裂开 1个container父元素包裹了7个item子元素，1行想设置4个，最后一行的item不到4个，但想靠左 <div 阅读全文

posted @ 2023-01-31 11:47 漫思阅读(753) 评论(0) 推荐(0)

什么是rpx

摘要：什么是rpx kkguai 关注 0.1 2020.05.02 20:47 字数 136 阅读 17723评论 0喜欢 2 rpx：是微信小程序独有的，解决屏幕自适应的尺寸单位可以根据屏幕宽度进行自适应，不论屏幕大小，规定屏幕宽为 750rpx，通过rpx设置元素和字体大小，小程序在不同尺寸的屏阅读全文

posted @ 2023-01-31 11:45 漫思阅读(188) 评论(0) 推荐(0)

小程序rpx计算高度不同手机模式下视觉效果不一致的问题

摘要：小程序rpx计算高度不同手机模式下视觉效果不一致的问题小蜜蜂2019-01-195657浏览问题模块： Bug反馈 <view class='view1'> <view class='fl'><view wx:for='{{10}}' class='view1_1'>{{index+1}}</ 阅读全文

posted @ 2023-01-31 11:41 漫思阅读(42) 评论(0) 推荐(0)

css grid布局

摘要： <!DOCTYPE html><html><head><style> .grid-container { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 10px; background-color: #219 阅读全文

posted @ 2023-01-31 11:40 漫思阅读(27) 评论(0) 推荐(0)

vue3 之 ref

摘要： vue3 之 ref vue2 中的 ref 获取一个 dom 元素和实例对象 vue3 中 ref 是用来定义数据响应式特别注意：ref 可以接收基本数据类型，也可以是对象类型 1、基本数据类型：基本数据类型 ref 的处理方式还是 Object.defineProPerty() 的get()和阅读全文

posted @ 2023-01-31 11:39 漫思阅读(125) 评论(0) 推荐(0)

OpenCL

摘要： OpenCL（全称Open Computing Language，开放运算语言）是第一个面向异构系统通用目的并行编程的开放式、免费标准，也是一个统一的编程环境，便于软件开发人员为高性能计算服务器、桌面计算系统、手持设备编写高效轻便的代码，而且广泛适用于多核心处理器(CPU)、图形处理器(GPU)、C 阅读全文

posted @ 2023-01-31 11:37 漫思阅读(175) 评论(0) 推荐(0)

TraceWin粒子加速器束流动力学计算软件

摘要： TraceWin粒子加速器束流动力学计算软件 lerand 2018-03-19 阅读数：136 TraceWin2.14.0.4(new!!!)订购链接：https://detail.1688.com/offer/563668352035.html链接若失效，请联系：qq：2325 Trace 阅读全文

posted @ 2023-01-31 11:36 漫思阅读(430) 评论(0) 推荐(0)

漫思