腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Coco的专栏

专栏作者

253

文章

279729

阅读量

45

订阅数

现代图片性能优化及体验优化指南 - 懒加载及异步图像解码方案

渲染 node.js javascript

图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。

2023-03-01

8840

现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！

css api 编程算法 javascript canvas

在上一篇文章中 -- 现代 CSS 之高阶图片渐隐消失术，我们借助了 CSS @Property 及 CSS Mask 属性，成功的实现了这样一种图片渐变消失的效果：

2022-12-13

6330

超强的纯 CSS 鼠标点击拖拽效果

jquery css html 容器 javascript

而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。

2022-10-28

2K0

转场动画一

网络安全 https javascript css

在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：图片 https://p1-jueji

2022-09-09

5530

让交互更加生动！有意思的鼠标跟随 3D 旋转动效

图像处理 css javascript

本文，就将讲述如何使用纯 CSS 实现类似的交互效果，以及，借助 JavaScript 绑定鼠标事件，快速还原上述效果。

2022-04-28

8560

Amazing！巧用 CSS 视差实现酷炫交互动效

css 编程算法容器图像处理 javascript

本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。

2022-04-28

7210

革命性创新，动画杀手锏 @scroll-timeline

javascript css node.js 编程算法容器

在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。

2022-03-10

8590

使用纯 CSS 实现滚动阴影效果

css 容器 javascript 编程算法

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样：

2021-01-06

2.5K0

使用 sroll-snap-type 优化滚动

容器 css javascript

根据 CSS Scroll Snap Module Level 1 规范，CSS 新增了一批能够控制滚动的属性，让滚动能够在仅仅通过 CSS 的控制下，得到许多原本需要 JS 脚本介入才能实现的美好交互。

2019-12-10

1.4K0

【前端安全】JavaScript防http劫持与XSS

作为前端，一直以来都知道HTTP劫持与XSS跨站脚本（Cross-site scripting）、CSRF跨站请求伪造（Cross-site request forgery）。但是一直都没有深入研究过，前些日子同事的分享会偶然提及，我也对这一块很感兴趣，便深入研究了一番。最近用 JavaScript 写了一个组件，可以在前端层面防御部分 HTTP 劫持与 XSS。当然，防御这些劫持最好的方法还是从后端入手，前端能做的实在太少。而且由于源码的暴露，攻击者很容易绕过我们的防御手段。但是这不代表我们去了解这块

2018-05-28

3.2K0

【Web动画】SVG 线条动画入门

通常我们说的 Web 动画，包含了三大类。 CSS3 动画 javascript 动画（canvas） html 动画（SVG）个人认为 3 种动画各有优劣，实际应用中根据掌握情况作出取舍，本文讨论

2018-05-28

2.2K0

清除页面广告？身为前端，自己做一款简易的chrome扩展吧

javascript api json 网络安全

大家肯定有这样的经历，浏览网页的时候，左右两端广告，诸如“屠龙宝刀，点击就送”，以及最近火的不行的林子聪37传奇霸业什么“霸业面具，霸业吊坠”的魔性广告总是充斥我们的眼球。当然有现成的扩展程序或者插件（两者概念稍有不同）可以清除页面广告，但是既然身为一名程序猿，尤其是FEDer，为什么不尝试一下自己写一个清除广告的扩展程序呢。其实，编写一个浏览器扩展程序十分简单，尤其是chrome扩展，可以完全使用前端技术（HTML/CSS/JS）完成一个自己编写的扩展程序。让我们一步一步，学习一下如何编写一个简单的清除

2018-05-28

1.2K0

【CSS进阶】原生JS getComputedStyle等方法解析

javascript jquery

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuer

2018-05-28

1.5K0

高性能Javascript--脚本的无阻塞加载策略

Javascript在浏览器中的性能，可以说是前端开发者所要面对的最重要的可用性问题。在Yahoo的Yslow23条规则当中，其中一条是将JS放在底部。原因是，事实上，大多数浏览器使用单进程处理U

2018-05-28

9210

高性能Javascript--高效的数据访问

存储正则表达式 javascript

　　接上一篇，希望能写一个高性能Javascript专题。　　第一篇：高性能Javascript--脚本的无阻塞加载策略。　　参考摘录《高性能Javascript》。　　经典计算机科学的一个问题是，数据应当存放在什么地方，以实现最佳的读写效率。数据存储是否得当，关系到代码运行期间数据被检索到的速度。在Javascript中，此问题相对简单，因为数据表现方式只有少量方式可供选择。在Javascript中，有四种基本的数据访问位置： Literal values 直接量直接量仅仅代表自己，而不存储于

2018-05-28

7930

BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习js更是大有裨益。而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。附上第二篇：BAT及各大互联网公司2014前端笔试面试题--Html,Css篇前面几题是会很基础，越下越有深度。初级Javascript： 1.JavaScript是一门什么样的语言，它有哪些特点？没有标准答案。 2.JavaScript的数据类型都有什么？基本数

2018-05-28

1.4K0

Javascript中关键参数this浅析

自从接触javascript以来，对this参数的理解一直是模棱两可。虽有过深入去理解，但却也总感觉是那种浮于表面，没有完全理清头绪。但对于this参数，确实会让人产生很多误解。那么this参数到底是何方神圣？理解this this是一个与执行上下文（execution context，也就是作用域）相关的特殊对象。因此,它可以叫作上下文对象(也就是用来指明执行上下文是在哪个上下文中被触发的对象)。任何对象都可以做为上下文中的this的值在一些对ECMAScript执行上下文和部分this

2018-05-28

5310

跟着9张思维导图学习Javascript

学习的道路就是要不断的总结归纳，好记性不如烂笔头，so，下面将 po 出我收集的 9 张 javascript 相关的思维导图（非原创）。思维导图小tips：思维导图又叫心智图，是表达发射性思维的有效的图形思维工具，它简单却又极其有效，是一种革命性的思维工具。思维导图运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来，把主题关键词与图像、颜色等建立记忆链接，思维导图充分运用左右脑的机能，利用记忆、阅读、思维的规律，协助人们在科学与艺术、逻辑与想象之间平衡发展，从而开启人类大脑的无限潜

2018-05-28

5510

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态