笔记
Seven_night♛
这个作者很懒,什么都没留下…
展开
-
js 数组渲染到html页面
html页面<div class="friends"> <div class="index-title"> 玩家伙伴 </div> <div class="top"> <div class="title"> 车圈厂牌 </div> <div class原创 2021-08-24 18:28:05 · 4338 阅读 · 0 评论 -
css 图片穿透
纯使用CSS的属性pointer-events,设置其为none (默认为auto)原创 2021-08-20 17:24:58 · 449 阅读 · 0 评论 -
swiper4以上禁止手动滑动
无需引用swiper css.swiper-container{ pointer-events: none;}原创 2021-08-20 09:55:52 · 328 阅读 · 0 评论 -
微信小程序 weui mp-dialog组件
html:<mp-dialog ext-class="dialog" show="{{dialogShow}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}"> <view> <image src="{{avatarurl}}" class="head_p"></image> <view class="title">原创 2021-08-12 17:52:02 · 4935 阅读 · 0 评论 -
微信小程序image 常用mode类型
默认scaleToFillmode string scaleToFill 否 图片裁剪、缩放的模式 5个缩放模式,9个裁剪模式,裁剪模式不常用,缩放模式中常用aspectFill和widthFixmode 的合法值值 说明 最低版本 scaleToFill 缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 aspectFit 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可...原创 2021-08-10 16:07:53 · 2300 阅读 · 0 评论 -
微信小程序bind事件和catch事件区别
在小程序中事件分为冒泡事件和非冒泡事件。本文以冒泡事件tap(手指触摸后马上离开,也就是点击事件)为例子来区别bind和catch事件bindtap 事件绑定不会阻止冒泡事件向上冒泡catchtap 事件绑定可以阻止冒泡事件向上冒泡假如有三个view点击事件都是用的bindtap,三个view是层级包含关系<view id="outer" bindtap="out"> outer view <view id="middle" bi..原创 2021-08-09 18:07:49 · 356 阅读 · 0 评论 -
微信小程序 自定义组件的数据传递 父组件子组件传递值
1.父组件向子组件传递数据parent.wxml<my-component name="{{name}}" age="{{age}}"></my-component>parent.jsdata: { name: 'Peggy', age: 25}child.jsproperties: { name: { type: String, value: '小明' }, age: Number}父组件向子组件传值以属原创 2021-08-09 18:06:06 · 1108 阅读 · 0 评论 -
微信小程序路由
wx.reLaunch(Object object)关闭所有页面,打开到应用内的某个页面一般是跳转到首页使用例:wx.reLaunch({ url: url, })wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用wx.navigateBack可以返回到原页面。小程序中页面栈最多十层。例:wx.navigateTo({ url:..原创 2021-08-09 16:49:38 · 160 阅读 · 0 评论 -
微信小程序判断iphonex xs xr 样式
js:const res = wx.getSystemInfoSync(); if (res.safeArea.top > 20 && res.model.includes("iPhone")) { //判断是否为iphonex xs xr this.setData({ iphoneS: true, });html:<view class="bottom-nav {{iphoneS&&'d原创 2021-08-09 16:20:21 · 529 阅读 · 0 评论 -
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors……
组件样式组件对应wxss文件的样式,只对组件wxml内的节点生效。编写组件样式时,需要注意以下几点:组件和引用组件的页面不能使用id选择器(#a)、属性选择器([a])和标签名选择器,请改用class选择器。 组件和引用组件的页面中使用后代选择器(.a .b)在一些极端情况下会有非预期的表现,如遇,请避免使用。 子元素选择器(.a>.b)只能用于view组件与其子节点之间,用于其他组件可能导致非预期的情况。 继承样式,如font、color,会从组件外继承到组件内。 除...原创 2021-08-09 11:47:13 · 684 阅读 · 0 评论 -
微信小程序引用data数据的三元表达式写法
wxml页面:<text class="{{lightIndex==4?'active':''}}">我的</text>//如果index等于4,则添加class active下为改变图片路径三元表达式写法:<image src="{{lightIndex==4?'../../images/tab4-active.png':'../../images/tab4.png'}}" mode="widthFix"></image>...原创 2021-06-24 19:23:24 · 746 阅读 · 0 评论 -
JavaScript高级程序设计 总结(一)详细版
JavaScript诞生于1995年,最早的作用是在本地客户端处理数据验证。作者认为要想完全的理解和掌握JavaScript,关键在于弄清它的本质,历史和局限性。1997年制定标准ECMA-262的ECMAScript标准1.2 JavaScript的实现一个完整的JavaScript由下面三个不同的部分组成:核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)...原创 2021-04-27 15:15:45 · 1546 阅读 · 2 评论 -
网页布局笔记
当JQuery选择器选不生效,可能是z-index的问题,选择的上面有元素覆盖原创 2020-11-27 16:50:22 · 108 阅读 · 0 评论 -
::before 不生效
.page3 .tab-wrap .tab_all .tab-item::before{ content: ''; width: 1px; height: 23px; background: url(../images/li_line.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 0;}::before 只有一个原因:父元.原创 2020-11-27 10:42:05 · 2492 阅读 · 0 评论 -
animation @keyframes 不生效
.kv .content .play{ display: block; width: 89px; height: 89px; position: absolute; left: 50%; top: 98px; margin-left: 128px; background: url(../images/videoPlay1.png) no-repeat; animation: bigger 2s linear infinite; .原创 2020-11-25 17:19:31 · 4393 阅读 · 1 评论 -
rem和px的转换
rem是CSS3中新增加的一个单位值,他和em单位一样,都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算;rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素来设置字体大小的,这样就会存在一个问题,进行任何元素设置,都有可能需要知道他父元素的大小,在我们多次使用时,就会带来无法预知的错误风险。而rem是相对于根元素<html>,这样就意味着,我们只原创 2020-11-04 15:09:55 · 1923 阅读 · 0 评论 -
笔记
小程序的第三方框架1.腾讯 wepy 类似 vue2.美团 mpvue 语法 类似 vue3.京东 taro 类似 react4.滴滴 chameleon5.uni-app 类似 vue6.原生框架 MINA原创 2020-07-06 17:11:25 · 116 阅读 · 0 评论 -
学习微信小程序第二天(2020-06)WXML 语法参考(2)
与 CSS 相比,WXSS 扩展的特性有:尺寸单位 样式导入尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度) iPhone5 1rpx = 0.42px 1px =原创 2020-07-02 10:32:11 · 709 阅读 · 0 评论 -
学习微信小程序第一天(2020-06)WXML 语法参考
text相当于以前web中的span标签行内元素不会换行view相当于以前web中的div标签块级元素会换行checkbox相当于以前的复选框标签<!--使用bool类型充当属性checkbox--><!--字符串和花括号之间一定不要存在空格否则会导致识别失败-->数据绑定WXML 中的动态数据均来自对应 Page 的 data。简单绑定数据绑定使用 Mustache 语法(双大括号)将变量包起来,可以作用...原创 2020-06-30 17:59:04 · 314 阅读 · 0 评论 -
学习微信小程序第一天(2020-06)---全局配置文件
app.json文件 小程序全局配置pages 用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对应位置的.json,.js,.wxml,.wxss四个文件进行处理。数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。window:用于设置小程序的状态栏、导航条、标题、窗口背景色。navigationBarBackgroundColor 导航栏背景颜色...原创 2020-06-30 10:53:54 · 239 阅读 · 0 评论 -
刚开始学习Vue,出现错误死活找不到原因时
看看el后边和div是否能对应起来原创 2020-06-20 00:13:34 · 186 阅读 · 0 评论 -
Vue.js中splice()方法实现对数组进行删除的操作
https://blog.csdn.net/qq15577969/article/details/89033120?utm_source=app转载 2020-06-18 22:54:35 · 4198 阅读 · 0 评论 -
如果面试官问你0.1➕0.2为什么不等于0.3怎么回答?
浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数。例如,0.1加0.2的结果不是0.3,而是0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。原创 2020-06-18 14:53:31 · 1027 阅读 · 0 评论 -
JavaScript中为什么要用let,const,而不用var
因为在之前的JavaScript(ES5之前)中,var在像 if ,for循环中是没有作用域的,只有借助function的作用域来解决引用作用域外面的变量的问题在ES6中加入了let,它在if和for中是有块级作用域的,let拥有块级作用域,一个{}就是一个作用域,也就是let声明块级变量,即局部变量;...原创 2020-06-17 23:26:02 · 2353 阅读 · 0 评论