8102 年的现代 Web 开发最佳实践(笑)

没有终结点在侦听可以接受消息的 http://localhost:8102/Services.BILLTEMPLATEService。这通常是由于不正确的地址或者 SOAP 操作导致的。如果存在此情况 错误信息: System.ServiceModel.EndpointNotFoundException: 没有终结点在侦听可以接受消息的 http://localhost:8102/Services.BILLTEMPLATEService。这通常是由于不正确的地址或者 SOAP 操作导致的。如果存在此情况,请参见 InnerException 以了解详细信息。 ---> System.Ne... 阅读详情

简评:8102 年了,现在 web 开发的最佳实践是什么,让本文来告诉你。原文只提到一部分,可以查看 reddit 上对此文的评论查看补充的最佳实践 https://old.reddit.com/r/programming/comments/98geji/how_to_design_for_the_modern_web/

让用户知道你有 app

当用户(用手机或平板)访问你的网站时,必须做的第一件事就是向他们展示一个大模态框,告诉他们应该安装 app 而不是继续访问。

一个小技巧是让关闭模态框的链接尽可能的小,并将其放在非常接近允许用户安装 app 的链接的旁边,这将使用户更加高兴,因为这会使用户很容易安装 app 而不会意外地关闭模态框。

让用户知晓你的 web 应用使用了 Cookies

如果用户继续并坚持使用 web 版,我们需要让他们知道我们使用了 cookie 来跟踪它们。

让用户知道他们可以免费注册

仅有注册的链接是不够的,使用一个模态框的效果是非常好的,让用户确实地知道他们可以进行注册。

研究表明,无法关闭的模态框有最佳转化率。

Block 欧洲用户

欧洲现在有很多令人讨厌的法律(注:GDPR),这些法律使得我们被允许追踪用户变得有些,这里的最佳做法是什么的都不做,继续跟踪用户的所有内容,并阻来自止欧洲的访问。

不管怎么说,丹麦是一个失败的国家(原文:Denmark is a failed socialist cup cake state(哭)),所以丹麦人不是我们的用户。

一定要让用户知道你有 app

当用户点击任何链接时,最好再次向用户显示该模态框,他们第一次很可能是意外地点击了关闭。

我们需要帮助用户,因此将取消链接设置得非常小,以尽量减少意外被关闭的可能性,我们考虑的这么周到,用户肯定会很开心的!

给用户选择

我们不会干扰用户,因此我们必须允许他们可以选择不再展示「提示下载 app」的模态框。

最佳实践是将其置于用户可以轻松发现的地方,例如在其中一个帐户设置页面中。

宣传自己的 app

如果用户应该选择不再展示「提示下载 app」的模态框,我们也有办法,在网站的某个地方宣传移 app 效果非常不错。

最终用户将放弃并使用 app。

结论

我们已经了解现代 Web 开发的这些最佳实践,请确保将它们应用于所有地方。

原文:Best Practices of Modern Web Development

web项目快速原型设计 web项目快速原型设计教程:http://wenku.baidu.com/view/19c60066f5335a8102d220ec.html Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发 阅读详情

相关推荐

一人公司 CEO × Accio Work:最大能效实战指南

作为一人公司 CEO,你需要同时扮演市场、销售、运营、财务、产品等多个角色。Accio Work 本质上就是你的。

华盛AI的博客 2098

Web前端开发最佳实践(1):前端开发概述

引言 我从07年开始进入博客园,从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法。可以说,博客园是我参与技术讨论的一个主要的平台。在这其间,随着接触技术的广度和深度的增加,也写了一些得到了大家认可的技术文章,多篇文章也得到了编辑推荐。大家的认可也更激发了我写技术文章的热情,借助公司在博客园的账号葡萄城控件技术团队博客发布了多篇有关Web前端开发的文章,尤其是如下三篇前端开发最佳实践相关...

weixin_30924239的博客 584

【Allegro学习笔记】常规标贴封装创建-0402封装创建实例

摘要 本文主要介绍如何使用Allegro制作表面贴装封装。 所使用的软件 使用Allegro制作常规贴片封装主要使用的软件有Pad Designer和Allegro 1 0402类封装制作 1.1 0402类封装焊盘分析 0402封装尺寸图如图1...

Honglong 1万+

嵌入式串口状态联动:自学习页面超时退出的状态机设计

在工业人机交互与嵌入式系统开发中,界面卡死或流程无响应往往是设备体验的致命伤。尤其当自学习、自动采集这类长时任务运行时,用户一旦离开,系统便可能陷入无人值守的僵局。解决此类问题的核心思想,是让界面退出条件不再依赖固定倒计时,而是与设备底层的通信状态深度绑定。通过状态机建模,将空闲、学习、退出判定等阶段清晰划分,并以串口帧数据作为状态迁移的触发源,即可实现智能联动退出。这类设计不仅适用于触摸屏终端,也可推广至以太网、CAN总线等接口场景,为工业设备的超时兜底提供通用范式。本文结合实际项目,串口状态联动、三态状

weixin_34043301的博客 331

ShardingSphere-JDBC 关键字问题

这里得到的提示就是,假设一个老库一堆表,只对个别表进行分表。引入sharding后虽然指定了分表的bindingTables,其余的走default-data-source就是默认不分表的。但是sharding会接管数据源,老表用默认的mybatis正常,sharding可能会报错。preciseAlgorithmClassName对应的是类名,注意yaml的缩进。这不是常见的没有配置sharding数据源导致empty的错误。使用sharding的时候,遇到了两个问题。...

bohu83的博客 4996

20、啁啾脉冲光纤放大器:原理、设计与仿真

本文详细介绍了啁啾脉冲光纤放大器(FCPA)的原理、设计与仿真过程。内容涵盖CPA技术的基本原理、光纤基CPA系统的组成、Tm掺杂光纤放大器的工作机制、全光纤脉冲展宽器的设计以及仿真分析。通过MATLAB仿真展示了脉冲在光纤中的展宽与放大过程,并讨论了如何优化系统以减少非线性失真、控制峰值功率并提高整体性能。文章还总结了系统优化的关键策略,并展望了未来的发展方向。

v4w5x6的博客 318

java web最佳实践,8102 年的现代 Web 开发最佳实践(笑)

让用户知道你有 app当用户(用手机或平板)访问你的网站时,必须做的第一件事就是向他们展示一个大模态框,告诉他们应该安装 app 而不是继续访问。 一个小技巧是让关闭模态框的链接尽可能的小,并将其放在非常接近允许用户安装 app 的链接的旁边,这将使用户更加高兴,因为这会使用户很容易安装 app 而不会意外地关闭模态框。让用户知晓你的 web 应用使用了 Cookies如果用户继续并坚持使用 we...

weixin_28963467的博客 181

学Simulink--复杂路况场景实例:基于Simulink的智能车辆高速公路行驶仿真(超车与车道变换)

本文详细介绍了基于Simulink的智能车辆高速公路超车仿真系统设计方法。系统包含多车道交通流建模、三层超车决策逻辑(触发条件、可行性检查、执行许可)、五次多项式变道轨迹规划以及横向纵向协同控制等核心模块。通过设定三车道场景(自车初始速度100km/h,前方慢车72km/h),演示了如何实现安全高效的左变道超车全过程(5秒完成3.75m横向移动),并验证了变道平滑性(最大横向加速度1.8m/s²)和安全距离(最小TTC 5.2s)。文章还强调了传感器融合的必要性,并提供了从交通流生成到控制器设计的完整Sim

xiaoheshang_123的博客 397

8102年我和开源社区产生的姻缘

前言 自我介绍:某不知名高校毕业生。にじげん(二次元),bilibili深度用户(买不起会员的那种),前端开发。回顾2018年6月到目前为止的这四个月里面的经历,写下这篇流水文。 正文 首先,文章题目是和开源社区产生的姻缘,开源社区主要指的就是gayhub。先贴一张gayhub的contribution图把。 总括2018年 首先觉得自...

weixin_33704591的博客 174

BurpSuite工具HaE插件好用正则收集

数据集合面板里面直接查询捕获到的相关数据内容,省去一个个翻找数据包内容的烦恼。插件捕获到匹配正则表达式的数据包后,可以在。可以对正则条目进行添加、编辑、删除。规则信息管理,我们点击。

墨痕诉清风的博客 649

paddle 43 用onnxruntime实现ppyoloe模型的部署(含python和c++版本)

PP-YOLOE+是PP-YOLOE模型的升级版,PP-YOLOE+_l在COCO test-dev2017达到了53.3的mAP, 同时其速度在Tesla V100上达到了78.1 FPS。PP-YOLOE+_s/m/x同样具有卓越的精度速度性价比。paddle官方只给出了基于paddle框架的部署案例,为了更好的部署,为此实现将paddle模型转换为onnx模型,然后在python下实现onnxruntime部署。后续会补充c++ onnxruntime部署

a486259的博客 1914

8102的前端框架

前端UI框架 【PC端】 1、Bootstrap :http://www.bootcss.com/ 2、easyUI :http://www.jeasyui.net/ 3、jQuery UI :http://jqueryui.com/ 4、iView   官网地址:https://www.iviewui.com/  描述:一套基于 Vue.js 的高质量 UI 组件库。iView 是...

weixin_33984032的博客 255

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

在8102年的今天,你清楚Spring 5.0的WebFlux吗?

Java 晋级:Spring 5.0 之 WebFlux 整体认识Spring Framework5.0 之后,Reactive Programming 进入的大家的视野...

mobilehub 614

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

CTFSHOW大赛原题篇(web711-web725)

文章目录web711web712web713web782web785web786web787web788web789 web711 扫描目录发现存在robots.txt,提示static/secretkey.txt 访问得到一串字符串ctfshow_love_you 然后进入正常的页面,有个登录和注册,随便注册个用户并且登录后,发现存在文件上传点。 但是上传php后缀的文件不解析,应该不是php写的了。 看下session,应该是一个jwt加密的。那就好说了,伪造一个admin用户,而且加密的秘钥应该就是刚

羽的博客 4547

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

分享9个前端开发人员必备的在线工具手册

作为开发人员,我们可能会学习多门编程语言,不可能记住它们的所有方面。拥有 MDN 文档很有帮助,但查看每个小问题可能会很耗时。在这些情况下,“备忘查询手册”可以成为现实生活的救星。在本文中,我们将探索一些快速且有用的备忘查询手册工具网站,这些备忘单每周都会为您节省数小时的浪费时间。1、HTML Referencehtmlreference.io 是 HTML 的免费参考查询网站。每个 HTML 元...

前端达人 644

Web分析日志

http://www.docin.com/p-649515490.html http://wenku.baidu.com/link?url=kB-83fbl1Zc3Y6U2BYLj-lKMWShe8ZlbFNolbuB4MO1kSMqm1TRCuRW8Rp8fvh-AH6DNBMLfV3sX_CSy238igTn3b8Pzk_8TI0zE4zoYRvO http://wenku.baidu.c...

weixin_34292287的博客 199

这些年掘金上的优质前端文章,篇篇经典,一次打包带走!

前言:近日发现掘金上有所有的热门文章的排行榜,但是仅仅只是排行,不利于收藏查阅。于是乎我就把热门文章全部爬下来了(站长看到别打我啊

大灰狼的小绵羊哥哥的博客 8240

python怎么开发一个工具

点击之后,你可以选择想要在体验的 Jupyter Notebook 里使用哪种语言(当然,我们选Python),然后你将跳转到一个已经搭建好了的 Jupyter Notebook 云平台上,可以在这里直接体验各项功能,而无需下载安装一大堆软件。创建记录点之后,你可以随时返回到当前的状态,撤销这期间做出的任何修改。当然,如果你是纯纯的 Python 萌新,也不用着急,优达菌已经已经给你准备了许多 Python 学习材料,带好你的 Jupyter Notebook,一起踏上愉快的学习之旅吧!

x3088的博客 950

ubuntu docker 安装frps 服务端

frp 服务端

jhgj56的博客 762

2018年开源社区摸鱼记-一段姻缘

前言 自我介绍:某不知名高校毕业生。にじげん(二次元),bilibili深度用户(买不起会员的那种),前端开发。回顾2018年6月到目前为止的这四个月里面的经历,写下这篇流水文。 正文 首先,文章题目...

yaly200的博客 488
上一篇: React 组件模式
下一篇: 编程大牛 Bruce Eckel 对新程序员的忠告
极光推送
博客等级 码龄14年 109粉丝 108原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值