前端笔记网页特效 / 浏览器兼容 / 经验心德

ES2023新内容概要

其中以数组又双叒叕新增了方法为主。可以更方便的操作数组了。也是因为数组数据处理是日常业务中最广范最多的原因了。新内容清单:Array.prototype.toSortedArray.prototype.toReversedArray.prototype.with...
111

漂亮的CSS移动端底部导航栏实现

移动端底部导航 svg滤镜

先看效果:这个效果的实现,重点是使用了svg滤镜完整代码如下:...
104

CSS工作组总结的CSS设计错误

CSS错误 CSS工作组

CSS工作组总结的CSS设计错误不完整列表。如果有人发明了时光机,那就应该纠正...
75

原生JS的GZIP压缩解压缩API

Compression Stream API GZIP

Compression Stream API Compression Stream API 提供了一种 JavaScript API,使用 gzip 或者默认格式压缩和解压缩数据流。 内置的压缩库意味着 JavaScript 应用不再需要包含其它压缩库,这使得应用程序的下载大小更小。 之前一直使用的是...
168

JS前端实现摇杆轮盘

前端用JS实现一个向手游中可以360度滑动方向的控制轮盘。 这是从我的项目中抽出来的代码DEMO: 注: 因为是用在3D中,所以在屏幕中y轴的滑动对应的是3D世界中的z轴。所以代码中会有y,z,要注意区分。...
665

HTML文档打印分页标记

html打印 打印分页

关于html文档打印,实现指定位置分页这个需求,以前是不知道如何处理了的。 也不知道这个CSS属性是什么时候出现的。总之我是刚刚知道的。好久没有更新文章了,正好记录一下吧。 代码很简单,只要一个CSS属性就可以了。 @media print{ .page{ page-break-after: always; } }...
1083

微信阅读网页版实现的初步尝试

canvas 微信阅读

前言 最近用微信阅读网页版时突然想到的。看了源代码,因为压缩了并没有看出什么有价值的东西。于是自己尝试了一下如何实现。 不知道微信阅读用的是什么Canvas JS库,我用了自己比较熟悉的FabricJS 主要尝试实现的两点功能: 文字自动换行 对文字选择划线 成果 这是我尝试的结果:...
507

陆-SVG矢量图形学习进阶

svg

承接上篇: [05天]SVG矢量图形学习    上篇主要是对svg基础做了介绍。用以满足日常svg图形的基本使用。 本篇是进阶内容,将会对svg的滤镜,动画,事件等等各特性做介绍说明。如果对svg还没有做过了解,请先阅读上篇。...
503

伍-酷狗歌词文字粒子效果JS实现

前言废话 听歌时偶然发现了酷狗音乐APP的歌词增加了粒子效果。感觉很酷。然后就尝试着用JS在前端实现了一下。细节和酷狗还有差距。主要是尝试一下实现思路。 先看效果: 录屏效果太差了,直接看在线演示好一些...
618

肆-Web Components

整体介绍 用过Vue, React等现代前端框架的,对此概念会很熟悉: Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的 web 应用中使用它们。 与框架不同的是,它是原生,无任何依赖的组件方案。 先来看下Web Components的三个要素。 一、Custom elements(自定义元素)...
789

精品模板蓝瞳原创精品网站模板

^