您的位置:

首页 >

腾博会官网9888 >

js微信分享实现代码 >

js微信分享实现代码

2016-04-01 03:28:18

分类:腾博会官网9888

本文实例为大家分享了js微信分享实现代码,供大家参考,具体内容如下微信分享代码,先引入:<script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>获取签名:mui.ajax('/apijson/wxsign', { type: 'get', data: { url: location.href, }, success: function (data) { //alert(JSON.stringify(data)); wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: data.appid, // 必填,公众号的唯一标识 timestamp: data.timestamp, // 必填,生成签名的时间戳 nonceStr: data.nonceStr, // 必填,生成签名的随机串 signature: data.signature,// 必填,签名 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'startRecord', 'stopRecord', 'onVoiceRecordEnd', 'playVoice', 'pauseVoice', 'stopVoice', 'onVoicePlayEnd', 'uploadVoice', 'downloadVoice', 'chooseImage', 'previewImage', 'uploadImage', 'downloadImage' ] // 必填,需要使用的JS接口列表 }); }})分享代码: wx.ready(function () { var url = window.location.href; // 在这里调用 API wx.onMenuShareAppMessage({ title: "御元丹—送父母及最需要感恩的人!", // 分享标题 desc: "走出红墙的臻品 邓小平、杨尚昆、叶剑英等党和军队领导人长期服用!", // 分享描述 link: url, // 分享链接 imgUrl: "http://m.981china.com/images/yuyuandanlogo.png", // 分享图标 type: '', // dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); wx.onMenuShareTimeline({ title: "御元丹—送父母及最需要感恩的人!", // 分享标题 desc: "走出红墙的臻品 邓小平、杨尚昆、叶剑英等党和军队领导人长期服用!", // 分享描述 link: url, // 分享链接 imgUrl: "http://m.981china.com/images/yuyuandanlogo.png", // 分享图标 type: '', // dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); });以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

vue  jsx  语法与 react  jsx  还是有些不一样,在这里记录下。let component = null// if 语句if (true) { component = ( <div></div> );} else { component = ( <div></div> );}var ul = ( <ul> {component} </ul>);// map 语句var coms = limit.map(i => { return { <li> {ul} </li> };})// 属性<li onClick={() => console.log()}>// 自定义指令let directives = [{name: 'prod-img', value: params.row.skn, modifiers: {skn: true}} ];return ( <div> <img {...{directives}}></img> // 属性展开 </div>);// 自定义过滤器不建议使用,直接当函数使用foo(something)// methodsthis.foo()// model<i-input value={params.row.factoryCode} placeholder='请输入...' onInput={val => (params.row.factoryCode = val)} style={{width: '100%'}}></i-input>// 自定义事件 return ( <Operator category-id={this.categoryId} // prop绑定 product={params.row} // prop 绑定 onChange={this.onChangeStatus}> // event 绑定 </Operator> );//三元运算 <div> <h1>{i == 1 ? 'True!' : 'False'}</h1></div// 注释<div> <h1>菜鸟教程</h1> {/*注释...*/}</div>// html<div>{{_html: '<h1>Hello World!!</h1>'}}</div>// h函数写法return h('Input', { props: { value: params.row.buyingNums }, on: { input: val => { params.row.buyingNums = val; }, 'on-blur': () => { this.update(params); } }});// 所有的事件监听必须以on开头,然后字母大写// template<input @on-change='click'>// jsx<input onOn-change={() => this.click()}></input>好了,下面看下vue.js 使用jsx语法的方法1、创建一个测试的组件export default { name:'Test', components:{ }, render(h){ return <div> test </div> }, data () { return { } }}2、把编辑器js语言的版本设置成jsx,这样编辑器 可以正确识别jsx语法3、安装npm依赖 babel-plugin-syntax-jsx\ babel-plugin-transform-vue-jsx\ babel-helper-vue-jsx-merge-props\4、修改 .babelrc{ "presets": ["es2015"], "plugins": ["transform-vue-jsx"]}我是下载的vux的模板,修改之后顺利打包jsx格式的文件总结以上所述是小编给大家介绍的vue jsx 使用指南及vue.js 使用jsx语法的方法,希望对大家有所帮助!

1。 效果图: 2。 主页面的代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> function open_windows_and_get_selectedinfo(openwindow, control, control2) { var str = window.showModalDialog(openwindow, window, "dialogWidth=740px;dialogHeight=600px;center=yes;help=no;resizable=no;status=no"); if (!str) return; document.getElementById(control).value = str[0]; document.getElementById(control2).value = str[1]; } </script> </head> <body> <form id="form1" runat="server"> <div id="autosuggest" style="width:160px;font-size:12px;"><ul></ul></div> <div> <input id="txtActive" runat="server" readonly="readonly" /> <input type="button" id="selectActive" runat="server" onclick="javascript:open_windows_and_get_selectedinfo('TestEdt.aspx','hfActive','txtActive')" value="..." /> <asp:HiddenField ID="hfActive" runat="server" /> </div> </form> </body> </html> 3。 弹出页面的代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <base target="_self"> <head runat="server"> <title></title> <script type="text/javascript" language="javascript"> function dbclick_return_and_close(strid, strvalue) { alert("执行该方法!"); var str = new Array(strid, strvalue); window.returnValue = str; window.close(); } </script> </head> <body> <form id="form1" runat="server"> <div> <a href="#" onclick="javascript:dbclick_return_and_close( '1', 'aaaaaaa');">点击这一行,

菜单为二级,初始化时为折叠效果,单击大项标题时展开,显示二级列表。 HTML代码如下: 复制代码 代码如下: <body> <div class="mainleftFAQ"> <div class="category"> <img src="images/admin.gif" width="215" height="66" /> </div> <div id="disp"> </div> <div class="bartitleFAQ"> <img src="images/yuan.gif" /><span class="admintext11">服务管理</span></div> <div class="FAQlist"> <ul> <li><a href='#'>  等待提交</a></li> <li><a href='#' title=''>  等待发布</a></li> <li><a href='#' title=''>  正式项目</a></li> <li><a href='#' title=''>  点此新增</a></li></ul> </div> <div class="bartitleFAQ"> <img src="images/yuan.gif" /><span class="admintext11">更新流程</span></div> <div class="FAQlist"> <ul> <li><a href='#'>  后台搜索</a></li> <li><a href='#' title=''>  更新流程</a></li> </div> <div class="bartitleFAQ"> <img src="images/yuan.gif" /><span class="admintext11">FAQ管理</span></div> <div class="FAQlist"> <ul> <li><a href='#'>  等待提交</a></li> <li><a href='#' title=''>  等待发布</a></li> <li><a href='#' title=''>  正式项目</a></li> <li><a href='#' title=''>  点此新增</a></li></ul> </div> <div class="bartitleFAQ"> <img src="images/yuan.gif" /><span class="admintext11">下载管理</span></div> <div class="FAQlist"> <ul> <li><a href='#'>  等待提交</a></li> <li><a href='#' title=''>  等待发布</a></li> <li><a href='#' title=''>  正式项目</a></li> <li><a href='#' title=''>  点此新增</a></li></ul> </div> <div class="bartitleFAQ"> <img src="images/yuan.gif" /><span class="admintext11">返回首页</span></div> </div> </body> 其中JQUERY脚本,只需简单的几行便可以实现想要的效果。具体代码如下所示: 复制代码 代码如下: <script language="javascript" type="text/javascript"> $(document).ready(function () { //将二级菜单设置为不可见 $(".FAQlist").css("display", "none"); //单击一级菜单触发的事件 $(".bartitleFAQ").click(function () { $(".FAQlist").css("display", "none");//将二级菜单全部设置为不可见 $(this).next(".FAQlist").css("display",

前言最近研究Angular2的@Angular/cli,有改端口号的需求。方法一1、定位到:..\node_modules\[email protected][email protected]@@angular\cli\lib\config2、打开schema.json3、直接看图,修改即可。方法二cmd定位到项目目录,命令:ng serve --port 端口号总结有需求就会有方法,没有走不通的路。以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

焦点访谈

最新最热的文章

更多 >

COPYRIGHT (©) 2017 Copyright ©2017 腾博会官网 网站地图

联系我们

827570882

扫描二维码分享到微信