web的博客

https://niwoxuexi.com/blog/user/103

  • 微信小程序的三种传值方式

    第一种:全局传值// 步骤一:在全局app.js文件中定义数据 App({ globalData: { userInfo: null, userName: '全局变量传值', } }) // 步骤二:获取应用实例,不然无法调用全局变量 const app = getApp() // 步骤三:调用全局变量 Page({ data: { ...

    • 更新时间: 2019-10-18 11:53
    985浏览
    0推荐
    0评论
  • 微信小程序wxml的{{}}中使用函数

    WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。其中包括了很多日常使用的javascript函数,在wxs中都是不能同样使用的。如何使用呢?需要两个步骤,1, 创建 .wxs文件2, 在.wxml文件中使用例子:1,在utils文件加下创建util.wxs文件// 作用于wxml中的函数 ...

    • 更新时间: 2019-10-18 09:20
    3549浏览
    0推荐
    0评论
  • wxs中使用date创建实例报错

    问题描述:wxs中使用date创建实例报错报错信息Uncaught SyntaxError: Invalid or unexpected token报错代码:let now = new Date();问题出现原因:WXS 中不能调用 javascript 中定义的函数或者变量,也不能调用小程序提供的API,他的运行环境和 javascript 是隔离的。只能使用 var 来定义变量,表现形式和 j ...

    • 更新时间: 2019-10-18 09:08
    1385浏览
    0推荐
    0评论
  • 微信小程序网络请求数据get,post

    本节知识点展示小程序get请求和post请求(一) 小程序get请求wxml代码<button class="answer" bindtap="douban">测试豆瓣</button>js代码douban: function () { var _this = this; wx.request({ url: 'xxxxxxx', /*写地址*/ ...

    • 更新时间: 2019-10-17 12:44
    1135浏览
    0推荐
    0评论
  • 微信小程序页面之间传递参数的几种方式

    小程序开发过程中,不可避免要遇到不同页面之间数据通讯的问题,如判断是否登录等,现做出以下分类总结 一、使用全局变量实现数据传递使用场景: 购物车界面需要根据是否登录来区别显示,当没有登录时提醒去登录,登录后之间显示自己购物车里的商品列表 全局变量使用方法: 再 app.js 文件中定义全局变量 globalData, 如下:将用户信息存放在 userInfo 中 //app.js ...

    • 更新时间: 2019-10-17 12:20
    1105浏览
    0推荐
    0评论
  • 微信小程序页面跳转传递参数wx.navigateTo

    wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。参数Object object属性类型默认值必填说明urlstring是需要跳转的应用内非 tabBar 的页面的路径, 路径后可以带参数。参数与路径之间使用 ? 分隔,参数键与参数值用 = ...

    • 更新时间: 2019-10-17 12:14
    2196浏览
    0推荐
    0评论
  • css实现动画

    css实现动画div { width:200px; height:200px; background-color:pink; /*animation: 动画名称 动画时间 运动曲线 何时开始 播放次数(infinite无限循环) 是否反方向*/ animation: go 2s ease 0s 2 alternate;/*引用动画 一般只使用前两个参数*/ } /* ...

    • 更新时间: 2019-10-17 07:52
    793浏览
    0推荐
    0评论
  • css按中心点旋转

    css按中心点旋转div { width:200px; height:200px; background-color:pink; transition:all 0.6s; /*transform-origin:top left; 设置旋转点 为左上角 */ transform-origin:20px 30px; } div:hover{ /*旋转36 ...

    • 更新时间: 2019-10-17 07:52
    1790浏览
    0推荐
    0评论
  • css盒子居中对齐

    css盒子居中对齐div { width:200px; height:200px; background-color:pink; position:absplute; left:50%; top:50%; /*margin-left:100px; 需要计算不合适*/ /*水平/垂直 移动自己宽度的一半*/ transform:translate ...

    • 更新时间: 2019-10-17 07:51
    835浏览
    0推荐
    0评论
  • css实现过度动画

    css实现过度动画div { width:300px; height:100px; /*transition写在div中 而不是hover中*/ /*transition: width 0.6s ease 0s,height 0.3s ease-in 1s;*/ transition: all 0.6s;/*所有属性都变化,后面连个参数可省略*/ } /*鼠标经过盒子 ...

    • 更新时间: 2019-10-17 07:51
    785浏览
    0推荐
    0评论
  • css样式鼠标经过插入一个伪元素

    直接上代码.div { width:100px; height:100px; position:relative;/*子绝父相*/ } .div:hover::before { content:""; width:100%; height:100%; border:10px solid rgba(255,255,255,.3); display:bloc ...

    • 更新时间: 2019-10-17 07:50
    1010浏览
    0推荐
    0评论
  • css溢出文字隐藏

    直接上代码.overflow { white-space:nowrap;/*首先强制一行*/ overflow:hidden; text-overflow:ellipsis;/*超出部分使用省略号*/ } ...

    • 更新时间: 2019-10-17 07:50
    754浏览
    0推荐
    0评论
  • css清除浮动

    直接上代码:.clearfix:after { content:".";/*内容为小点,尽量不要空,否者旧版本浏览器有空隙*/ display:block; height:0; visibility:hidden;/*隐藏盒子*/ clear:both; } .clearfix { *zoom:1;/* *代表ie6/7能识别的特殊符号 zoom就是ie6/7清 ...

    • 更新时间: 2019-10-17 07:49
    765浏览
    0推荐
    0评论
  • 常用CSS代码块

    1.清除浮动.clearfix:after { content:".";/*内容为小点,尽量不要空,否者旧版本浏览器有空隙*/ display:block; height:0; visibility:hidden;/*隐藏盒子*/ clear:both; } .clearfix { *zoom:1;/* *代表ie6/7能识别的特殊符号 zoom就是ie6/7清 ...

    • 更新时间: 2019-10-17 07:49
    732浏览
    0推荐
    0评论
  • 前端CSS用法

    链接伪类选择器 :link /未访问的链接/ :visited /已访问的链接/ :hover /鼠标移到链接上/ :active /选定的链接,当我们点击别松开鼠标 显示的状态/ 结构(位置)伪类选择器(css3) :first-child /选取属于其父类的首个子元素的指定选择器/ :last-child ...

    • 更新时间: 2019-10-17 07:46
    774浏览
    0推荐
    0评论