首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    玩转HTML5移动页面(优化篇)

    承接上期讲堂君推荐的《玩转HTML5移动页面(动效篇)》,动效篇说的是让页面动起来的一些小技巧。...而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。...曾经有一种派系为320派系,就是大部分页面都是320宽度,因此干脆直接用320的容器来包一切页面,那样也简单,然而IPHOEN6和IPHONE6+的出现简直是灭了这个派系。 那么到底要如何兼容呢?...还有其他,例如如果你的页面不能兼容横屏,请监听横屏状态,然后加上适当的横屏提示。...2.针对页面内容补充description和keywords的meta标签。你需要简短总结页面的主要目标,然后补充description,以及根据关键词补充keywords。

    3.3K70

    SpringBoot实现电子文件签字+合同系统!

    一、前言二、项目源码及部署1、项目结构及使用框架2、项目下载及部署三、功能展示一、前言今天公司领导提出一个功能,说实现一个文件的签字+盖章功能,然后自己进行了简单的学习,对文档进行数字签名与签署纸质文档的原因大致相同...二、项目源码及部署1、项目结构及使用框架该签字+盖章流程系统使用了SpringBoot+thymeleaf实现的,然后jar包依赖使用了maven控制层@Controller@RequestMapping...getDocById(int id) throws Exception { Doc doc=docMapper.getDocById(id); //如果doc为null的话,页面所有...就可以编辑发布的文件或者公告了图片编辑好以后点击保存点击审批4、审批登录李总审批退出系统,然后输入李总然后点击批阅,下一步登录赵六进行审核稿子5、审稿审稿审核然后到盖章环节使用王总登录进行盖章6、盖章和签字的实现王总登录点击盖章点击加盖印章我们盖章前需要输入姓名...+密码,需要输入错误报错正确的账户密码是:账户:王五密码:123456登录成功后有选择王五的个人章进行签字签字成功公司盖章,重复以上步骤签字盖章成功7、完整签字盖章文件保存之后发布文件公司文件展示盖章签字后的文件

    11000

    玩转HTML5移动页面(动效篇)

    作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?...这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇。...先看个生日页面,是个SVG的蛋糕: ? (查看DEMO) 可见SVG是很强大的!弥补了CSS3的不足。...一般情况下页面体积大于3m则要加上loading页。...(查看DEMO) 当然,真正要做到高效制作动态H5页面,还是靠积累,因此平时做好的细节动画自己都积累起来,下次分分钟就能用得上。

    4.3K80

    玩转HTML5移动页面(优化篇)- 腾讯ISUX

    承接上文《玩转HTML5移动页面(动效篇)》,上次说的是让页面动起来的一些小技巧。...而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。...曾经有一种派系为320派系,就是大部分页面都是320宽度,因此干脆直接用320的容器来包一切页面,那样也简单,然而IPHOEN6和IPHONE6+的出现简直是灭了这个派系。 那么到底要如何兼容呢?...还有其他,例如如果你的页面不能兼容横屏,请监听横屏状态,然后加上适当的横屏提示。...2.针对页面内容补充description和keywords的meta标签。你需要简短总结页面的主要目标,然后补充description,以及根据关键词补充keywords。

    1.1K30

    玩转HTML5移动页面(动效篇)- 腾讯ISUX

    作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?...这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇。...先看个生日页面,是个SVG的蛋糕: ? ? (查看DEMO:http://cyyis.me/) 可见SVG是很强大的!弥补了CSS3的不足。...一般情况下页面体积大于3m则要加上loading页。...请继续阅读《玩转HTML5移动页面(优化篇)》。 感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。

    2.7K30

    当前端遇见了强制横屏签字的需求...

    ——爱默生 在前一阶段的工作中,突然接到了这个需求:_手写签批的页面在移动端竖屏时强制页面横屏展示进行签字_,一开始我觉着只要将页面使用 CSS3 的 transform 进行 rotate 一下就可以了...vue2实现手写签批 在介绍横屏签字之前,我想先说明一下我实现签批使用的插件以及插件所调用的方法,这样在之后说到横屏签字的时候,大佬们不会感觉唐突。...新的需求 在实现这个功能不久之后,客户那边提出了新的需求:手机竖屏时将签字功能进行横屏展示。...错误思路 刚开始接到这个需求的时候,通过我所掌握的技术首先就是想到用CSS3的transform:rotate方法进行页面90deg的旋转,将签字组件也进行旋转之后进行签名;由于我对canvas不是很了解...,所以我把包裹在签字组件外的div标签进行了旋转后签字发现落笔点位置错乱。

    49910

    浅谈HTML5页面架构(一)——requirejs + angular + angular-route

    心血来潮,打算结合实际开发的经验,浅谈一下HTML5页面App或网页的架构。 众所周知,现在移动Webapp越来越多,例如天猫、京东、国美这些都是很好的例子。...而在Webapp中,又要数单页面架构体验最好,更像原生app。简单来说,单页面App不需要频繁切换网页,可以局部刷新,整个加载流畅度会好很多。...angular的同学,可以灵活修改一下页面某些内容。...这一篇,先说说第1种:requirejs+angular+angular-route 移动端单页面Web相对多页面来说,模块化管理显得非常重要,因为如果没有模块化,页面初始化时就把所有的js和所有模版都加载进来...我们要按需加载,不可能页面刚加载就全部controller都load回来,这样得耗费多少流量。。。

    3.3K20

    Android开发必知--WebView加载html5实现炫酷引导页面

    大多数人都知道,一个APP的引导页面还是挺重要的,不过要想通过原生的Android代码做出一个非常炫酷的引导页相对还是比较复杂的,正巧html5在制作炫酷动画网页方面比较给力,我们不妨先利用html5...做出手机引导页面,然后将其嵌入APP中。   ...1、制作html5引导页面。   2、把做好的页面放入Android工程中assets文件夹下。   3、利用WebView加载asset文件夹下的html文件。   ...相信不用我解释大家就能看懂,最左边的是第一张页面,中间的是过度动画效果,最右边的是最后一张,其中在最后一张上面有个按钮,捕捉到这个按钮的跳转链接是关键。...public boolean shouldOverrideUrlLoading(WebView view, String url) { 24 //重写此方法,用于捕捉页面上的跳转链接

    3.3K100
    领券