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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

杰的记事本

专栏作者

231

文章

486271

阅读量

32

订阅数

Puppeteer已经取代PhantomJs

记得前几年，我们通常会用PhantomJs做一下自动化测试，或者为了SEO优化，会用它对SPA页面进行预渲染，现在有更好的Puppeteer来代替它的工作了，性能更好，使用起来也更加方便，Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。

javascript.shop

2020-04-10

6K0

flex space-between最后一行对齐问题的解决方案

html https css 网络安全

常见的一个图文列表设计，通常是这样的，两端顶着容器，中间的间距平均分，如下图的某东商品列表的设计：

javascript.shop

2020-02-11

2.9K0

position:sticky的尝试

css https 网络安全 html

sticky这种设计效果是经常出现的，比如陶宝右侧的工具栏，当我们向下滚动到它的位置时，它就会黏住顶部跟随滚动，类似position: fixed的效果，只不过它的触发条件是当我们滚动到所在位置时，才触发fixed的效果的：

javascript.shop

2019-12-10

9130

Vue2高版本新特性的总结及其使用

https 网络安全 html vue.js

在项目开发中，如果业务比较复杂，特别像中台或B端功能页面都不可避免的会用到第三方组件库，产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用的是有作用域的CSS，父组件想要定制第三方组件的样式就比较麻烦了。

javascript.shop

2019-10-30

8250

CSS兼容性的一些Hack方法

属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。

javascript.shop

2019-09-05

1.1K0

HTML的书写规范

html 编程算法 css

The following document outlines a reasonable style guide for HTML development. These guidelines strongly encourage the use of existing, common, sensible patterns. They should be adapted as needed to create your own style guide.

javascript.shop

2019-09-05

6660

文件上传的最佳前端体验做法

html html5 ajax api

网页开发者们想了很多办法，试图提升文件上传的功能和操作体验，在各种Javascript库的基础上，开发了五花八门的插件。可是，由于不同浏览器之间的差异，缺乏统一接口，这些插件要么用起来很麻烦，要么不能普遍适用。

javascript.shop

2019-09-05

1.7K0

几个小处理提高前端性能

css 渲染 html

一、最最基本的 CSS顶部, JS底部 YUI compressor/Gzip CDN 有必要的CSS Sprite Ajax可缓存以上没什么好说的。二、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器，以提高整站整体CSS渲染。避免某些expression表达式，避免IE6的AlphaImageLoader png透明滤镜，可以试试使用fireworks生成png8 alpha透明（目前photoshop只有png8 索引透明）。适当定高，例如如果d

javascript.shop

2019-09-05

1.1K0

怎样简单的提高网站性能

html 缓存 css 网站 javascript

用户的耐心不是线性的。第1秒的时候基本上没有人会放弃这个站点。但是，1秒开外之后，如果没有适当的反馈的话（例如浏览器标头显示页面标题），用户开始以一个加速的比率离开。到3~4秒的时候，一般的站点会一半的潜在用户。当然，具体的阈值根据网站、用户行为和意图以及其他因素不同而有所不同……但万变不离其宗。

javascript.shop

2019-09-04

2.3K0

postMessage实现跨域通信

html 网站 http 编程算法

web通信（洋名：web messaging）是一种文档中独立的浏览上下文间的DOM不会被恶意的跨域脚本暴露数据分享方式。

javascript.shop

2019-09-04

1.5K0

inline-block空格间距问题的解决

真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：

javascript.shop

2019-09-04

8350

如何拥有一个免费空间来写博客（github）

github git 开源网站建设 html

大多数Blog作者，都停留在第一和第二阶段，因为第三阶段不太容易到达：你很难找到俯首听命、愿意为你管理服务器的人。

javascript.shop

2019-09-04

5.7K0

KnockoutJS的基础用法

tcp/ip 编程算法 json html javascript

如今，各种前端框架应接不暇，令人眼花缭乱，有时不得不感叹作为程序猿也真是苦逼，总有学不完的技术，何时是尽头，除非你转化！苦海无边，回头是不是岸，由你决定！

javascript.shop

2019-09-04

5.5K0

用QUnit对Razor进行测试

asp.net html mvc javascript 网站

Given how central JavaScript is to many modern web applications, it is important to use unit tests to drive the design and quality of that JavaScript. But I’ve noticed that there are a lot of developers that don’t know where to start.

javascript.shop

2019-09-04

6040

jQuery的deferred对象详解

编程算法 jquery html

开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。

javascript.shop

2019-09-04

5930

insertAdjacentHTML实现插入HTML

编程算法 html

语法如下： element.insertAdjacentHTML(position, html); position是相对于element元素的位置，并且只能是以下的字符串之一： beforebegin在 element 元素的前面。 afterbegin在 element 元素的第一个子元素前面。 beforeend在 element 元素的最后一个子元素后面。 afterend在 element 元素的后面。 html是字符串被解析成HTML或XML插入到DOM树中。

javascript.shop

2019-09-04

1.7K0

在Email中的HTML规范

目前，兼容性最好的Doctype是XHTML 1.0 Strict，事实上Gmail和Hotmail会删掉你的Doctype，换上这个Doctype。

javascript.shop

2019-09-04

2.2K0

25个常规方法优化你的jquery代码

jquery 腾讯优客 html

1. 从Google Code加载jQueryGoogle Code上已经托管了多种JavaScript类库，从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽，能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是，如果用户访问那些发布在Google Code上的站点后它会被缓存下来。这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本，而这些很容易做到,引入:

javascript.shop

2019-09-04

1.6K0

对html与body的一些研究与理解

最近一直构思着写篇关于<html>标签的文章，虽说之前处理过<html>标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。

javascript.shop

2019-09-04

2K0

文字描边-webkit-text-stroke和text-shadow

用caniuse查看text-stroke兼容性的时候，发现了一件令我震惊的事情，最新版的Firefox以及Edge已经支持text-stroke描边属性了，并且全部都是采用-webkit-私有前缀。

javascript.shop

2019-09-04

2.7K0

点击加载更多

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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