前端

[极致用户体验] 微信设置大字号后,iOS加载网页时闪动怎么办?
[极致用户体验] 微信设置大字号后,iOS加载网页时闪动怎么办?

之前的文章,我提到网页开发的一个常见问题:《在微信大字号模式下,网页样式乱了怎么办?》。上文中提供了一种解决方案,在用户调整微信字体大小后,可以保证网页字体大小不变,解决了样式错乱的问题。

2022-09-30 07:32:25阅读全文

零基础教你学前端——9、超链接之页面跳转
零基础教你学前端——9、超链接之页面跳转

本节课来学习超链接实现页面间的跳转。

2022-09-29 20:39:42阅读全文

SAP UI5 SimpleForm 控件实例的初始化调试
SAP UI5 SimpleForm 控件实例的初始化调试

simpleForm 在 XML 视图里定义的 editable 属性:

2022-09-30 10:18:07阅读全文

前端web实现(@、At、艾特)选人或引用数据
前端web实现(@、At、艾特)选人或引用数据

在我们日常的网络社交中,@XXX 功能可以说是一个比较常见的功能了。 本文将结合实践,介绍一种可以快速实现 @ 选人或引用数据的方式。

2022-09-29 12:34:55阅读全文

通过Node + SSE 做了一个构建日志推送
通过Node + SSE 做了一个构建日志推送

SSE 全称是 Server Sent Event,翻译过来的意思就是 服务器派发事件。

2022-09-30 09:01:38阅读全文

微信小程序单指拖拽和双指缩放旋转
微信小程序单指拖拽和双指缩放旋转

小程序单指拖拽和双指操作是一个比较常用的功能,效果如下图

2022-09-30 03:10:56阅读全文

如何编写一个原生 Web Components 组件
如何编写一个原生 Web Components 组件

在今天的前端编程中,利用语义化的 HTML 结合 CSS 来完一个组件并不是一件难事,这也意味着无论在 React、Vue 中都可以插入,不过它俩不是今天的主角,接下来我将用一个例子来介绍如何封装一个完整的原生 HTML 的 Web Components 组件,让我们开始吧!

2022-10-07 14:43:20阅读全文

如何使用 SAP UI5 V2 ODataModel 模型 API 实现 deepCreate 的场景以及局限性
如何使用 SAP UI5 V2 ODataModel 模型 API 实现 deepCreate 的场景以及局限性

如果开发人员期望在持久化时请求已创建条目的导航属性(navigation property),请使用可选的 expand 参数在与实体创建的 POST 请求相同的批处理请求中有效地执行此操作。

2022-10-07 11:37:58阅读全文

面试官:哪些浏览器事件不会冒泡?
面试官:哪些浏览器事件不会冒泡?

你知道哪些浏览器事件不会冒泡吗?

2022-10-07 11:47:44阅读全文

在实际工作开发中非常实用的几个 git 命令
在实际工作开发中非常实用的几个 git 命令

前言:git 在实际开发过程中的重要性对在座的各位来说想必不用我过多赘述,但是对于 git 中千千万万复杂的命令来讲,在实际开发过程中只有小部分是最经常使用的,今天国庆节第一天,由于疫情原因没回家。闲着没事就给大家总结一下在实际工作中我个人最最最最经常使用的命令,并且我会结合我日常工作流程来讲解。

2022-10-08 06:38:10阅读全文

SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版
SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版

Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SA

2022-10-07 21:27:03阅读全文

在Chrome浏览器中最快速实现拾色器(颜色吸管)的方法
在Chrome浏览器中最快速实现拾色器(颜色吸管)的方法

说到网页拾色器(颜色吸管工具)在前端的实现方法,通常我们会想到先进行网页截图,然后通过Canvas绘制截图,此时利用Canvas所提供的的API即可解析出图片每个像素点颜色,最后通过获取鼠标定位,得到当前的坐标来进行颜色选择。

2022-10-07 21:50:34阅读全文

SAP UI5 sap.ui.Device.media 公有方法介绍
SAP UI5 sap.ui.Device.media 公有方法介绍

每当屏幕宽度发生变化并且当前屏幕宽度处于与宽度变化之前不同的给定范围集的间隔时,就会触发该事件。

2022-10-07 23:01:58阅读全文

如何使用 SAP UI5 V2 ODataModel 创建数据
如何使用 SAP UI5 V2 ODataModel 创建数据

在 OData V2 模型中创建新实体存在三种不同的方法。 最适合的方法取决于应用程序用例。

2022-10-07 12:41:52阅读全文

当UI走查说页面色值错误时,先别急着检查代码
当UI走查说页面色值错误时,先别急着检查代码

颜色一直是UI设计师们非常敏感的问题,我至今仍忘不了那天,一位萌新设计师在走查UI时,给我提了好几个Bug,大多是颜色有差异问题,我当时的第一反应是去检查代码,排查了半天确认自己没有写错色值后,我就在想会不会是取色的问题?于是我做了个试验,在网页上设置一个背景色,然后用Chrome自带的取色器吸了一

2022-10-08 03:08:07阅读全文

用纯CSS实现优惠券剪卡风格
用纯CSS实现优惠券剪卡风格

在做商城类项目的时候,我们可能都会经历过“优惠券”这类需求,笔者在过往工作中,都是直接要求UI切图来实现,直到有一天产品告诉我一个奇思妙想:这个优惠券的宽度会随内容变化的!一下子让我陷入了人生的大思考,这样图片方式可不好整呐,因此萌生一个想法:能不能用纯css实现这些效果呢?

2022-10-08 02:13:14阅读全文

关于 SAP UI5 ODataModel.createEntry 返回的 context 对象
关于 SAP UI5 ODataModel.createEntry 返回的 context 对象

在返回的上下文中使用创建的 API 返回的 Promise 对象,以便在持久化或重置时获得通知。使用 isTransient API,您可以确定创建的上下文是 transient 的还是持久的;请注意,对于尚未在客户端创建但已从后端读取的上下文,API 返回 undefined。

2022-10-08 13:12:52阅读全文

为什么大家偏爱怪异盒模型border-box?
为什么大家偏爱怪异盒模型border-box?

我们都知道有两种盒模型,w3c盒模型和IE盒模型,IE是业界毒瘤所以IE盒模型又叫怪异盒模型(好吧我瞎说的)。content-box,顾名思义,即width就是内容宽度,和边框边距相互独立,反过来 border-box 就是宽度包含了padding和border,相互影响。

2022-10-07 13:57:09阅读全文

SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版

Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SA

2022-10-08 00:57:29阅读全文

SAP UI5 SmartForm 使用技巧介绍
SAP UI5 SmartForm 使用技巧介绍

sap.ui.comp.smartform.SmartForm 控件使呈现表单成为可能。 根据用户授权,表单使用户能够从显示模式切换到编辑模式、添加和分组字段、重命名字段标签以及实施用户输入检查。

2022-10-08 07:36:50阅读全文

SAP UI5 OData 模型(V2) 的使用方法介绍
SAP UI5 OData 模型(V2) 的使用方法介绍

OData 模型是服务器端模型,这意味着数据集仅在服务器上可用,客户端即 SAP UI5 应用只知道当前可见(请求)的数据。 排序和过滤等操作在服务器上完成,然后将处理结果返回给客户端。 客户端向服务器发送请求并显示返回的数据。

2022-10-08 05:21:54阅读全文

SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析
SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析

Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SA

2022-10-08 14:15:18阅读全文

SAP UI5 sap.ui.Device.media.initRangeSet 方法的单步调试
SAP UI5 sap.ui.Device.media.initRangeSet 方法的单步调试

每个 SAP UI5 应用在初始化时,都会触发这个方法的调用。

2022-10-08 05:17:59阅读全文

如何开发一个 SAP UI5 Tools 的自定义中间件扩展 - Custom Middleware Extension
如何开发一个 SAP UI5 Tools 的自定义中间件扩展 - Custom Middleware Extension

自定义中间件扩展(Custom Middleware Extension)由 ui5.yaml 和自定义中间件实现组成。 它可以是一个独立的模块,也可以是现有 UI5 项目的一部分。

2022-10-08 18:53:30阅读全文

web 开发里 SSR,CSR 和 SSG 的区别
web 开发里 SSR,CSR 和 SSG 的区别

本文介绍这三种 Web 前端开发领域中的术语的区别。

2022-10-09 11:14:50阅读全文

SAP UI5 Tools 的 Custom UI5 Server Middleware 介绍
SAP UI5 Tools 的 Custom UI5 Server Middleware 介绍

UI5 服务器可扩展性(Extensibility)使开发人员能够增强 UI5 服务器的功能。

2022-10-09 08:51:55阅读全文

玩转BUI系列2--自定义区间范围选择器range
玩转BUI系列2--自定义区间范围选择器range

HTML5在Input扩展了type的类型,设置type="range" 即可轻松获得一个滑动条控件。

2022-10-08 20:37:51阅读全文

零基础教你学前端——13、文本修饰之标签案例
零基础教你学前端——13、文本修饰之标签案例

来完成以下文本修饰标签案例

2022-10-13 17:43:23阅读全文

零基础教你学前端——16、自定义列表
零基础教你学前端——16、自定义列表

这节课    来学习自定义列表。先来看个例子    小米官网 (https://www.mi.com/) 的底部导航    每个列表都有一个共同特点,   除了列表内容外,    还包含一个标题,    我们就把类似这样的列表 ,   称为自定义列表。

2022-10-13 15:24:52阅读全文

超强的纯 CSS 鼠标点击拖拽效果
超强的纯 CSS 鼠标点击拖拽效果

鼠标拖拽元素移动,算是一个稍微有点点复杂的交互。

2022-10-13 22:37:12阅读全文

高质量的项目交付,常用神器居然是它
高质量的项目交付,常用神器居然是它

由于本人长期从事IT项目交付,经手的项目不计其数,在中小型项目交付过程中,往往因为需求反复变更导致大量的项目问题。那么如何提高项目质量呢?其实这个跟把大象放进冰箱分几步差不多的最简单的无非是几个方面:1、让需求方讲清楚要做什么2、找有经验的人想清楚潜在的需求3、找有责任心与技术能力的人做出来对于如何

2022-10-14 01:10:33阅读全文

零基础教你学前端——12、文本修饰之其他标签
零基础教你学前端——12、文本修饰之其他标签

继续学习网页中用于文本修饰的其他标签。首先给文本添加下划线。还是来看百度新闻首页,右上角导航, 文本下面有一条修饰线,这条修饰线本质上就是一条下划线。

2022-10-14 10:41:12阅读全文

快速了解 inert 属性
快速了解 inert 属性

介绍一个全新的、和用户行为息息相关的属性:inert。

2022-10-14 08:17:31阅读全文

将 GitHub 的 Commit 贡献图玩出花
将 GitHub 的 Commit 贡献图玩出花

最近看着别人的GitHub Commit 贡献图, 我也很想拥有,

2022-10-13 13:08:36阅读全文

零基础教你学前端——15、无序列表
零基础教你学前端——15、无序列表

这节课   来学习无序列表 。看一张图,这里有三个紧急的事情要处理:第一件: 家里的水壶烧开了,注意是老式的那种,不及时处理水就会溢出来;第二件:孩子睡醒了, 哭着要让你抱,很可能需要换尿布;第三件:家里的电话响了,不知道是谁打来的, 很可能有急事;

2022-10-14 07:19:13阅读全文