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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

MudOnTire

专栏作者

42

文章

77682

阅读量

13

订阅数

冷门又好用的 CSS 特性

css 编程算法 javascript

CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。

2022-03-22

1.4K0

Puppeteer 入门指引

javascript 腾讯云测试服务

Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以无头（headless）的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。

2022-03-22

1.4K0

CSS实现渐变色边框（Gradient borders）的5种方法

css html 编程算法

给 border 设置渐变色是很常见的效果，实现这个效果有很多思路，今天把我所知道的方法罗列于此供大家参考。

2022-03-22

4.3K0

Async、defer以及普通加载script区别详解

html javascript node.js

我们分别使用普通、async和defer的方式加载1.js、2.js、3.js，观察控制台的打印结果：

2022-03-22

5730

低代码开发平台构建实践 - Moria项目分享

highcharts 编程算法

项目取名为 Moria)，原意为托尔金的小说中矮人在中土世界建立的庞大地下城市，包含巨大的坑道网络、屋室、矿坑及大殿。在此象征该平台可构建业务复杂的庞大应用（离目标还有点远）。

2021-03-04

6660

【学不动了系列】之 Deno 入门什么是Deno安装DenoDeno运行时（Runtime）Deno标准库第三方模块

api http typescript https node.js

希望大家不要被标题吓到，纯属为了吸引眼球?。。根据笔者这两天的学习感受，Deno 比 Node 更容易入门，如果你有 Node 的基础那更简单了，很多东西都是可以类比的，学起来豪不费力。个人认为现在正

2020-07-31

1K0

那些年遇到的刁钻JavaScript面试题（可防踩坑）

javascript 编程算法

解析：这是比较常规的面试题了，主要考察的是 JavaScript 中的隐式类型转换。在 JS 中 + 主要有两个作用：数字相加和字符串拼接，当 + 两边不都为数字时会把它们都转为字符串再拼接，所以第一个 2 会先被转成 '2' 再与第二个 '2' 拼接。

2020-07-26

5810

每天一个小技巧：CSS clip-path 的妙用 Clip Path分类Clippy

css html 编程算法

CSS 的 clip-path 属性是 clip 属性的升级版，它们的作用都是对元素进行 “剪裁”，不同的是 clip 只能作用于 position 为 absolute 和 fixed 的元素且剪裁区域只能是正方形，而 clip-path 更加强大，可以以任意形状去裁剪元素，且对元素的定位方式没有要求。基于这样的特性，clip-path 常用于实现一些炫酷的动画效果。

2020-07-22

2K0

每天一个小技巧：Javascript中定义私有属性（Private Properties） IIFE 实现构造函数实现Class实现原生实现

javascript babel.js 腾讯云测试服务

和很多高级语言不同，JavaScript 中没有 public、private、protected 这些访问修饰符（access modifiers），而且长期以来也没有私有属性这个概念，对象的属性/方法默认都是public的。虽然目前 class 的私有属性特性已经进入了 Stage3 实验阶段（Spec），通过 Babel 已经可以使用，并且 Node v12 中也增加了对私有属性的支持，但这并不妨碍我们用 JS 的现有功能实现一个私有属性特性,以加深对这一概念的理解。

2020-07-10

1.3K0

每天一个小技巧：变形汉堡按钮（Hamburger Menu） HTMLCSSJS

汉堡按钮（Hamburger menu）常用于移动端网站展开/收起导航，如果在点击按钮时再增加一些过渡动画则会显得更加生动有趣。今天我们就快速实现一个带有过渡动画的汉堡按钮。效果如图：

2020-07-08

1.6K0

每天一个小技巧：纯CSS实现瀑布流（Masonry） HTMLCSS

瀑布流提供了一种错落有致的美观布局，被各种注重交互品味的素材网站（如：花瓣、unsplash）广泛应用。社区也提供了不少瀑布流布局的工具，如：masonry 、colcade 等。常规的实现瀑布流的做法是用 JS 动态的计算“砖块”的尺寸和位置，计算量大、性能差。今天给大家介绍一种使用纯 CSS 实现瀑布流的方法，简洁优雅。主要使用到了 CSS 中的多列属性 columns。

2020-07-08

1.7K0

每天一个小技巧：实现自定义右键菜单（Context Menu） contextmenu 事件监听构造菜单显示菜单隐藏菜单

github contextmenu fixed position

首先，我们需要禁用浏览器弹出默认菜单的行为，通过阻止 contextMenu 事件的默认行为，并同时触发自定义菜单的显示：

2020-07-07

4.7K0

创建canvas设置canvas尺寸绘制图形Canvas库

canvas javascript html html5 svg

Canvas是常见的前端技术，但是由于API众多，使用复杂，且对程序员的数学功底、空间想象能力乃至审美都有一定要求，所以真正擅长canvas的前端并不多，但并不代表大家就学不好canvas。我在此将常用的canvas使用场景罗列出来希望能帮助到大家。

2020-05-12

4.4K0

从零实现简易版Webpack 什么是bundlerBundler实现思路实现bundler

javascript babel.js 打包

市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify，rollup，parcel等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。

2020-05-12

9100

Javascript Symbol 解惑什么是Symbol创建Symbol如何使用Symbol

编程算法存储

Symbol是ES6中新引入的一种基本数据类型，在此之前Javascript中已有几种基本数据类型：

2020-05-12

2.6K0

前端需要了解的9种设计模式什么是设计模式？设计模式的类型一. 结构型模式（Structural Patterns）二. 创建型模式（Creat

网络安全 java api

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的辅助。

2020-05-12

3.8K0

提高生产力的VSCode快捷键

settings window

一、打开/查看 1. 打开命令托盘 MacOS: Shift+Cmd+P Windows: Shift+Ctrl+P 2. 打开 Settings MacOS: Cmd+, Windows: Ctrl+, 3. 关闭当前 Tab/Window MacOS: Cmd+W Windows: Ctrl+W 如果没有 Tab 打开，则关闭当前 Window 4. 打开/关闭命令行 MacOS: Ctrl+` Windows: Ctrl+` 5. 打开/关闭侧边栏 MacOS: Cmd+B Windows: Ctrl

2019-11-07

5480

前端转Flutter - 对照Javascript学Dart

java javascript c++编程算法

最近在学flutter，发现flutter的编程语言Dart和Javascript有诸多相似，对于前端开发者而已好处在于有JavaScript经验学习Dart会快一些，缺点在于容易搞混这两种语言。因此在学习的过程中记录了一下Javascript和Dart的对比，方便记忆。

2019-10-15

2.7K0

十分钟实现短链接服务（Node + Express + MongoDB）

php javascript express 数据库 mongodb

短链接我们或多或少都使用过，所谓短链接就是根据较长的原链接url生成一段较短的链接，访问短链接可以跳转到对应的原链接，这样做好处在于：1. url更加美观；2. 便于保存和传播；3. 某些网站内容发布有字数限制，短链接可以节约字数。

2019-08-22

2.6K0

常见数据结构和Javascript实现总结

javascript java 编程算法数据结构 node.js

做前端的同学不少都是自学成才或者半路出家，计算机基础的知识比较薄弱，尤其是数据结构和算法这块，所以今天整理了一下常见的数据结构和对应的Javascript的实现，希望能帮助大家完善这方面的知识体系。

2019-08-09

5270

点击加载更多

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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