网站开发

本篇文章主要介绍了微信小程序-滚动消息通知的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 写在前面：　 这次我主要想总结一下微信小程序实现上下滚动消息提醒，主要是利用swiper组件来实现，swiper组件在小程序中是滑块视图容器。 我们通过vertical属性（默认为false,实现默认左右滚动）设置为true来实现上下滚动。 （需要注意的是：只要你的swiper存在vertical属性，无论你给值为true或者false或者不设参数值，都将实现上下滚动） 从深圳回来做了一个微信小程序的小项目，令人欣慰的一点事是，回来很快时间内把在深圳两天的房租给赚回来了，哈哈… wxml <swiper>   <block>    <navigator>     <swiper-item>      <view>{{item.title}}</view>     </swiper-item>    </navigator>   </block>  </swiper> 登录后复制 wxss  .swiper_container {  height: 55rpx;  width: 80vw; } .swiper_item {  font-size: 25rpx;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  letter-spacing: 2px;…

微信小程序的ajax数据请求wx.request介绍，微信小程序的ajax数据请求，很多同学找不到api在哪个位置，这里单独把小程序的ajax请求给列出来，微信小程序的请求就是wx.request这个api，wx.request(一些对象参数)，微信小程序不同于浏览器的ajax请求，可以直接跨域请求不用考虑跨域问题。使用小程序官方 提供的数据请求api发起数据请求方法 wx.request(OBJECT) wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。 OBJECT参数说明： 示例代码： wx.request( {  url: 'test.php',  data:  {      x: '' ,     y: ''   },     header: {         'Content-Type': 'application/json'   },     success: function(res)     {        console.log(res.data)   } } ) 登录后复制 微信小程序中使用fetch做ajax请求 fetch是一种新的ajax请求规范，经懒人建站测试，fetch在小程序中也是支持的，测试ajax请求代码如下：then中带代码是测试，这里是节选了小部分代码，实际使用需要自行修改。 fetch('http://www.51xuediannao.com/json.php?typeid=34&amp;page=1&amp;pagesize=10')     .then(function(response)     {           if(response.status==200){          that.data.page++;          …

这篇文章主要介绍了js实现微信分享朋友链接显示，对学习asp.net编程技术有所帮助，感兴趣的小伙伴们可以参考一下 通常自己做的一个页面想通过微信像朋友分享时，展示的标题和描述都是不是自己想要的，自己查了一些资料，原来是通过js来进行控制展示效果如下： 标题、描述、还有分享的图片都是有js来控制的。js代码如下 <script> var dataForWeixin = { appId: "", MsgImg: "Christmas/201012189457639.gif",//显示图片 TLImg: "Christmas/201012189457639.gif",//显示图片 url: "Christmas/6.html?stra=!u738B!u4F1F",//跳转地址 title: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//标题内容 desc: "将我的思念和祝福送给您,颐养源祝大家圣诞快乐",//描述内容 fakeid: "", callback: function () { } };…

本篇文章给大家分享一个小程序开发实战，介绍一下怎么开发一个搜索输入框组件，希望对大家有所帮助！ 我们这次来谈谈组件的开发。由于小程序可能由很多页面组成，而不同页面可能会有相似的部分，所以我们要将页面合理拆分成不同的组件，就像一块块积木一样，然后再通过组合不同组件完成一个个页面的组装，这就是为什么会有这个概念。【相关学习推荐：】 实战演练 那么话不多说，我们直接开始实战。如何将一个页面拆分成组件是由一系列页面开发后积累的经验所指引的，我们先来做几个页面找找感觉。 比如我们先来做一个小程序首页，我们常见的很多应用首页大多是一个内容列表，其实它有一个比较专业的名称，叫做“feed流”。 比如上图，分别是微博、知乎、美团和boss直聘的小程序首页。可以看到，它们基本都是由一个顶部的搜索输入框和主体部分一个可以持续上划的内容列表所组成的。 首页开发 那么按照这个思路，我们开始自己的小程序首页开发。 首先，我们打开app.json文件，其中pages中的所配置的第一项则是小程序首页。 接着，我们打开首页的index.wxml文件并清空它，然后开始编写我们自己的首页内容。 清空前 清空后 我们可以将上图中所指的热重载打开，这样可以在每次修改完页面的内容后实时看到修改效果，而无需每次手动点击编译。 另外，我们发现上面四个主流小程序的首页都没有标题内容，所以我们也将app.json中的navigationBarTitleText字段改为空字符串即可。 搜索框组件 我们上面提到过，首页由顶部的搜索输入框和主体部分的列表所组成，这就已经天然地将首页拆分成了搜索输入框+内容列表两个组件了，因为这两个元素都可能是被其他页面重复使用的。 那么先来开发搜索输入框，我们以最简单的形式为例，比如上面主流小程序中第2个和第4个。即一个圆角输入框，输入框内部最左侧有一个搜索图标，输入框内部有一行默认的提示文字。 内置组件input 输入框我们会使用小程序提供的内部组件input，文档可见 然后我们在开发页面或组件的时候，注意在每一个元素层级都尽量以一个view标签作为容器，对元素进行包裹，这样后面对于元素在布局中的操控都会更加容易。 比如我们在pages/index/index.wxml中写下如上代码，页面就会呈现出左侧的样子。 这里我们使用了小程序内置组件input，并通过placeholder属性为其设置了默认提示文字。 接着，我们需要使用一些样式代码来对搜索框进行样式修饰。 我们为元素标签添加了样式属性 接着在index.wxss中清空原本的内容，然后添加了我们自己的样式代码。 样式调试 这里讲一个非常实用的开发小技巧，如上图所示，我们可以使用开发者工具提供的调试器查看页面实际渲染出的结构以及样式属性，并且我们可以直接在这里对页面元素的样式进行修改并实时看到效果。甚至对于颜色类的属性我们可以像上图中的操作，点击当前颜色唤出颜色选择面板，进而调整该元素的颜色。 然后，当我们把页面样式调整到最佳效果后，直接将调试器中的样式代码选中并复制，随即粘贴到我们的index.wxss中即可。…

这篇文章主要介绍了微信小程序 后台https域名绑定和免费的https证书申请详解的相关资料,需要的朋友可以参考下 微信小程序 后台https域名绑定和免费的https证书申请详解 微信小程序在11月3号发布了，这是一个全新的生态，没有赶上微信公众号红利的开发者，运营者可别错过这趟车了。 但是微信的后台需要全https，之前我还不相信，后台注册了后进后台才发现，服务器配置如下图 从后台的服务器配置可以看出 （1）微信小程序后台只支持https，如果公司后台还没支持https的，赶紧要升级了 （2）API请求，文件上传，socket 文件上传和下载，必须是在后台配置的，否则微信不允许你下载       另外，http请求，在微信小程序里，是被微信封装了的，所有微信要封杀哪个域名是非常的方便。 （3）后端的请求，是可以配置多个请求的，比如request 请求，可以配置不同的请求，但是所有的域名必须备案，并且新备案的需要24小时之后才能添加   (4) 每个月只能提交修改3次，每次修改要慎重啊 那哪里有ca证书呢，ca证书很贵，有几百到几千上万的一年的都有，但是阿里云有免费的ca证书，你知道吗？  下面说明免费证书申请步骤 （1）进入后台，点击CA证书，点击购买 （2）默认的是5000需要付费的  选择免费型 DV SSL 你就会发现是不要钱了。 经过绑定申请后，显示的是https。…