-
两行JS代码解决：下面的情况统统适合：HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法 禁止鼠标右键、禁止全选、复制、粘贴;oncontextmenu事件禁用右键菜单; js代码:documen...04 -
作为计算机业余爱好者，把网页做得美观高大上对我是一种折磨和挑战，所以我做出来的网页都是清一色的word文档风格。为了给low逼的网页提升点儿逼格，我决定模仿一下ChatGPT的文字输出效果。 先上效...08 -
什么是前端监控？它指的是通过一定的手段来获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，为产品优化指明方向，为用户提供更加精确、完善的服务。前端监控一般来讲一个成熟的产品，运营与产品团...021
-
以下是个人收集总结的一些使用 react 的小技巧。一. 组件相关1. 使用自闭合组件// 不好的写法 // 推荐写法 2. 推荐使用Fragment组件而不是 DOM 元素来分组元素在 React...041
-
目前，前端开发已经离不开由 CommonJS、ES Modules 和 Webpack 构建的模块化开发环境。无论是 JavaScript、CSS、图片还是其他资源，都可以作为一个模块来处理。那么，模...034
-
关键字值描述enter‘enter’表示回车，多出现在文本域等需要多行输入的场景中。done‘done’表示完成，表示没有更多内容输入，输入结束。go ‘go’表示前往，,意思是把用户带到...042
-
overflow:hidden; textoverflow:ellipsis; display:webkitbox; webkitboxorient:vertical; webkitlineclamp...043
-
一、关于SpeechSynthesis1、SpeechSynthesis简介SpeechSynthesis是HTML5的一个新特性，基于SpeechSynthesis可以实现在客户浏览器端进行动态文本...077 -
-
用于给Chrome的插件JSONView的CSS3的配色代码。自己弄了快一个小时……body { whitespace: pre; fontfamily: monospace; fontsize: 1...048
-
之前在网上碰到阿里前端的面试题，如下：下图绿色区域的宽度为100，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。已知HTML结构是：...043
-
android { margin: 0; padding: 0; } div.head{ margintop: 100px; marginleft: 200px; width: 200px; hei...044
-
CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中，被称为CSS Grid Layout Module。而我们较为熟悉的还是将其想像成网格或者栅格，也就是早期的960gs。不管是网格还是...047
-
Markdown.css 是一个很有意思的 CSS 样式表。它可以让 HTML 显示成类似 Markdown 纯文本的形式。（图片除外）。基于 LESS 编写Markdown.css 基于 S 编写，...053
-
定义：规定背景图像的尺寸浏览器支持：IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+JavaScript语法：object.style.backgroundSize&...045
-
伪类选择器伪类选择器： 和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的...047
-
在css中，共有如下几个background属性属性描述CSSbackground在一个声明中设置所有的背景属性。1backgroundattachment设置背景图像是否固定或者随着页面的其余部分滚...047
-
-
css的媒体查询允许通过media标签为特定媒体的浏览器设定样式，其中包含众多筛选，功能强大。media 的语法如下media { / mediaspecific rules / } media t...045
-
总是能在一些Geek频道上看到一些优秀的项目~Tridiv,一个不可思议的创意,当我们还在沉浸在CSS3优秀的渲染能力时,JulianGarnier开发出了这么一个神器.Tridiv是什么?通过CSS...047
-
CSS可不仅仅是简简单单的布局语言，她还是绘画和动画双料小能手！512个极简风格的图标都全部用CSS实现，然后再细细打磨动画。 来自Adobe Typekit的用户体验设计师Wenting Zhang...060
-
网页开发日新月异。在各种不同的 JavaScript 框架、语言和工具库百花齐放的同时，现代网页程序调试变得比过往更加复杂。 在本次演讲中，Jecelyn 将深入探讨网页调试 (web debuggi...052
-
2020年8月26日，Chrome 85 默认支持 AVIF 图片格式。AVIF 是 AV1 Image File Format 的简称，是一种全新的超压缩的图片格式。它的后缀名为 .avif。在我们...069
-
HTML 中的 a 元素是用来创建超链接的，它允许用户从一个页面导航到另一个页面或相同页面的不同部分。a 的 href 属性（全称为 Hypertext Reference）是一个重要的属性，用于指定...048
-
Clickjacking（点击劫持）是一种网络安全威胁，它利用用户对于页面元素的信任来欺骗他们执行未经授权的操作。攻击者通过将恶意内容覆盖在看似正常的页面上，诱使用户误点击隐藏在其它元素上的按钮或链接...045 -
iframe 是 HTML 中的一个标签，用于在当前页面嵌套另一个独立的 HTML 文档。iframe（Inline Frame 的缩写）提供了一种将其他网页内容嵌入到当前页面的方式，使得页面可以同时...042
-
-
在平时开发中，有时候会碰到这样的彩色阴影，效果如下是不是非常有质感？下面分布介绍 CSS 和 SVG 两种实现方式，一起看看吧一、实现原理从设计上看，其实原理很简单，一张原图和一张模糊的图，叠加在一起...051
-
在服务端一般使用 node 来运行 js ，除了 node 外流行的还有 bun/deno。但这三个运行时的打包体积都不小，在精简的情况下也在 50 mb 以上，我在这里记录一下我是如何将一个原来使用...0156
-
