钉钉PC端vue页面开发

钉钉如何进行PC端开发

前段时间,用钉钉进行了服务器端的开发,对照着官方文档,感觉还是比较顺利的.后续想有时间研究一下PC端客户端的开发,看着官方文档,说的确实是比较简练,但也确实没看太明白,废了半天劲也没成功.后来经过无数次尝试,发现期待的弹窗竟然出现了,为了让其他人少走弯路,下面将自己的心得记录如下: 钉钉PC客户端开发注意事项: 1.必须有公网IP或者合法的域名(可怜没有,只能用github子域名作为域名了): 2.必须在钉钉的浏览器中才能(即钉钉客户端.或者钉钉手机端) 3.如果是HTT

【原】移动端vue页面点透事件 - 分析与解决

近期项目遇到了vue页面事件被带到下一个页面的问题,也就是我们常说的点透事件,主要表现在android机器上,花了不少时间折腾,简单做下总结~ vue页面之间的切换通过Vue Router的router.push方法 b.vue之前已经访问过,数据通过vuex管理,从a.vue进入到b.vue不再请求数据,直接拿到b.vue数据展示页面: a.vue页面上点击最底部的账单后,不到100ms就打开b.vue页面,此时最底部的账单的触摸事件并没有消失,a.vue的触摸事件直接平移到b.vue最底部位

移动端web页面开发常用的头部标签设置

在移动端web页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询. viewport <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> initial-scale属性控制页面最初加载时的缩放等级.maximum-scale.m

移动端H5页面开发，碰到一个字体变大的BUG

移动端H5页面开发,碰到一个字体变大的BUG webkit内核下,对不定高宽的元素可能会放大其字体.那么,就可以设置一个max-width:或者使用-webkit-text-size-adjust: none;禁用缩放.

vue pc端网站项目开发坑点与难度记录

背景在一pc端的web项目里,由于某些特性需要由动态语言处理,所以只在有需要使用vue来处理数据的页面,直接引入vue.js来处理.由于刚开始并没有打算使用前端来渲染数据和处理交互,所以使用了一些非vue的ui和插件,导致后来冲突坑点不少.非vue模块化下使用vue,虽然不能import vue文件,使用组件方式也有点恶心,但处理一些事情还是不错的. 使用formdata提交表单数据先上代码 var that = this; var myForm = document.getElementB

PHP项目实现手机端和PC端的页面切换

目前访问页面的要切换成手机端和PC端,原理是通过对设备作出判断,显示不同的功能和页面. 如果手机端和PC端的功能结构不相同,一般会写两套系统,一套适用于PC端,一套适用于手机端. 如果功能相同,则只需要更换模板. 首先这是一套判断设备的代码. function ismobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) return true; //此条摘自TPM智能切换模板引

PC端Web项目开发流程

从前一直再做前端,突然想到如果有一天领导让自己独立承担一个web 项目的话是否有足够的能力去接这个任务,要学会自己去搭建一些基础的工具信息.所有的这一切在心里都要有个大致的流程,不然真正做的时候难免会手忙脚乱起来,接不了这个活难免失去了一个表现自己的机会,接下来做的差了,则更影响了钱途,前途啊.所以本文对做PC端的项目进行了一个过程的总结. 一.了解.明确需求. 这个应该是第一步了,不了解需求你就不知道为什么要做,要怎么去做这个项目的工作. (1)明确需求是相当重要的,很有必要去和产品经理.设计

记录一下，PC端vue开发常用框架，已经用过elementUI和iview 接下来尝试另一个Muse-UI 喜欢它的点击效果

官网地址: https://muse-ui.org/#/zh-CN/installation

[转载]常见的移动端H5页面开发遇到的坑和解决办法

转过来,平时看看.虽然还有很多问题至今无解.比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏.!! 1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio＝2.现在android比较乱,有1.

怎么在移动端模拟pc端进行web开发调试日志

由于移动端开发,许多地方需要进行手势交互开发,而在pc模拟手机浏览器中不能进行模拟手势,所以无法查看日志,于是网上找了一个,腾讯vConsole,感觉还可以,分享给大家安装也方便我的项目是基于vue框架安装 npm install vConsole -D 在main.js中引用 import VConsole from 'vconsole' const vConsole = new VConsole() console.log(vConsole.version) 然后附上vConsole链接

常见的移动端H5页面开发遇到的坑和解决办法

转过来,平时看看.虽然还有很多问题至今无解.比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏.!! 1.安卓浏览器看背景图片,有些设备会模糊. 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio＝2.现在android比较乱,有1.

vue页面开发遇到的坑,都是泪!src属性，freemarker取值

总结下今天做的看图识别药材名的功能所遇到的问题以及解决措施. 效果图如下对应的连接 http://www.xinghengedu.com/getTenActivityQuestions.jspx 可以玩一玩. 乐姐将设计图页面设计好交给我之后,就开始完成随机出题的功能. 看上去挺简单,实现后也感觉凑合,但是开发中遇到的问题着实不少. 一开始计划直接将数据写成json格式的数据放到js文件,由于数据不固定还有不容易统一,还需要随机出题索性将输入导入数据库,后台传入返回json得了.因为sq

检测到是移动端还是PC端进入页面，加载不同样式表现

if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) { if(window.location.href.indexOf("?mobi

移动端vue页面禁止移动/滚动

当需要在移动端中禁止页面滚动,加入:@touchmove.prevent即可,例子如下 <template> <div @touchmove.prevent> <h3 class="main-bk">{{ title }}</h3> <p>您好!{{provider}}:</p> </div> </template>

微信PC端授权页面提示授权入口所在域名为空

做第三方微信平台的时候做授权页面,用window.open方法从第三方平台页面打开新的授权标签页. 在IE浏览器上出问题,提示如下: 在chrome和firefox浏览器上正常. 搜了一下,发现微信是通过授权页面请求的referrer头部来判断请求的域名的. 目前的IE浏览器(<=11)似乎对于open方法打开的标签页不附带referrer头部,所以获取的授权入口页域名为空. 解决办法: 不使用window.open,直接在本标签页打开(window.location.href),授权结束之后再

PC端无论页面有没有完全撑开把footer保持在最底部（不用定位）

最近在写项目,有的页面没有占到一屏,然后footer也就是底部就靠上了,这样很影响美观,于是在网上找了找,下面是我的成果解决该问题的最好方法是采用CSS3提供的一种先进布局模型 :flexbox,可以建立具有适应性的布局. 下面我们代码走起来 <body> <div id="header">...</div> <div id="content">...</div> <div class="

适用于移动端、PC 端 Vue.js 图片预览插件

1.安装:npm install --save vue-picture-preview 2.使用: (1)入口文件中main.js中全局引入: import Vue from 'vue' import vuePicturePreview from 'vue-picture-preview'; Vue.component('Previewer', vuePicturePreview); (2)按需局部引入: import vuePicturePreview from 'vue-picture-pr

pc端html页面到移动端等比缩放

head标签里面加这个<meta name="viewport" content="user-scalable=yes">

pc端vue 滚动到底部翻页

html: <div class="list" ref="scrollTopList"> <div class="listsmall" v-for="(item,index) of list" :key="index" @click="getDeviceInfo(item.id)"> <span class="state" :class=

【钉钉PC】PC端钉钉清除缓存

最近被钉钉的PC端坑的要死要死的,一个缓存问题弄了我一天时间,去你大爷的,放在这里防止其他的人被坑. 1.右键点击微应用,选择devtools 2.展开的页面,就像web端的F12,勾选network->Disable cache 具体如下: >>>>> >>>>>

钉钉PC端vue页面开发

热门专题