在七牛云校园黑客马拉松中,一款设计优秀、逻辑清晰的白板作品脱颖而出,获得第二名的好成绩,这就是来自郑州大学Since团队的WhiteRose白板,以下是他们的设计和架构分享。一、前言WhiteRose是参加七牛云hackathon比赛的作品,赛题的主要内容是开发一个「多人协作白板」,旨在鼓励在校大学
0|1uni-app介绍官方网页uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。即使不跨端,uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发
一.分类1.1页面布局首先创建cate的分支定义基本结构,因为是两个需要滚动的区域,所以这里要用到组件scroll这个组件如果是yscroll那就要固定高度,xscroll那就要固定宽度这里有个问题就是,我们应该把高度限定在整个屏幕高度这里用到uniapp一个apiuni.getSystemInfo
编者按:这篇文章出自设计和用户体验设计机构NNGroup,作者为EvanSunwall,主要探讨的是「帕累托原则」也就是我们所熟悉的80/20原则。只不过它并不只是一个概念,专业的UI/UX设计师有一整套方法,来用它解决设计决策上的问题。想象一下,在十几次开会讨论之后,经过公司的法律部门的允许,在和
TCC推荐:大家好,这里是TCC翻译情报局,我是李泽慧。登录是非常常见的用户操作,相信各位读者经常会体验到各种各样的登录过程。但是登录并不是一个简单的操作过程,其中仍然有很多值得注意的地方。本文结合各类案例,仔细说明了登录过程中的各类细节。登录页面的设计也许看起来很简单。我在2020年花了相当多的时
HybridApp是混合模式应用的简称,兼具NativeApp和WebApp两种模式应用的优势,开发成本低,拥有Web技术跨平台特性。目前大家所知道的基于中间件的移动开发框架都是采用的Hybrid开发模式,例如国外的PhoneGap、Titanium、Sencha,还有国内的AppCan、Rexse
前端重新部署后,我们可以使用WebAPI中的window.location.reload()方法来强制刷新页面。这个方法会重新加载当前页面,从而加载最新的HTML、CSS和JavaScript文件,并重新渲染页面。如果我们希望在重新部署后通知用户刷新页面,可以在页面中添加一个提示框或者弹窗,告知用户
前言通常我们在浏览web页面时,当浏览到某个位置跳去了其它页面浏览后再回到开始时的那个页面时,浏览器会帮我们重新定位到我们离开页面时的位置,对于绝大多数场景来说,这确实是一个非常好的体验设计!但有时候我们往往不想这样,这个时候我们是不是通常会使用scrollTop来解决这一问题,今天我们再来介绍一种
双线程架构在这之前,我们先来思考一个问题,小程序在架构上为什么会选择双线程?为什么是双线程?加载及渲染性能小程序的设计之初就是要求快速,这里的快指的是加载以及渲染。目前主流的渲染方式有以下3种:Web技术渲染Native技术渲染Hybrid技术渲染(同时使用了webview和原生来渲染)从小程序的定
在本专栏前篇文章中介绍了HttpBasic模式,该模式比较简单,只是进行了通过携带Http的Header进行简单的登录验证,而且没有可以定制的登录页面,所以使用场景比较窄。对于一个完整的应用系统,与登录验证相关的页面都是高度定制化的,非常美观而且提供多种登录方式。这就需要SpringSecurity
9月2日,GitHub突然在Trending页面上挂出一条「即将下架」的通知:注意了!您正在访问的这个「趋势」标签已被我们废弃。由于「趋势仓库」和「趋势开发者」的使用率太低,标签将于2022年9月30日起永久关闭。就这样,毫无征兆的,GitHub宣判了Trending的死刑,倒计时30天。而更匪夷所
Vue项目往往需要使用vue-router插件,刚开始入门Uni-app+Vue3项目的同学,会不会想着路由使用vue-routerV4版本不就可以了吗?不怕大家笑话,我就是这样想的,毕竟我是第一次使用Uni-app,由于孕期记性贼差,所以我决定写成笔记,加深记忆。uni-app页面路由为框架统一管
我们知道很多时候爬虫也不是万能的,这个时候就需要我们的自动化测试框架了。于是Selenium就应运而生了,它可以算的上是自动化测试框架中的佼佼者,因为它解决了大多数用来爬取页面的模块的一个永远的痛,那就是Ajax异步加载。今天将给大家详解如何用Selenium爬取数据,并最后附上一个真实的案例。一、
一、背景1.1.前端性能优化的业务意义前端的本质价值是什么?我认为是 给用户创造良好的交互体验 。 前端性能对用户体验、对业务跳失率的影响,在业界已有共识,不言而喻。 根据Google的数据,如果移动站点的加载时间超过3秒,53%的用户会放弃访问。
Youcan'tmanagewhatyoucan'tmeasure.——PeterDrucker。度量引语中提到了彼得·德鲁克的一句话,“一件事如果你无法衡量它、你就无法管理它”,性能同样如此。如果没有一个准确的方案来对性能进行度量,那优化就无从谈起。那么对于我们来说,哪些指标是可以用来对页面性能、
背景:个人也是一边学习一边做,难免有疏漏的地方,希望朋友们在不对的地方提醒下。技术栈:springBoot2.5.3Mybatis-plusthymeleafmysql该博客简单记录一下自己的学习过程,如果后面作出简单的demo来,那么会整理其中的细节发布出来。推荐一个SpringBoot基础教程及
大家好,我是皮皮。JavaScript是单线程运行的,所以在在执行效率上并不是很高,随着用户体验的日益重视,前端性能对用户体验的影响备受关注,但由于性能问题相对复杂,接下来我们来了解下JavaScript如何提高性能;从加载上优化:合理放置脚本位置由于JavaScript的阻塞特性,在每一个<
1、模板热部署在SpringBoot中,模板引擎的页面默认是开启缓存的,如果修改了页面的内容,则刷新页面是得不到修改后的页面的,因此我们可以在application.properties中关闭模版引擎的缓存,如下:Thymeleaf的配置: 复制spring.thymeleaf.cache
在职场中有一项共识是:数据驱动业务价值。业务在产品、运营、开发、技术支持、销售等环节都有着大量的数据需求,市面上也出现了很多BI可视化工具,但如果能同时具备以下特性,则可以称为一款优秀的BI工具:简易接入数据拖拽式生成图表快速计算数据定期发送周报支持移动端+PC端不用钱结合以上特点,来介绍一款由腾讯
1、localStorage一个窗口更新localStorage,另一个窗口监听window对象的”storage”事件,来实现通信。注:两个页面要同源(URL的协议、域名和端口相同)复制// 本窗口的设值代码 localStorage.setItem('aaa', (