用户体验

国内资源

  • 腾讯全端 AlloyTeam
  • 腾讯CDC
  • Taobao FED | 淘系前端团队
  • 百度 FEX 团队
  • EFE Tech
  • Error
  • 奇舞团博客
  • 人人都是产品经理
  • Error
- TAT.vorshen

最近看的代码 yield 比较多,上次看到这么多 function* 还是在 koa1 时代,脑子中满是 yi […] 阅读全文

- TAT.vorshen

原文地址:https://github.com/vorshen/blog/blob/master/callab […] 阅读全文

- TAT.vorshen

或许在生活中大家都讨厌定时器,比如周一早上的闹钟、承诺老板第二天一早给报告的 deadline;但是在代码的世 […] 阅读全文

- TAT.joeyguo

原文地址 在 《前端资源加载失败优化》文章中,我们聊到了前端资源加载失败的监控方式,以及资源加载失败时的优化方 […] 阅读全文

- TAT.joeyguo

原文地址 Web 项目上线后,开始开门迎客,等待着来自大江南北、有着各式各样网络状态的用户莅临。在千差万别的网 […] 阅读全文

- TAT.vorshen

重学 HashTable HashTable,又称散列表,一说到这个,可能很多人第一反应就是时间复杂度 O(1 […] 阅读全文

- TAT.SigmaLiu

0. 背景 之前在这篇文章里说过做了个 SSR 《论如何像素级直出具有 14W 行代码量的前端页面》,本以为今 […] 阅读全文

- TAT.SigmaLiu

0. 前言 腾讯文档列表页在不久前经历了一次完全重构后,首屏速度其实已经是不错。但是我们仍然可以引入 SSR […] 阅读全文

- TAT.glendon

编译的速度与激情:从 10mins 到 1s 导语:对于大型前端项目而言,构建的稳定性和易用性至关重要,腾讯文 […] 阅读全文

- TAT.joeyguo

在 《XSS 终结者-CSP 理论与实践》 中,讲述了 CSP 基础语法组成与使用方式。通过一步步的方案制定, […] 阅读全文

- Jeter

一、前言 2020 年初,突如其来的疫情使各行各业都进入紧张状态,互联网产品也各尽其能投入到战“疫”中。健康信 […] 阅读全文

- CDCer

Preface • Digital economy as an development target has […] 阅读全文

- CDCer

疫情催化数字经济,互联网新兴设计成主流。12月19日腾讯CDC联合IXDC发布《2020中国用户体验行业发展调 […] 阅读全文

- CDCer

​用户体验设计发展到今天,在努力推动体验设计行业发展的同时,也在竭力促进互联网体验设计与传统行业的对接,探索互联网生态体验创新。 在过去的6年当中,每年IXDC都会联合腾讯用户研究与体验设计部(CDC… 阅读全文

- julyhdx

需要为两个系统做公司名称的匹配以便建立关联,两个系统的公司名分别以不规范的公司简称和完整的工商注册名为主,如果是直接硬匹配或者LIKE形式的模糊匹配成功率必然很低。本文主要是以分词+最短编辑距离算法为… 阅读全文

- frustigor

如果我仍然去解释什么是状态管理器,为什么我们需要它,这篇文章将会索然无味。我的想法是,我们原本不需要状态管理器 […] 阅读全文

- Vvn

导语 : “云游敦煌”是首个集探索、游览、保护敦煌石窟艺术功能于一体的微信小程序。为小程序打call提前推出的 […] 阅读全文

- avenir

CDC是腾讯的公司级设计团队,一直致力于用户研究在互联网方面的探索和发展,如设计、体验、产品、运营、市场品牌、 […] 阅读全文

- CDCer

我叫特特,认识我的都知道我喜欢做饭,我自己弄了个特约厨房,从14年到现在我招待了120多场饭局。每一场都要求: […] 阅读全文

- CDCer

肝儿颤。相较于名画家,敦煌莫高窟那些无名画工在墙上绘制的牛鬼蛇神,让人肝儿颤。 记得看「局部」时,陈丹青老师如 […] 阅读全文

- 阮萤

引文 在当下微服务、分布式架构的背景下,一次简单的接口调用背后可能涉及到了多个业务服务单元和服务器。如何才能在当前架构下准确、高效、即时地了解业务系统的运行情况、保障系统稳定性、快速定位线上异常?本文… 阅读全文

- 张挺

自去年 Midway Serverless 1.0 发布之后,许多业务开始尝试其中,并利用 Serverless 容器的弹性能力,减少了大量研发人员对基础设施和运维的关注。对前端开发者而言,他们只需写… 阅读全文

- 狼叔

知乎上,有人提问《2021前端会有什么新的变化?》 狼叔的回答二天超过6.1万+阅读量,目前444个赞同,2个专业徽章,整体上看,这篇回答大家还是相当认可的。 image.png 诚如很多大V所讲,确… 阅读全文

- 狼叔、卓风

大家好,我们是来自阿里巴巴淘系技术部的狼叔、卓风。感谢 D2 组委会,让我们有机会在这里分享,关于《前端智能化实践—— P2C 从需求文档生成代码》。 狼叔(上图左),Node.js 技术布道者,No… 阅读全文

- 舒文

2007年,Jeff Atwood 提出了一个著名的观点, 戏谑又似认真地称其为 Atwood's Law(https://blog.codinghorror.com/the-princip… 阅读全文

- 寻壑

一、背景介绍 CodeReview 可以有效提高代码可读性,降低代码的缺陷率,提升团队整体的代码质量;可以促进团队内部的学习交流,引导团队新人快速上手,培养团队的技术氛围;同时也是体感最强的一点,CR… 阅读全文

- 阿里前端委员会

迈入大学校园的那一刻,除了满怀期待迎接大学生活的同时,同学们也开始了专业领域的知识储备,为走出校园、走向工作岗位打好基础。在这快速发展的互联网时代,如何选择一个有前景的领域,值得自己花上几年或几十年深… 阅读全文

- 海文

今年是一个充满不确定性的年份,大环境上新冠肆虐、中美贸易战,双十一整体节奏也从之前的“光棍节”到今年的“双节棍”,具体业务上也有很多变化和调整,应了阿里的土话“唯一不变的是变化”。面对这些变化,是挑战… 阅读全文

- 驭剑

Tooltips常被称为提示框(或信息提示框),提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为,而是来看看如何以最好的方式来还原他们的视觉效果,并且… 阅读全文

- 明非

背景 image.png 漫画中的三个人物,左边的人在玩金币庄园,金币庄园中金币可抵扣现金,用户每天都会来收金币,中间的人在玩天猫农场,通过助力可以升级果树,种成可拿到真正的水果,右边的人通过扫码得到… 阅读全文

作者:zhangtao 本期看点 Introducing P2P Matrix https://matrix.org/blog/2020/06/02/introducing-p-2-p-matrix … 阅读全文

作者:nwind 本期看点 面向 Model 编程的前端架构设计 https://zhuanlan.zhihu.com/p/144157268 这篇文章将简略地介绍我们当前的无线前端架构设计及其演进之… 阅读全文

作者:2betop 本期看点 A Guide to Threat Modelling for Developers https://martinfowler.com/articles/agile-th… 阅读全文

作者:exialym 本期看点 前端开发的瓶颈与未来之路 https://zhuanlan.zhihu.com/p/139731168 前端开发的瓶颈到底在哪里,前端技术是否已经走到一个十字路口,全栈… 阅读全文

作者:renpin 本期看点 Driving engineers to an arbitrary date is a value destroying mistake https://iism.org… 阅读全文

作者:zengdeping 2020.04.20 - Azure:世界的电脑 业界会议 Microsoft Online Tech Forum https://techforum.microsoft.… 阅读全文

作者:wuyiping 深阅读 The JavaScript Framework That Puts Web Pages on a Diet https://www.wired.com/story/j… 阅读全文

作者:zhangjunah 2020.04.06 - Robots Learning to Move like Animals 深阅读 Robots Learning to Move like Ani… 阅读全文

作者:zhangtao 深阅读 Emergency Website Kit https://mxb.dev/blog/emergency-website-kit/ In cases of emerge… 阅读全文

作者:Dafrok 深阅读 Wikimedia (The Folks Behind Wikipedia) Are Adopting Vue.js https://phabricator.wikimed… 阅读全文

- efe

一个 MVVM 框架的性能进化之路 性能一直是 框架选型 最重要的考虑因素之一。San 从设计之初就希望不要因为自身的短板(性能、体积、兼容性等)而成为开发者为难的理由,所以我们在性能上投入了很多的关… 阅读全文

- efe

什么是往返缓存(Back/Forward cache) 往返缓存(Back/Forward cache,下文中简称bfcache)是浏览器为了在用户页面间执行前进后退操作时拥有更加流畅体验的一种策略。… 阅读全文

- efe

Node.js 的出现,让 JavaScript 脱离了浏览器的束缚,进入了广阔的服务端开发领域。而 Node.js 对 CommonJS 模块化规范的引入,则更是让 JavaScript成为了一门真… 阅读全文

- efe

先不要脸的求关注 主要升级点如下: 【新特性】- 支持 template tag 声明自身不渲染元素只渲染内容 【新特性】- 事件声明参数为空时,默认 $event 【新特性】- 支持通过 nativ… 阅读全文

- efe

在 ECharts 新发布的 3.8 版本 中,新加入了 树图,支持 横向布局、纵向布局、径向布局;新加入了 SVG 渲染支持(beta 版) 的支持,从而可以根据自己的需要,选择 SVG 或者 Ca… 阅读全文

- efe

在这个教程中,我们将使用 Ionic 创建原生应用,并用 ECharts 创建饼图和水球图。Ionic 项目开发语言是 TypeScript,而 ECharts 的官方版本是基于 JavaScript… 阅读全文

- efe

在 ECharts 新发布的 3.7 版本 中,广泛地增加了标签的表现力。可以支持定制文本块的样式,也支持对文本片段应用特定的样式,如设置颜色、大小、背景、图片、对齐方式等,从而可以做出丰富的效果。另… 阅读全文

- efe

这一年多来,其实受到过不少质疑,比如“咦,你们又在发明轮子了?”。每当此时我只能嘿嘿嘿一笑,毕竟你做的东西看起来还只是个垃圾而已,而看起来我们有很多成熟的东西可以选了:Vue、React、Angula… 阅读全文

- efe

ECharts 前段时间发布了超亮眼的 GL,相对于之前已经圈粉无数的 ECharst-X 而言,ECharst GL更是帅到爆,无论是性能、颜值、类型都有了巨大的飞跃。但是对于小编这样的设计师来说是… 阅读全文

- efe

在 ECharts 新发布的 3.6 版本中,新增了 自定义系列(custom series),能让用户定制渲染逻辑,从而在已有坐标系中创造新的图表。此外还有极坐标柱状图、自定义维度映射、dataZo… 阅读全文

RSS Error: A feed could not be found at `https://aotu.io/atom.xml`; the status code is `404` and content-type is `text/html; charset=utf-8`

搭建 配置 域名 图片 评论 搜索 其它 之前写了篇文章《博客迁移至 Hugo》,提了下使用 Typecho 多年后越发感受到运维的成本之高后,将博客迁移到了静态博客程序 Hugo 下。使用 Verc… 阅读全文

背景 一、HTTP Auth Authentication 简介 鉴权流程 加解密过程 其他 HTTP 认证 二、Cookie + Session 注册流程 鉴权流程 Session 存储 Sessi… 阅读全文

构建前端模块 构建执行文件 后记 Drone 是一款开源的 CI/CD 工具,基于容器提供了强大的插件系统。多年前我有写过《基于Docker的CI工具——Drone》中有详细的介绍它的优点。Drone… 阅读全文

图层及编组切片 编组带切片图层 控件内切片图层 控件画板为切片 后记 Sketch 作为流行的 UI 设计软件,除了设计之外,还承担了设计与开发之间沟通的桥梁作用。通过 Sketch 导出的在线标注能… 阅读全文

需求整理 使用 skpm 初始化项目 项目结构入门 package.json manifest.json appcast.xml resource 插件开发 sketch-module-web-vie… 阅读全文

表结构梳理 登录登出 权限校验 善用继承 数据库操作 后记 RESTful 是目前比较主流的一种用来设计和编排服务端 API 的一种规范。在 RESTful API 中,所有的接口操作都被认为是对资源… 阅读全文

动画拆分分析 外圈的波纹效果 主体的伸展运动 蓝球的公转效果 后记 最近我们设计师反馈,他想要做如下的一个加载动画。但是要么效果好的导出的 GIF 体积特别大,看了下有 8M 多了,要么体积小的 GI… 阅读全文

添加数据 查询数据 返回用户的年龄和性别 返回喜欢篮球的男性用户 修改数据 修改用户的年龄 修改用户的爱好 删除用户的分数 后记 MySQL 5.7 增加了 JSON 数据类型的支持,在之前如果要存储… 阅读全文

奇舞团有一个传统项目,每年年会由我在现场写一个抽奖程序,所有人一起review代码,以确保抽奖算法正确且公平,然后愉快滴开始抽奖。 现场写的抽奖程序不仅要公平无bug,而且还要有一定的趣味性,且不能和… 阅读全文

奇舞团小年会(又名奇舞团年度零食会、奇舞团最大型抽奖活动)1月10日在360大厦成功举行。 Three two one go~ 第一趴是各组 leader 述职,乍一听,嗯?这咋跟抽奖没啥关系呢,零食… 阅读全文

- 阿宅的产品笔记

编辑导语:首页设计对一款App来说可谓是至关重要。如何做出一个有效的首页设计?本篇文章里,作者就对比了几款互金App的首页设计,提出了首页设计的目标和几个设计要点。如果你也对这个内容感兴趣的话,就一起… 阅读全文

- 蛇眼财经

编辑导读:很多具备忧患意识的人都会给自己配置不同种类的保险,尤其是在疫情后,保险行业发展速度不断加快。互联网保险带来的巨大机遇,让行业内外众多巨头纷纷将触角伸入到了互联网保险领域。本文作者对这类现象展… 阅读全文

- 接地气的陈老师

编辑导语:数据分析中的MVP就是在数据正式生产出来之前,提前进行检验,确认准确性,所以在数据分析领域中经常会使用这种方式,根据提前输出的进行更改,保证后续的结果;本文作者分享了关于数据分析中的MVP方… 阅读全文

- 赚图记

编辑导语:产品设计师在日常工作中经常会深入用户,因为产品最终服务于用户,用户的需求可以说是重点;除了用户的需求以外,设计师还需要通过一些数据模型对方案进行评估;本文作者分享了关于用数据思维做设计的一些… 阅读全文

- 野生的独孤菌

编辑导语:随着互联网的不断发展,私域流量一词的热度逐渐增加。不少企业都开始用企业微信运营私域流量,其中便有在线教育行业。本文作者分享了关于企业微信裂变增长的一些思考,我们一起来了解一下。 众所周知,传… 阅读全文

- 网红头条

编辑导语:随着互联网时代的不断发展,如今短视频娱乐平台已经深入我们的生活,短视频平台也是流量的一种获取方式;也有很多MCN机构入驻短视频平台,进行整体的运营转化;本文作者分享了关于papi酱以及pap… 阅读全文

- 瑞瑞

编辑导语:产品最终服务于用户,用户对于一个产婆的看法和体验是非常重要的;所以在产品设计中,要时刻关注用户的需求,注重用户真实体验,抓住用户痛点进行设计;本文作者分享了关于深度理解用户的产品设计方法论,… 阅读全文

- D姐指北

编辑导语:如何针对性地优化用户体验?这篇文章便基于用户分层的角度,分析了用户行为链路步骤,为有效地提升用户体验提供了一些解决思路。如果你也想寻求这方面的答案的话,不妨一起来看一下吧。 作为产品经理或运… 阅读全文

- 七月

编辑导读:“什么是快乐星球?”你的脑海里是不是开始自动播放音乐了。这段时间,各大社交软件都被这段音乐刷屏了,就连央视也开始玩梗。这个来源于童年神剧《快乐星球》的音乐,是怎么在多年后爆火的?本文作者对此… 阅读全文

- 李**

编辑导语:按钮设计在产品中是非常重要的组件之一,并且也是跟用户触发按钮的关键操作,所以设计师在对于按钮的设计时需要注意多种细节和规范,确保用户体验;本文作者分享了关于B端组件设计中的按钮,我们一起来了… 阅读全文

RSS Error: A feed could not be found at `http://www.uedtech.com/data/rssmap.html`; the status code is `404` and content-type is `text/html; charset=iso-8859-1`

国际资源

  • jQuery作者
  • Thoughts From Eric
  • Paul Irish
  • QuirksBlog
- John Resig

Today marks the 10th anniversary of the release of jQuery. I announced it back at BarCamp NYC 2006 w… 阅读全文

- John Resig

Since the fall of 2013 I’ve had the opportunity to collaborate with the Frick Art Reference Library … 阅读全文

- John Resig

In my spare time I’ve been working on a database of Japanese prints for a little over 3.5 years now.… 阅读全文

- John Resig

Recently I was prompted by Daniel Lamb to try and find old versions of jQuery for his jQuery Archive… 阅读全文

- John Resig

In an effort to be more privacy conscious I’ve been looking to transition to having Domain Privacy e… 阅读全文

- John Resig

Last fall, work on my coding side projects came to a head: I wasn’t making adequate progress and I c… 阅读全文

- John Resig

First, some background: I highly recommend that you read the following two blog posts: by Ashe Dryde… 阅读全文

- John Resig

This summer I had the opportunity to attend NodeConf and it was a fantastic experience. I really app… 阅读全文

- John Resig

For a while now I’ve been a huge fan of Gittip. I think they’ve created one of the most interesting … 阅读全文

- John Resig

Like many developers I’ve been excited by the promise of Asm.js. Reading the recent news that Asm.js… 阅读全文

- Eric Meyer

Today marks one month at Igalia. It’s been a lot, and there’s more to come, but it’s been a really g… 阅读全文

- Eric Meyer

The first week on the job at Igalia was… it was good, y’all. 阅读全文

- Eric Meyer

Today is my first day as a full-time employee at Igalia, where I’ll be doing a whole lot of things I… 阅读全文

- Eric Meyer

For my 2020 holiday break, I decided to get more serious about supporting the use of alternative tex… 阅读全文

- Eric Meyer

Making my bash environment a little more polite. 阅读全文

- Eric Meyer

I’ve added a couple of links to the bottom of RSS items here on meyerweb: a link to the commenting f… 阅读全文

- Eric Meyer

Another aspect of the meyerweb redesign I’d like to explore is the way I’m using CSS Grid rows to gi… 阅读全文

- Eric Meyer

Sometimes, what is still is the most transient of all. 阅读全文

- Eric Meyer

Let’s talk about image optimization. 阅读全文

- Eric Meyer

On using structural CSS selectors to create the appearance of randomness while remaining usefully pr… 阅读全文

- Paul Irish

I’ve published a few articles on Medium that may interest the reader here: requestAnimationFrame Sch… 阅读全文

- Paul Irish

Recently, I’ve spent some time recently profiling real-world mobile websites. Using the 1000/100/6 p… 阅读全文

- Paul Irish

Feb 2015: A lot’s happened since I wrote this post two years ago. Chrome forked WebKit and started B… 阅读全文

- Paul Irish

Update (2016): The more canonical writeup of this technique is at High Performance Animations - HTML… 阅读全文

- Paul Irish

If you do front-end web development and already use Chrome as your development browser, I encourage … 阅读全文

- Paul Irish

The great folks at Treehouse sat down with me for 30 minutes to talk about frontend development, my … 阅读全文

- Paul Irish

I absolutely love developing for the clientside of the web. Delivering the actual interactions and U… 阅读全文

- Paul Irish

The past few years’ browser focus on speed has been great for us and our users. We’ve seen a huge an… 阅读全文

- Paul Irish

University-level education has never really touched too directly on what we do as frontend developer… 阅读全文

- Paul Irish

One of the good things about having the eyeballs of many people is that you now have the ability to … 阅读全文

- ppk

I need to figure out how to call a pair of fundamental CSS concepts in my upcoming book and would li… 阅读全文

- ppk

A while ago I asked about the exact relationship between progressive enhancement and accessiblity. W… 阅读全文

- ppk

This article asks a question I don’t know the answer to: What is the exact relationship between prog… 阅读全文

- ppk

In March I am going to teach the Progressive Enhancement course of the Web minor at university for t… 阅读全文

- ppk

In March I am going to teach the Progressive Enhancement course of the Web minor at university for t… 阅读全文

- ppk

Just now I published part XI of the Thidrekssaga: Sigfrid’s death. The story now switches to the Nif… 阅读全文

- ppk

Just now I published part X of the Thidrekssaga: The battle of Gransport. After helping Attila and E… 阅读全文

- ppk

The tools vs knowledge argument goes something like this: Random web devYou don’t have to know CSS. … 阅读全文

- ppk

Just now I published part IX of the Thidrekssaga: The Wilkinen wars. Whilt etaying at Attila’s court… 阅读全文

- ppk

The story goes as follows: Once upon a time there was a meta viewport property called user-scalable=… 阅读全文