网站运营学习园地

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

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

[置顶] 网站推广好地方

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

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

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

[置顶] 网站设计思路

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

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

微信小程序 生命周期

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

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

一、应用的生命周期

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>

小程序 内页标题书写代码

在文件.json页面添加如下代码:
{"navigationBarTitleText": "标题名称"}
每个页面可独立填写。

微信小程序底部导航栏设置方法

1.在根目录中创建images文件夹,存储底部导航图标,可从阿里图标库 http://www.iconfont.cn中下载,选择64px大小即可;

2.在根目录中的配置文件 app.json 加入如下配置信息:

"tabBar": {
"color": "#a9b7b7",
"selectedColor": "#11cd6e",
"borderStyle":"white",
"list": [{
"selectedIconPath": "images/ssy.png",
...

dede高级搜索 单选框直搜显示

无需点击搜索按钮,选标签出选项。
注意:
1.form标签id名称定义;
2.js添加;
3.去除搜索按钮。
 

<div style="line-height:25px; margin-top:20px; margin-left:20px;"><form action="/plus/advancedsearch.php" method="post" id="formSearch"><input type="hidden" name="mid" value="18" /><input type="hidden" name="dopost" value="search" />行业 : <label><input type="radio" name="hy" value="" checked />全部</label><label><input type="radio" name="hy" value="生物医药" />生物医药</label><label><input type="radio" name="hy" value="新材料" />新材料</label><label><input type="radio" name="hy" value="机械制造" />机械制造</label><label><input type="radio" name="hy" value="环保" />环保</label><label><input type="radio" name="hy" value="石油化工" />石油化工</label><label><input type="radio" name="hy" value="其他" />其他</label></form></div>

...
分页:«123456789101112131415»

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