最近开始写一些 WordPress 专业的知识，阅读数奇低，然后我发一些微信昵称技巧，又说我天天发这些小学生爱玩的玩意，写点文章真不容易。那我两天发点专业的东西，两天发点小学生的东西，剩下三天我看着办，这样总行吧？哈哈，那就天就发布一点点专业的东西，就是我们做网页开发的时候的时候如何设置透明背景。为什么背景要设置透明度？首先说下为什么背景要设置透明度，比如最 …
技术教程
这篇教程要介绍的案例是：App界面上调整时间的可交互原型。我们先看一下效果：这个案例用的是Principle这款软件做的。Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型，这样就可以作为最小可行性产品（mvp）,在正式开发前就进行用户调查、可用性测试。Principle有如下几大优点：容易上手；支持从sketc …
制作这几个很常用的CSS3网页小效果。最近写JS的时间比例比较多，不过我还是比较钟情于CSS3。所以我还是坚持分享一些实用的CSS3小例子。正文第一种效果：由于录制gif图片会掉帧，所以看起来不流畅，很卡，但其实实际效果还是不错的，有弹性一些。html代码：<span class="shake">弹<span>css代码:.shake …
今天躺在床上刷抖音的时候，看见了一个马克笔随便画星空的视频，很有意思。先看效果：开始需求分析：1、渐变色的背景2、画一颗树和一些草3、水面的倒影4、随便画点星星5、画一颗流星1、渐变色的背景先确定200*500的区域，使用css3的线性渐变属性，依次深蓝、浅蓝、紫色、粉色、黄色画出一个渐变色的背景。为了使背景更真实，使用同样的颜色顺序，在不同的角度，加上一些 …
在AXURE软件中，部件样式可以编辑，但有时却无法满足所有个性化原型的需求。例如文本框部件，可以设置是否隐藏边框，但即使隐藏边框之后，文本框还会有白色的背景。当界面需要一个无背景色的输入框时，对于完美主义者来说，那无法去除的白色背景就显得尤其无法忍受，现在，就让我们用非常规手段，去了它。01建立“文本框背景透明”页面，双击页面名称，打开页面编辑页02“部件” …
哈咯~ 大家好~ 又是美好的一天，前端小菜鸟上线啦，为大家带来今天的“前端每日一读，大厂面试无忧”——浏览器渲染流程，重排、重绘，以及如何避免重排和重绘浏览器的渲染流程是一个包含多个步骤的复杂过程，主要涉及以下环节浏览器渲染流程1.解析HTML构建DOM树:浏览器解析HTML文件，创建DOM树2.解析CSS构建CSSOM树:解析CSS文件和样式，构建CSS对 …
如果在图片上显示文字，经常会遇到这个情况，就是当文字和背景颜色差不多时，文字会看不清楚，我们一般通过给文字加text shadow或者修改图片的透明度来让文字显示更加突出。我们今天说一下透明度的问题，一般我们干这个活儿是通过photoshop来做，其实CSS本身也可以实现类似的效果。如何做？咱们先从下面这个例子开始，有一张背景图片，上面有些文字：对应的显示效 …
不论是网站，桌面软件亦或者是app都会涉及到这个功能，让用户觉得恶心，更让程序员恶心的功能。你不会想的到的，它就是——注册和登陆！别不信，我给你一分析你就懂了。首先，作为用户，我是极不愿意注册的，那么麻烦，要填一堆信息，还经常把密码忘了，关键是每个网站都有一个账号密码，混乱，混乱你懂吗？而且所有的网站等你注册后就会跟踪你的信息和浏览习惯，后台大数据计算你的喜 …
在现代Web开发中，CSS是不可或缺的一部分，它决定了网页的样式和布局。编写高质量的CSS代码不仅可以提高开发效率，还可以提升网页性能和用户体验。本文将为您分享一些有助于编写高质量CSS代码的技巧和建议，助您成为CSS编程的高手！一、遵循CSS规范编写高质量的CSS代码的第一步是遵循CSS规范。CSS规范定义了一系列的命名规则、代码结构和最佳实践，可以使代码 …
在前端开发中，按钮重复点击是一个看似不起眼，实则非常普遍且容易引发线上事故的问题。想象一下：提交表单时，因为网络卡顿或手抖，重复点击导致后端创建了多条冗余数据… 这些场景不仅影响用户体验，更可能造成实际的经济损失或数据污染。这个问题在面试中也常常被提及，用来考察候选人对细节的关注、代码的健壮性以及用户体验的思考。系统地梳理几种常用且有效的解决方案。为什么会发 …