网站运营学习园地

网站运营学习园地提供网站运营、网站优化、网络营销、网站推广、网站建设、英文seo、google优化等知识,与大家一起交流和学习。

[置顶] 高权重英文网站外链建设大全

[置顶] 网站推广好地方

[置顶] 网站推广方法经验总结

[置顶] 网页设计技巧汇总

[置顶] seo与网站运营的关系

[置顶] 网站设计思路

[置顶] 搜索引擎中文网站提交入口

[置顶] 巧妙处理带www和不带www的域名

无限循环滚动代码,无缝隙循环

<!DOCTYPE>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>向上下左右不间断无缝滚动效果(兼容火狐和IE)</title>

</head>

<body>

...

padding值不改变容器大小css样式

 padding值不改变容器大小css样式:

box-sizing:border-box

知识拓展:

box-sizing:content-box | border-box

默认值:content-box

适用于:所有接受width和height的元素
继承性:无
取值:
content-box:
...

小程序 wx:if 多条件语法

1.单个条件
<view wx:if="{{a}}">单个条件</view>
2.多个或条件
<view wx:if="{{a || b}}">多个或条件</view>
3.多个与条件
<view wx:if="{{a && b}}">多个与条件</view>

微信小程序 生命周期

小程序的生命周期,由于小程序分为应用和页面两个部分,所以小程序的生命周期就涉及到三个部分,分别是:

应用的生命周期
页面的生命周期
应用的生命周期对页面生命周期的影响

一、应用的生命周期

App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。

用户首次打开小程序,触发 onLaunch(全局只触发一次)。
小程序初始化完成后,触发onShow方法,监听小程序显示。
小程序从前台进入后台,触发 onHide方法。
小程序从后台进入前台显示,触发 onShow方法。
...

小程序 rpx布局

 rpx实际上就是系统级的rem(把页面按比例分割750份,1rpx=window.innerWidth/750),

通过rpx,大家只需要根据750的设计稿写代码即可。
 

微信小程序 页面跳转 加链接

小程序页面有2种跳转,可以在wxml页面或者js中:

1.在wxml页面中:

<navigator url="../jicun/jicun">跳转到新页面</navigator>

<navigator url="../jicun/jicun" open-type="redirect">在当前页打开</navigator>

<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

小程序 外部页面链接跳转

步骤:

1.先登录小程序开发平台,填写业务域名;

2.应用标签<web-view src="{{path}}"></web-view>。

小程序 选择框picker 应用

picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。

小程序 水平垂直居中样式

水平垂直居中样式:
.classname{
display: flex;
align-items: center;
justify-content:center;
}

flex布局:
最大的作用便是快速实现布局水平居中、垂直居中、左右对齐等.

flex布局的使用:
首先是对布局容器设置display:flex;
然后利用两个属性(justify-content(水平方向)和align-items(垂直方向))进行设置。

常用场景不止居中布局:
...

小程序 幻灯图片版块制作

1.wxml页面添加代码:

  <view class="banner">

    <swiper indicator-dots="{{indicatorDots}}"

    autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

    <block wx:for="{{imgUrls}}">

      <swiper-item>

      <image src="{{item}}" class="slide-image" width="355" height="189"/>

      </swiper-item>

    </block>

    </swiper>

  </view>

分页:«123456789101112131415»

分享内容:网站建设、网站优化、网站推广、网站营销、网站运营等
Copyright 丫丫月儿 QQ:504922487