主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
H5页面上有一个功能,这是一个相对简单的调查功能,嵌套在官方微信帐户中。 选定的技术堆栈是VUE。 同时,使用微信登录和共享接口。
遇到的主要功能和问题:带有参数的左右交换动画路由跳动移动终端引入外部字体样式HTMTL2CANVAS SCRECENSHOT功能使用微信接口微晶接口(前端部分)移动终端ADAPTER移动终端1。左和右toical toin tointial tointial toimation
p> - - - - - - - - - -我们的第一个动画,我们的第一个端子。我已经看了很长时间了,但是这个项目很小,以至于我放弃了这个选择,并开始为自己写作。 我认为的第一件事是过渡效应。 相关文章参考发现。 这是代码:
`模板p transition路由器- view /router - view /transition /p /p /template脚本导出{name:app,data:at :()= {return {direction {direction:watch:{$ route(tone) const toIndex = to.meta.index; const fromIndex = from.meta.index; this.direction = toidex fromIndex? 向前: /脚本样式.fade -最后-输入- active {animation:bounce - 0.6s; 。 @keyframes{0%{转换:translatex(- 100%)弹跳-; 100%{变换:translatex(0rem);@keyframes bounce - out {0%{transform:translatex(100%); 100%{转换:translatex(0rem); /样式`
参考:https://yq.aliyun.com/article...
2。带有参数跳跃的路由器是要记录的,有三种方法:1。直接在路由-链接上获取参数:
路由器- link /router - link
2。这获取参数。 $ router.push:
使用
参数使用查询。将参数剪接到URL
this。 $ router.push({name:'home',查询:{id:'1'}})。 $ router.push({path:'/home',查询:{id:'1'}})剪接
this。 $ router.push({name:'home',params:{id:'1''}})
参考链接:https://blog.csdn.net/jianandan ...
3。移动设备引入外部字体样式。移动设备具有外部样式。使用它直接下载字体库字体。常见后缀为.ttf/.otf等。在资产文件下创建一个字体文件,然后将所有字体文件放入其中。创建一个与注册下载字体相对应的新.CSS文件。 SRC是文件居住的路径。
在必要时可以使用它:字体-家族:“ pingfang” 4。通过使用htmltl2canvas屏幕截图函数将其转换为图像来下载HTML2Canvas软件包:CNPM I HTML2Canvas - S / Import from'html2canvas'查看文档。单击以直接生成图像。 save the image function using wechat long press and settimeout(()= {// timer is used here because it displays the image as soon as the page is loaded. To prevent the picture from being generated, HTML2Canvas(document.queryselector(#top), {usecors:usecors:true:true:corse from print from print edgging:true:true:true:true:true) Alluttiant:false //This is very similar到第一个,但是您不能同时使用Todataurl})。 首先,访问并查看微信公共平台,并在完全实现权限后配置后端。 前端必须请求数据并创建配置。 在这里,我们将介绍您主要与朋友分享并与朋友分享的功能。
this.code = location.href; //首先获取代码,如果(this.code.lastindexof(code =)!= - 1){(this.code = this.code.substring(this.code.lastindexof(code =)+5,this.lastIndexof(state)),this .concat(this.code)。然后又传递了this.concat(this.code)。 t.data.headimgurl); }); this.url = encodeuricomponent(location.href.split(#/)[0]); //获取配置此的路径。调试:false,//打开调试模式,appid:res.data.appid,//所需的企业号码唯一标识,在此处输入公司编号。 res.data.Signature,//必需的签名,请参见附录1 JSAPILIST:[updateAppMessageHaredata,updatetetimelinesharedata,showmenuitems,hideallnonbasemenuitem] //必需的JS接口列表,请参见Appendix 2。 {wx.hideallnonbasemenuitem();imgurl:****,//共享图标****,//共享图标。公司的下一个项目再次在这里。 私は长い间残业してきました。完成后立即开始一个新项目,以按计划完成该项目。我有点累。这个游戏必须是一个应用程序,我根本没有经验。我可以用一点子弹做,仍然需要做一顿美餐。可怜的新生不敢急于采取行动。 以下是REM改编的代码:
//默认调用sethtmlfontsize();函数sethtmlfontsize(){// 1。获取当前的屏幕宽度。3。绝对是标准屏幕元素字体大小100px 1REM = 100px 10px = 0.1REM 1PX 0.01REM var stardandFontSize = 100; // 4。bar nowfontsize = WindowWidth/stardentWidth*stardandFontSize+'px'; // console.log(NowFontSize); // 5。将根元素的当前字体大小设置为html document.queryselector('html')。 style.fontsize = nowfontsize; // 6。屏幕宽度事件添加屏幕更改触发了root元素字体大小计算JS窗口的更改。AddeventListener('resize size',sethtmlfontsize)。
7。其他问题的概述
1。单击事件多次,然后单击一次,仅运行一次。
。 使用iOS输入框时,键盘将弹出并阻止事件,以阻止以下按钮和其他元素:
您可以注册在输入和set document.body.body.scrootop = 0的事件中注册事件。如果需要更改配置,则创建一个新的vue.config.js文件将自动覆盖上一个文件。 主要修改:公共路径:“ ./”,该文档没有baseurl。目前,一切都在使用公共路径,因此可以遵循文档结构。
相关教程:VUE框架视频教程
前端介绍了有关VUE的实用说明。
这几篇文章你可能也喜欢:
- WordPress写了哪些语言?
- 如何在WordPress结果中突出显示搜索词
- 如何在WordPress中隐藏或设置子类别样式
- 11种创建移动友好的WordPress网站的方法
- 查看WordPress搜索术语和结果计数
本文由主机参考刊发,转载请注明:如何使用VUE完成官方微信帐户网页(VUE官方帐户网页身份验证) https://zhujicankao.com/146027.html
评论前必须登录!
注册