web的博客

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

  • 微信小程序页面之间传递参数的几种方式

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

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

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

    • 更新时间: 2019-10-17 12:14
    3972浏览
    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
    1455浏览
    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
    3400浏览
    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
    1625浏览
    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
    1549浏览
    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
    1950浏览
    0推荐
    0评论
  • css溢出文字隐藏

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

    • 更新时间: 2019-10-17 07:50
    1431浏览
    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
    1409浏览
    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
    1449浏览
    0推荐
    0评论
  • 前端CSS用法

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

    • 更新时间: 2019-10-17 07:46
    1566浏览
    0推荐
    0评论
  • HTML5新增标签与属性

    datalist<input placeholder="请输入明星" list="star"> <datalist id="star"> <option>刘德华</option> <option>刘落英</option> <option>刘一</ ...

    • 更新时间: 2019-10-17 07:39
    1595浏览
    0推荐
    0评论
  • 微信 报错{"errcode":41002,"errmsg":"appid missing hint:

    errcode":41002,解决:41002是微信没有收到正确的appid,所以,你需要检测下url!https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code let url = String(for ...

    • 更新时间: 2019-10-15 05:06
    15676浏览
    0推荐
    0评论
  • 微信小程序:授权问题(scope.userInfo【废弃】)

    今天发现微信废弃了授权API:’scope.userInfo’wx.getSetting({ success(res) { if (!res.authSetting['scope.userInfo']) { wx.authorize({ scope: 'scope.userInfo', ...

    • 更新时间: 2019-10-14 08:38
    2715浏览
    0推荐
    0评论
  • 微信小程序之授权登录(附完整源码)

    个人博客上已经同步更新了文章,有目录索引,阅读起来比较方便,欢迎大家移步个人博客上读阅~个人博客地址:http://zwd596257180.gitee.io/blog/2019/04/15/wechat_applet_login/前言由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发。官方链接实现思路自定义一个微信授权 ...

    • 更新时间: 2019-10-14 02:50
    1895浏览
    0推荐
    0评论