CSS Glassmorphism Button Hover Effects | Glass Morphism](https://codepen.io/katarzynamarta/pen/rNdbbVq)| |侧栏小菜单侧栏样式参考|Rhombus CSS only switch|
作者简介 Gordon,携程资深移动开发工程师,关注鸿蒙开发。 背景 作为全球领先的一站式旅游服务平台,携程始终坚持以技术创新为发展核心。自鸿蒙发布以来,我们便投入研发力量进行调研、开发,并成功落地了携程机票项目、服务卡片项目等。现将鸿蒙项目中相关经验整理分享,希望能给大家一些参考,也希望鸿蒙发展能越来越好。 一、鸿蒙系统简介 华为鸿蒙HarmonyOS系统是面向万物互联的全场景分布式操作系统,目前鸿蒙系统已从2.0升级更新至Beta 3.0,支持手机、平板、智能穿戴、智慧屏等多种终端设备运行,提供应用开
插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库,现已不再维护 skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相 Framework7: 前端框架,是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的
我试图通过将文章底部的按钮改至左右两侧,类似翻页键,同时添加悬停动作,通过css对兄弟相邻元素的hover监测来控制显隐,悬停按钮时在页面正中显示对应文章卡片。
工具类 方便操作对象,数组等的工具库 underscore.js lo-dash 与underscore.js的api基本一致。与underscore比其优势是,效率高;可自定义构建 Sugar 在原生对象上增加一些工具方法 functional.js 提够了一些Curry的支持 bacon.js 函数式编程,cool streamjs 用流的方式来对数组,对象进行系列操作 异步流程控制 发布订阅 eventproxy 朴灵出品 Arbiter.js q Promise风格的 Asyn
阅读提示:全文较长,预计阅读时间20分钟 image.png Android 手表设计规范 为可以穿戴的 Android 手表设计应用与为手机和平板设计应用有很大的区别:不同设备有着不同的优势及劣势、不同的应用场景及人体工学考量。想要开始设计,我们应该对 Android 手表体验有个整体的认识,并且知道应用怎样融入才能改善这种体验。 一种新形式的设备应该对应一种全新的 UI 模式。概括地说,Android 手表 UI 主要由两大类型的模式组成:这两个部分是 “提示” (Suggest )和
讲师介绍:连胜老师曾经就职于点心移动 & 百度,折腾小程序也有段时间了,参与开发的“小小签到”小程序,在2017年荣获阿拉丁神灯奖。我公司开发了多个工具类小程序,已有四款小程序的用户超百万,欢迎各位小程序开发者一起交流学习~ 内容总结:本文主要分享小程序开发入门,以及我在开发中踩过的一些坑。希望通过本篇文章的分享,能让更多的小程序入门者少走弯路。 一、如何注册一个小程序 第一种方式,直接去官网注册。 官方注册地址:https://mp.weixin.qq.com/,点击右上角的“立即注册”。 然后
以前我有写过一篇基于Butterfly的手机端fixed定位侧栏布局魔改方案,抛开被洪哥忽悠而起的这么长的标题不谈,在这篇中是通过编写一个手机端fixed定位的样式,并通过js监测到对应的点击动作后,给相应的侧栏卡片添加上这个样式。同时也是通过js不断的进行样式初始化和class的增减。
520:网络情人节是信息时代的爱情节日,定于每年的5月20日和5月21日。该节日源于歌手范晓萱的《数字恋爱》中“520”被喻成“我爱你” ,以及音乐人吴玉龙的网络歌曲中“我爱你”与“网络情人”的紧密联系。后来,“521”也逐渐被情侣们赋予了“我愿意、我爱你”的意思。“网络情人节”又被称为“结婚吉日”、“表白日”、“撒娇日”、“求爱节”。 那么,作为程序员,如何通过专业技能向自己的另一半表达爱意呢?
在参与【腾讯课堂,暑期早起团】活动开发的过程中,涉及到了课程卡片的展示。具体效果如下:
小组中每位都有一张卡片 卡片是6位以内的正整数 将卡片连起来可以组成多种数字 计算组成的最大数字
在移动互联网产品设计过程中,我们会在纸板或电脑工具上画出简单的线框图,用思维导图标注界面间的关系等,但往往,我们在不断反复的讨论中会因为一些理解上的误差,或是一些细节无法脑补还原,而影响方案的实施,影
在介绍鸿蒙系统前,我们有必要了解下鸿蒙系统应运而生的时代背景。近年来,我国在电子信息技术领域中愈发觉需要“独立”,资源的匮乏,人才的稀缺正是当务之急。
上周末朋友约了小妹到家里小聚一下,而去朋友家做客,进门第一件事当然就是要问:“你家 WiFi 密码是多少呀?”但是朋友家的宽带使用的是自带的路由器,密码都是默认的,不好记也不好输入。于是小妹就开始思考,会不会有什么开源项目可以帮我们快速地连接 WiFi 呢?果然,还真有这么一个项目,wifi-card。
本实战使用了HTML5,CSS3和JavaScript的基本的技术。 我们将讨论数据属性、定位、透视、转换、flexbox、事件处理、超时和三元组。 你不需要在编程方面有太多的知识和经验就能看懂,不过还是需要知道HTML,CSS和JS都是什么。
如果没有机器的话:参赛者可以自己购买相关硬件,也可以在参赛报名时向大赛主办方免费申请参赛开发机。
点击右上角筛选按钮,在侧边会出现弹窗。里面的范围滑块、switch开关、Rate评分等组件则是使用Vant组件库。
HarmonyOS 应用:使用 HarmonyOS SDK 开发的应用程序,能够在华为终端设备(如:手机、平板等)上运行,其有两种形态:
V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对 修复获取用户QQ名称头像有一定概率报错 【新增】 新增首页服务卡片形成2×2对称 新增首页动态数据中心节点 新增服务器产品页面动态内容卡片 新增服务器产品页面动态服务内容 新增CDN产品页面动态内容卡片 新增首页及所有产品页面返回到顶部图标 V6.1 【优化】 优化升级模块 0.23 优化安装模块获取加密 【修复】 修复电脑端多处样式错位 优化部分细节和独立服务器售卖优化 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证
V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对 修复获取用户QQ名称头像有一定概率报错 【新增】 新增首页服务卡片形成2×2对称 新增首页动态数据中心节点 新增服务器产品页面动态内容卡片 新增服务器产品页面动态服务内容 新增CDN产品页面动态内容卡片 新增首页及所有产品页面返回到顶部图标 V6.1 【优化】 优化升级模块 0.23 优化安装模块获取加密 【修复】 修复电脑端多处样式错位 优化部分细节和独立服务器售卖优化 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证 V5.61 1.同步更新官方最新短信注册防刷功能,重做弹窗窗口界面 然后没了
图来源网络 前端插件以及部分细分网址梳理 插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库,现已不再维护 skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相 Framework7: 前端框架,是开发人员可以基于 web 技术构建 IOS7 程
(文末有彩蛋~) 近两年,信息流行业处于一个增长缓慢甚至停滞的状态,包括今日头条、腾讯看点在内的信息流产品都在寻求自己的破局之路。与此同时,抖音、快手等新形态内容却实现了爆发式增长。研究发现,抖音、快手都具有用户覆盖面大、差异化小的普适特点,相比之下虎扑、小红书这类垂直领域的天花板都比较低。什么内容具备普适特点呢?有两类,一类是打发时间、放松解压的搞笑内容,一类是明星八卦、话题谈资的热点内容,这两类内容具有低门槛、 快消费、易传播的特点。为了进一步降低内容消费的门槛,我们把消费场景放在了
场景值就是进入该小程序的来源,就是用户是通过什么途径点进的小程序。通过app中的onLaunch或onShow方法中可以获取到场景值。
12月18日,苹果发布了iOS 12.1.2更新,从更新内容中看,这是他们对高通禁售令的回应,具体来说就是加入了应用强制退出时的新动画,即苹果把上滑卡片退出改为了缩放效果。
据Adobe公布的统计数据显示,如果App设计或布局没有吸引力,38%的用户将直接退出。这类统计数字在提醒设计师们,用户体验是头等大事。而凭借简洁、干净、方便的框架,单页面布局最近在设计中非常受欢迎。单页面布局提供的高度直观、高效实用的导航将有助于确保为用户提供最佳体验,特别是在应用在屏幕可自由切换的折叠屏手机上时
WPF做桌面开发是很有优势的,除了微软自带的控件外,还有很多第三方的控件库,比如收费的Dev Express For WPF、Telerik For WPF等,及Github上开源免费的控件库如MaterialDesignInXAML等。
大家好,我是喵喵侠。先前体验过一期混元大模型,有亮点有槽点。好在官方团队每隔一段时间,就会对大模型进行迭代优化,那么这次再来看看,混元大模型的实际表现如何。这里我准备了一些问题,让我们来一探究竟吧!
《IMWeb前端月刊》会定期收集每月 IMWeb.io 社区精选好文、前端新闻、版本发布、技术大会,欢迎大家订阅。 IMWeb.io 社区精选好文 1. IMWebConf 2018 圆满落幕,精彩内容回顾 2018 年 10 月 14 日,第七届 IMWebConf 前端大会在深圳科兴国际会议中心成功举办。今年大会现场参会人员近 500 人,线上直播参与人数累积近千人,大会邀请了国内外讲师19名,包括 W3C Webapps 组联合主席 Chaals Nevile、英特尔高级工程师闫绍博、Adobe 资深
最近在跟着Johnny的全栈之巅系列视频教程学习使用NodeJS+Express+Element-UI+MongoDB等开发王者荣耀,服务端server,移动端web,admin,学到了不少东西。总体来说,他讲的视频思路蛮清晰的,跟着做基本上都能快速上手。 Element-UI,网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-UI中文官网地址 Express是基于 Node.js 平台,快速、开放、极简的 Web 开发框架,Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。其中文官网地址是:http://www.expressjs.com.cn Node.js (Express.js) + Vue.js (Element UI) 全栈开发王者荣耀手机端官网和管理后台,目前的Github项目地址是:https://github.com/topfullstack/node-vue-moba 全栈之巅TopFullStack 全栈之巅官方账号 下面的内容转载自Johnny老师的关于该项目的Github的README.md文件,感兴趣的小伙伴可以跟着B站上的视频相关视频学些一下,可以结合Github上面源代码参考学习,不过有一点就是B站上的视频的代码没有Github上面新。
之前一直没有留意到,butterfly的原生相关推荐版块和其他布局比起来实在是太突兀了(主要是没有圆角),就那么突然的出现在文章和评论区之间,包括我和@贰猹都觉得有必要改动这个(不过贰猹是不要侧栏党),@洪哥的倒是和整个文本融合的不错(是配色效果吗?)。出于我守财的习惯,我通常不会直接删除主题已有的一些功能,那么要怎么处理这个那么大一块的推荐版块呢? 我的做法就是,把它丢到可以自由控制显隐的侧栏里。还能顺便沿用我之前写的SAO UI和手机端侧栏fixed卡片样式。
自折叠屏手机发布以来,大屏幕新形态下的用户体验就成了业内关注的重点,也被提上了日程。如何让万千用户对App“一见钟情”,用户体验设计师就肩负着这样的任务。携程App作为一款在线旅行服务性软件,已成功适配折叠屏手机,快来和我一起看看有哪些创新体验吧。
Bootstrap 是一款备受欢迎的前端开发框架,为开发者提供了丰富的组件、样式和布局工具,使他们能够快速搭建出美观、一致的界面。本文将介绍Bootstrap框架的特点、优势以及为什么它是许多开发者的首选框架。
静电说:这一期的案例赏析栏目,为大家解析一直都非常具有设计感的爱彼迎,就是Airbnb!爱彼迎是一款民宿类型的应用,它的设计和良好的应用体验一直被使用者称道。虽然爱彼迎已经退出中国市场,但是依然有很多细节在吸引我们,今天我们就一起来看看爱彼迎的设计有哪些值得学习的地方。
tl-rtc-file 是一个基于 WebRTC 的文件传输工具,支持跨终端、不限平台的在线文件传输。它提供了丰富的功能和特性:
👆点击“博文视点Broadview”,获取更多书讯 📷 2019年8月9日,鸿蒙系统HarmonyOS横空出世。 2019年10月,鸿蒙系统(HarmonyOS)正式发布1.0版本。 2021年9月23日,鸿蒙系统HarmonyOS升级用户突破1.2亿。 2021年12月23日,鸿蒙系统HarmonyOS覆盖设备数突破2.2亿。 …… 今天,鸿蒙HarmonyOS不仅成为继安卓、iOS之后的全球第三大手机系统,而且进入平板电脑、耳机、眼镜,甚至汽车之中。作为新一代智能终端操作系统,鸿蒙系统HarmonyOS
在《分布式UI体验设计的思考与实践经验(上篇)》中,华为资深专家王红军就UI设计中人机环境影响因素、参数化、模板化的基础元素和框架以及响应式的界面布局等方面内容做了分享。那么,还有哪些因素是在分布式UI设计中需要考虑的呢?
每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。
距离上次水文章.大概可能也许已经过去了半个月到时间.今天有空重新记录下关于Fastadmin使用上的一些技巧.
经常上 V2EX 的人应该知道,前一段时间该论坛上线了暗色主题切换功能,当天就获得一致好评。也就是在当天,我给自己的博客 github 上面提交了一个 issue,也就是需要给博客添加一套暗色主题并支持主题切换。但是人都是有拖延症的,这一拖,两个月就过去了,我的主题切换功能才终于上线了。
过去一年,阿里巴巴新零售事业群支撑的数据相关业务突飞猛进,其中两个核心平台级产品代码量急速增长,协同开发人员增加到数十人。
写作之难,在于把网状的思考,用树状的语法结构,转换成线性字符串。(“The Web, the Tree, and the String”)。
新建[Blogroot]\themes\butterfly\source\js\wow_init.js,配置特性动画的默认项。
作为一个对UI和动画敏感的切图仔,在日常开发之余,也会关注一些贼好看的图表库和插件。
客服在聊天面板右侧,使用iframe嵌入一个自己独立开发的订单列表页面url。订单列表页面从带入的visitor_id拿到商城会员的标识,然后查询出该会员的订单。
自华为宣布HarmonyOS NEXT全面启动,近期新浪、B站、小红书、支付宝等各领域头部企业纷纷启动鸿蒙原生应用开发。据媒体统计,如今Top20的应用里,已经有近一半开始了鸿蒙原生应用开发。虽然目前HarmonyOS NEXT还未面向个人开发者开放,但我们可以体验并使用最新的API9和开发工具,尝试开发元服务,这个鸿蒙新的应用形态。体验未来在HarmonyOS NEXT上实现的应用开发。但需要注意的是, 基于API9开发的应用或元服务是不可以适配HarmonyOS NEXT版本的,大家也可以期待一下明年推出的适配HarmonyOS NEXT新版本。
腾讯ISUX isux.tencent.com 社交用户体验设计 对于设计改版大家并不陌生,每个项目的改版中都会有不同的方法或者流程,本文重点在于分析我们在“手机QQ游戏中心”改版中使用到的流程或者设计方法,并且通过本文总结出一些经验、方法或内容,希望可以在后续其他的项目设计中得以应用。 本次手机QQ游戏中心作为较大型的设计改版项目,我们需要从整体去看每个阶段中的设计需要输出的内容,更加系统性地思考整体的设计,而且也需要较为完善的流程。因此针对本次的改版设计,总结了一个较为完整的设计流程导
欢迎来到 Roam Research 宫殿,Roam 的门槛其实很低,但是天花板特别高。
领取专属 10元无门槛券
手把手带您无忧上云