为您找到搜索结果：4724个
使用免费 mongodb数据库 + 免费node.js服务器搭建小程序接口
由于微信的小程序只支持不带端口的域名接口，不支持IP地址和接口，所以我们需要映射到80端口并绑定备案过的域名才能被微信小程序访问到。简单点就是接口需要https协议才行，找了许久的免费的数据库与node.js的环境，都不尽人意，下面是整理的可以考虑的免费的产品：通过新浪云部署Node.js微信小程序商城（不用买域名、不用备案、不用配置https如果已经有备案的网站但是没有配置SSL时，可以考虑阿里云免费证书DVSSL，这个免费的证书隐藏的比较隐蔽：证书类型选择Symantec品牌注意，选择之后你并不会看到免费的证书！选择证书类型你还需要选择一下增强型OVSSL，这时免费型DVSSL选项才会出现。使用国外的，国外有三家非常不错的供应商MongoLab和RedisLabs和MongoDBAtlas，可以提供免费的mongodb数据库，可以考虑，需要翻墙免费的node.js服务器heroku，同样需要翻墙，注册需要使用gmail邮箱，偏慢但（推荐）国外的三家免费的mongodb数据库对比： MongoLab 提供500MB免费的云端存储，Mongo目前版本为3...
使用 prismjs 在网页中高亮显示代码
最近在总结这一年来制作的网页模块，网站风格统一的情况下，网站页面结构不会改变，因此想记录一部分网站中统一的结构，方便日后维护。用到的相关技术：vue,element-ui,prismjs,vue-prism-editor,vue-router做成的效果如图：因为是在vue 环境下，因此需要安装以下插件：npmiprismjsnpmivue-prism-editornpmielement-ui制作过程中有三个知识点：element-ui 菜单展示代码通过组件间传值prismjs 代码皮肤菜单sibar.js菜单结构是通过一个json实现的，数据结构使用类似router 的组件嵌套方式，方便维护：//外层的数组代表一级菜单，内层sub数组代表二级菜单。module.exports=[{name:'AnvizModule',id:'anviz',sub:[{name:'layout布局',componentName:'AnvizLayout'},{name:'container布局容器',componentName:'AnvizContainer'}]...
video 标签在微信浏览器的问题解决方法
最近做的些web页面,内嵌许多小视频，在ios和安卓手机上播放时，遇到不少问题：在微信浏览器内播放时，视频会自动全屏如果每个视频都有一张自定义的图片作为封面，在显示视频的同时，如果没有给这个视频设置高度，视频的容器在安卓手机上会被视频的封面撑大到变形解决办法：给video标签加一些属性，调用h5原生video，我写了个例子，加了注释，如果有错误，烦指正，谢谢！<videoclass="video-source"width="100%" height="240px"/*如果有封面，请设置高度*/controls/*这个属性规定浏览器为该视频提供播放控件*/style="object-fit:fill"/*加这个style会让Android/web的视频在微信里的视频全屏，如果是在手机上预览，会让视频的封面同视频一样大小*/webkit-playsinline="true"/*这个属性是ios10中设置可以让视频在小窗内播放，也就是不是全屏播放*/x-webkit-airplay="true"/*这个属性还不知道作用*/playsinline="true"/*IOS微信浏览器支持...
微信朋友圈分享之自定义网页按钮分享
最近要做一个视频分享的web页面，查询到的每条视频都有一个分享按钮，计划实现，点击按钮实现微信分享到朋友圈/朋友的功能。看过微信JSSDK开发文档的人都知道，调用微信的分享功能必须要具备以下几个条件：必须在你的服务号上绑定开发页面的域名必须要引入微信的JS文件必须要有appId，timestamp，nonceStr，signature如果要分享当前页面，必须要拿到当前页面的url 我们的视频分享是这样写的：appId，timestamp，nonceStr，signature的值是通过后台接口查询的，要拿到这些值，要通过一个post请求，把要推荐的每个视频的id、推荐模式（朋友圈/朋友）、要分享的当前页面的url返回给后台，才可以拿到这些值。下面是一个按钮的点击事件，看代码就能明白：$('.js_container').on('click','.weui-jiaj-video',function(){//从绑定的属性中获取值varitem=$(this).attr('share-data');if(item)item=JSON.parse(item);//"1"朋友圈"2"朋友...
微信公众号 微信网页授权方法
自己查看微信网页授权wiki: https://mp.weixin.qq.com/wiki第一步：用户同意授权，获取code操作方法：新建一个php文件，oauth2.php<?php/*网页授板获取用户openid,首先获取code*/echo$code=$_GET['code'];/*测试code是否能输出而使用echo命令*/?>复制wiki中的示例代码，并将关键字替换：/*原示例代码*/第一步：用户同意授权，获取code在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下（服务号获得高级接口后，默认拥有scope参数中的snsapi_base和snsapi_userinfo），引导关注者打开如下页面：https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect/*替换之...
微信JSSDK javascript 开发 代码片段，仅供参考
最全面最专业的微信公众平台开发教程：http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html比较完整的分享教程：http://www.cnblogs.com/leinov/p/5256879.htmlajax调用服务器接口：functionGetWeiXinJsapiConfig(){varurl=encodeURIComponent(location.href.split('#')[0]);alert('urlis'+url);$.ajax({type:"POST",url:"/XXX/GetWeiXinJsapiConfig",data:"{'curUrl':'"+url+"'}",contentType:"application/json;charset=utf-8",dataType:"json",success:function(data){console.log(data.d);varconfigData=$.parseJSON(data.d);console.log('sigis'+configData.signat...
微信订阅号消息回复测试
最近在研究微信公众号开发，消息回复是订阅号基础的可获取的接口，因此先从这里开始练起。我的服务端采用的是新浪的SAE平台，现在要想提交代码，是要每月上交10元的，有500M空间可用。以腾讯云服务器为示例：腾讯云服务器购买入口，购买指导请参考快速入门linux云服务器。学生党注意：腾讯公司为在读高校生提供了云+校园计划，1元/月即可使用腾讯云。 开始操作，进入微信公众开发平台后台，个人一般只能申请订阅号（限制主要功能），我这里使用的是微信的【公众平台测试帐号】。流程：下载微信php示例代码：http://mp.weixin.qq.com/wiki/8/f9a0b8382e0b77d87b3bcc1ce6fbc104.html 配置服务器：注册新浪云服务器SAE》创建应用》选择云空间(不要选择标准环境)》输入二级域名名称/应用名称》最低配置，付10元》创建成功》控制台》云应用SAE》管理应用》代码管理》上传微信php示例代码配置测试帐号：登录微信开发平台》开发》开发者工具》公众平台测试帐号》进入。只要你登录微信开发平台，就可以在【公众平台测试帐号】中看到：ap...
React 点击按钮显示div与隐藏div，并给div传children
最近做了一个react的点击按钮显示与隐藏div的一个小组件： 【筛选】组件FilterButtonimportReact,{Component}from'react';import{render}from'react-dom';exportdefaultclassFilterButtonextendsComponent{constructor(props){super(props);this.state={clickProps:{display:'none',//控制display的值来隐藏与显示name:'筛选'}}}//组件的props发生改变,在组件接收到一个新的prop时被执行。这个方法在初始化render时不会被调用。componentWillReceiveProps(nextProps){if(nextProps.needConfirm){this.setState({clickProps:{display:'none',name:'筛选'}});}}/**'inline-block'==this.state.clickProps.display条件：当前的st...
以 “月” 为单位的可以翻页的效果 显示为 2016年01月
先上效果图： 动作：向前翻一页，显示为201年12月；向后翻一页，显示为 2016年1月动作2：日期与数据关联 previousDiv上一页IDnextDiv下一页IDheaderTitleDiv日期容器ID日期是需要放在input里的，ID为titlehtml：<!--图表的容器--><divid="scroll_view"class="mui-scroll-wrapper"><divid="warp"class="mui-scroll"><divid="emptyDiv"class="emptyDiv">暂无数据</div><divid="pie_information_month"class="ReportDiv"></div><divid="bar_information_month"class="ReportDiv"></div></div></div>注意：“月”的input的类型为mont...
以 “日” 为单位的可以翻页的效果 显示为 2016/01/11
先上效果图：动作和“周”是一样的，步骤简化，：一、日期容器html<!--日期的容器--><divclass="headerDiv"><divid="previousDiv"class="previousImgDiv"></div><divid="nextDiv"class="unNextImgDiv"></div><divid="headerTitleDiv"class="titleDiv"><inputid="title"type="date"/></div></div>注意：“日”的input的类型为date 二、JS方法，“日”的变量与方法与“周不一样” 1、变量自定义varpreviousDiv;varnextDiv;varheaderTitleDiv;vartitle;2、延迟加载$(document).ready(function(){pr...
以 “周” 为单位的可以翻页的效果 显示为 2016年第2周
先上效果图：动作：向前翻一页，显示为2016年第1周；向后翻一页，显示为 2016年第3周动作2：日期与数据关联 这么多代码只要看一个地方就OK了，这里有三个DIV,分别是：previousDiv上一页IDnextDiv下一页IDheaderTitleDiv日期容器ID日期是需要放在input里的，ID为titlehtml：<!--日期的容器--><divclass="headerDiv"><divid="previousDiv"class="previousImgDiv"></div><divid="nextDiv"class="unNextImgDiv"></div><divid="headerTitleDiv"class="titleDiv"><inputid="title"type="text"style="background-color:#f0f0f0;border:none;font-size:20px;text-align:center;"/></d...
android——获取状态栏高度
/***获取状?栏高?**@paramcontext*@return*/publicstaticintgetStatusHeight(Contextcontext){intstatusHeight=0;Class<?>localClass;try{localClass=Class.forName("com.android.internal.R$dimen");ObjectlocalObject=localClass.newInstance();inti5=Integer.parseInt(localClass.getField("status_bar_height").get(localObject).toString());statusHeight=context.getResources().getDimensionPixelSize(i5);}catch(ClassNotFoundExceptione){e.printStackTrace();}catch(IllegalAccessExceptione){e.printStackTrace();}catch(Inst...
android-用xml自定义背景（可自定义显示具体那一边）
常见的描边都是闭合的。四个边都有。如下：<?xmlversion="1.0"encoding="UTF-8"?><layer-listxmlns:android="http://schemas.android.com/apk/res/android"><!--连框颜色值--><item><shape><solidandroid:color="#2B49B8"/></shape></item><!--主体背景颜色值--><itemandroid:bottom="1dp"android:left="1dp"android:right="1dp"android:top="1dp"><shape><solidandroid:color="#ffffff"/><paddingandroid:bottom="1dp"android:left="1dp"android:right="1dp"android:top="1dp"/></shap...