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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

lhyt前端之路

专栏作者

99

文章

114475

阅读量

19

订阅数

b站全灰，原来仅需一行css代码——css 滤镜

今天打开b站，看见一片灰色。对于公祭日，我们每一个人都应该为此默哀、纪念历史，都要铭记历史、热爱祖国、砥砺前行

2022-09-21

8020

拥抱更底层技术——从CSS变量到Houdini

编程算法 api html canvas css

平时写CSS，感觉有很多多余的代码或者不好实现的方法，于是有了预处理器的解决方案，主旨是write less &do more。其实原生css中，用上css变量也不差，加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中，不用js的话可能是用了css动画、svg的animation、过渡，复杂动画实现用了js的话可能用了canvas、直接修改style属性。用js的，然后有没有想过一个问题：“要是canvas那套放在dom上就爽了”。因为复杂的动画频繁操作了dom，违背了倒背如流的“性能优化之一：尽量少操作dom”的规矩，嘴上说着不要，手倒是很诚实地ele.style.prop = <newProp>，可是要实现效果这又是无可奈何或者大大减小工作量的方法。

2022-09-21

4560

css菜鸡的自我救赎

html css 网站

我们看百度搜索的顶部，顶部的#head（搜索框这一行都是）是fixed的，紧接着的那个div是一个tab。当然fixed脱离文本流，就用padding把自己的主要内容顶到下面去，不然内容就直接置顶了。

2022-09-21

2130

浏览器原理

css html javascript

身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。

2022-09-21

1.9K0

不同页面通信与跨域

相信跨域有什么手段，大家都背得滚瓜烂熟了。现在我们来做一些不在同一个tab页面或者跨域的实践。

2022-09-21

1.7K0

pwa+webpack，初探与踩坑

webpack 打包 javascript 缓存 html

我们都知道pwa是一个新技术.，依靠缓存，离线了还能正常跑，而且秒开。我把以前原生写的小游戏迁移到react，再迁移到webpack+react，最后再升级到pwa。具体介绍不多说，我们开始撸吧。

2022-09-21

3070

编程算法 php html vue.js

后端有后端路由，根据路由返回特定的网页，代表者是传统的mvc模式，模板引擎+node。前端也有前端的路由，我们用三大框架做spa的时候，总是和路由离不开关系。主要有两种方法：基于哈希路由、基于history

2022-09-21

3810

（VUE!jQuery！插件！）盘点前端群的无脑回答

json 编程算法 html ecmascript vue.js

你是不是在前端群见过很多这种前景：这个怎么做？怎么拿到这些数据？怎么更新整个列表？

2022-09-21

1.7K0

嘿，前端的CSP & CSP如何落地，了解一下？

调试工具： Chrome插件——modheader。通过随意设置响应头来测试CSP

2022-03-08

2.7K1

基于iframe，前端和前端联调也是很丝滑

javascript node.js 网站编程算法 html

页面监听hashchange事件，然后父页面改变哈希，子页面读取哈希来实现通信。但是这有一个问题，如果传递的信息过多，那就会导致url很长，而且维护起来也麻烦。更严重的问题是，如果页面本身有利用哈希的逻辑，将会无解

2022-03-08

7200

小伙伴遇到这个问题说不想干前端了——一次Chrome翻译造成的玄学bug

react 机器翻译 html

先让用户刷新再复现一遍，保持一直打开console的状态下操作。再手把手截图指导，如何打开console切到哪个面板，再让对方截图，结果是这样的报错：

2020-06-09

1.6K0

打开控制台也删不掉的元素，前端都吓尿了

运行完我的代码了，又切回element板块，想删掉它(谁叫你那么大坨的，被我盯上了)。点一下选中这个div，然后按一下删除

2020-05-26

1.2K0

b站全灰，但我一下把它弄回来了——css 滤镜

首先，职业下意识就打开了控制台。为什么呢？是想看看怎么实现的，是css自定义属性吗？是引入一份css吗？是预处理器修改全局变量吗？结果，打开控制台，浏览了一下，最后定位发现在于一行css代码，关掉就变成彩色了

2019-12-17

2.2K0

前端和前端联调的各种姿势，了解一下

html 网络安全编程算法网站

背景：父页面index.html里面有一个iframe，iframe的src为子页面(另一个html的链接)，下文都是基于此情况下进行

2019-12-17

1.3K0

那个前端写的页面好酷——大量的粒子(元素)的动效实现

api html css canvas

CSS3dObject这个对象，可以让我们像操作threejs对象那样来操作div，使用threejs丰富的api来实现css+div的3d效果。实际上最终效果就是把threejs的参数转化为css的matrix。我们看一段简单的代码，这是创建一个div元素，然后使用three的api控制它的位置：

2019-12-01

2.1K0

一次现网翻车经历与总结

javascript 微信 babel.js html

还是和平时一样，做完需求，测试通过，愉快地上线。运营侧在大推，推了好几天。突然有一天，都来反馈说页面自己弹出dialog而且关不掉：

2019-03-14

5980

拥抱更底层技术——从CSS变量到Houdini 0. 前言1. CSS变量2. CSS type OM3. paint API4. 自定义属性最后

编程算法 css canvas html api

平时写CSS，感觉有很多多余的代码或者不好实现的方法，于是有了预处理器的解决方案，主旨是write less &do more。其实原生css中，用上css变量也不差，加上bem命名规则只要嵌套不深也能和less、sass的嵌套媲美。在一些动画或者炫酷的特效中，不用js的话可能是用了css动画、svg的animation、过渡，复杂动画实现用了js的话可能用了canvas、直接修改style属性。用js的，然后有没有想过一个问题：“要是canvas那套放在dom上就爽了”。因为复杂的动画频繁操作了dom，违背了倒背如流的“性能优化之一：尽量少操作dom”的规矩，嘴上说着不要，手倒是很诚实地ele.style.prop = <newProp>，可是要实现效果这又是无可奈何或者大大减小工作量的方法。

2019-03-14

9261

浏览器原理0. 前言1. 解析过程2. 渲染树2.1 CSS样式计算2.2 构建渲染树3. 布局（重要）4. 重绘与重排（重要）5. paint（绘制）6. composite（重要）7. 浏览器加载

git html http java 存储

身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。

2018-10-31

4.8K0

没有更多了

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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