粉丝们务必加入微信粉丝群

请粉丝们务必加入微信粉丝群，方便我们交流哦。二维码可以随便打开我的一个博客，在博客的旁边就可以看到...

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创使用这种技巧，可以大大地提高前端布局效率

作者：Ahmad shaded译者：前端小智来源：sitepoint点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。在布局中，对于每块功能的 DOM 结构，我们一般使用一个带有 wrapper 类元素把它包裹起来，让代码或者网页内容更易于阅读。为此，我们一般使用wrapper 或者 container。.

2020-08-31 08:13:23 2518 1

原创 83.CSS悬停效果(只是为了好玩)

效果 (源码网盘地址在最后)演示视频【前端特效 83】CSS悬停效果(只是为了好玩) 视频地址一：https://www.ixigua.com/6865605305670205959/视频地址二：https://www.bilibili.com/video/BV145411b7RJ/源码index.html<!DOCTYPE html><html lan

2020-08-29 11:33:41 1630

原创 82.纯CSS液体加载特效

效果 (源码网盘地址在最后)演示视频【前端特效 82】纯CSS液体加载特效视频地址一：https://www.ixigua.com/6864859179090346508/视频地址二：https://www.bilibili.com/video/BV1Dh41197Lf/源码index.html<!DOCTYPE html><html lang="en

2020-08-29 11:29:27 1144

原创 81.滑块百分比的有趣应用

效果 (源码网盘地址在最后)演示视频【前端特效 81】滑块百分比的有趣应用视频地址一：https://www.ixigua.com/6864489731468722696/视频地址二：https://www.bilibili.com/video/BV1V5411h7iZ/源码index.html<!DOCTYPE html><html lang="en

2020-08-29 11:25:10 840

原创 80.3D背景动画效果

效果 (源码网盘地址在最后)演示视频【前端特效 80】3D背景动画效果视频地址一：https://www.ixigua.com/6863381037410419208/视频地址二：https://www.bilibili.com/video/BV1tK4y1Y771/源码index.html<!DOCTYPE html><html lang="en"&

2020-08-29 11:18:45 1122

原创 2020年，你应该知道 23 个非常有用的 NodeJs 库

作者：Lokender Singh译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。作为专业的开发人员，我们必须不断更新最新和最好的库，因为知道好的库，那么开发过程就可以依赖于它们，这会节省我们很多时间也有助于构建高质量的软件。下面列表常见且好用的 NodeJS 库，反正.

2020-08-28 07:50:39 4507 1

原创总结一些，我在书写 CSS 的时候，经常犯的错误！

作者：Ahmad shaded译者：前端小智来源：sitepoint点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。当我们非常专注写代码时候，我们往往会无意识的写出一些无效CSS代码。我把这种称为 “潜意识错误”。导致这种错误后，我们经常会反问自己：“为什么我写出这样低级错误？” 不过，这些错误都比.

2020-08-27 07:55:42 1335 2

原创 30 多个有内味道且笑死的人代码注释

作者：xor译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。代码注释，有些人说它太丑，也有些人说它是标准和良好的做法。在本文中，列出了一些在编程中遇到的有趣的代码注释。注释 1// Weed Effect ! 这是杂草效应的意思？不是很懂，有谁知道，可以留言一下.

2020-08-26 08:01:40 19298 19

原创实用，完整的HTTP cookie指南

作者：valentinog译者：前端小智来源：valentinog点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。Web 开发中的 cookie 是什么?cookie 是后端可以存储在用户浏览器中的小块数据。 Cookie 最常见用例包括用户跟踪，个性化以及身份验证。Cookies 具有很多隐私问.

2020-08-25 08:09:56 3299 1

原创增强型的＜input type=number＞

作者：Samantha Ming译者：前端小智来源：kilianvalkhof点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。input 标签的 number 类型提供了一种处理数字的好方法。我们可以使用min和max属性设置界限，并且可以通过向上和向下键来添加或减少1，如果设置step属性，则向上或.

2020-08-24 07:58:40 753

原创 79.3D视频立方体特效

效果 (源码网盘地址在最后)演示视频【前端特效 79】3D视频立方体特效视频地址一：https://www.ixigua.com/6862637892334944776/视频地址二：https://www.bilibili.com/video/BV1eZ4y1K7o3/源码index.html<!DOCTYPE html><html lang="en"

2020-08-21 08:21:47 1739 1

原创 78.聚光灯特效(JQuery鼠标移动特效)

效果 (源码网盘地址在最后)演示视频前端特效 78】聚光灯特效(JQuery鼠标移动特效) 视频地址一：https://www.ixigua.com/6861891713456144899/视频地址二：https://www.bilibili.com/video/BV1sA411n7us/源码index.html<!DOCTYPE html><html

2020-08-21 08:15:33 2534 2

原创在 Vue 中如何避免在动态绑定类出现空类的情况?

作者：Samantha Ming译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。传递空字符串，这可能会导致 DOM 输出中的类为空。在三元运算符中，我们可以返回"null"，这可以确保 DOM 中没有空类????<div :cla

2020-08-21 08:05:30 741

原创在 JavaScript 中如何检查对象为空

作者：Samantha Ming译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。下面的代码片段，用于检查对象是否为空。对于较新的浏览器，你可以使用 ES6 的 “Object.keys”。????对于较旧的浏览器，可以安装Lodash库并使用其“ isEmpty”方法。

2020-08-20 07:51:30 975

原创在 JS 中检查变量是否为数组的多种方式，并说说 ES6 引入检查数组的缘起！

作者：Samantha Ming译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。下面的代码片段用于检查变量或值是否为数组。在主流的浏览器可以使用Array.isArray方法。对于较旧的浏览器，可以使用polyfill????const variable = ['??

2020-08-19 07:53:07 304

原创提升布局能力！理解 CSS 的多种背景及使用场景和技巧

作者：Ahmad shaded译者：前端小智来源：sitepoint点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。CSS background是最常用的CSS属性之一。然而，并不是所有开发人员都知道使用多种背景。这段时间都在关注使用多种背景场景。在本文中，会详细介绍background-image`属.

2020-08-18 08:14:08 3726 5

原创 77.CSS渐变按钮悬停效果

效果 (源码网盘地址在最后)演示视频 CSS 渐变按钮悬停效果 & 前端编程实战 77 视频地址一：https://www.ixigua.com/6860415149996507651/视频地址二：https://www.bilibili.com/video/BV1EV411U7fD/源码index.html<!DOCTYPE html><html

2020-08-16 13:53:31 738

原创 76.星星闪烁特效

效果 (源码网盘地址在最后)演示视频星星闪烁特效& 前端编程实战 76 视频地址一：https://www.ixigua.com/6859654195289522691/视频地址二：https://www.bilibili.com/video/BV1tf4y1979Z/源码index.html<!DOCTYPE html><html lang="

2020-08-16 13:49:53 676

原创 75. 让面部表情跟着鼠标光标变化

效果 (源码网盘地址在最后)演示视频面部表情跟着鼠标光标变化& 前端编程实战 75 视频地址一： https://www.bilibili.com/video/BV1vT4y157Up/视频地址二：https://www.bilibili.com/video/BV1vT4y157Up/源码index.html<!DOCTYPE html><htm

2020-08-16 13:45:23 875

原创 17 个实用的图像特效库

作者：lindelof译者：前端小智来源:github点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。1.imagehover地址：https://github.com/ciar4n/imagehover.cssimagehover.css- 纯CSS3鼠标滑过图片效果动画库，44种鼠标滑过效果.

2020-08-14 08:04:50 976 1

原创 8 种用于检测前端性能的分析工具

作者：Mahdhi Rezvi译者：前端小智来源：blog.bitsrc点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。我们可以编写一些漂亮，且吸引人的网站，但如果该网站无法快速加载到浏览器中，人们往往会跳过它。尽管有许多性能规则，但归根结底，这全都取决于加载时间。根据 Jakob Nielson说法，

2020-08-13 07:57:03 5337 3

原创【网络特效】12 个炫酷背景特效库

作者：lindelof译者：前端小智来源:github点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。1.particles-bg地址：https://github.com/lindelof/particles-bg效果：2.particles-bg-vue地址：https://githu.

2020-08-12 08:09:20 4978 5

原创在 Vue 中，如何从插槽中发出数据

作者：Michael Thiessen译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。我们知道使用作用域插槽可以.

2020-08-11 08:28:57 2291

原创 74.CSS Clip-path 鼠标移动特效

效果 (源码网盘地址在最后)演示视频 CSS Clip-path 鼠标移动特效 & 前端编程实战 74 视频地址一：https://www.ixigua.com/6857802849158431236/视频地址二：https://www.bilibili.com/video/BV1oD4y1U7C8/源码index.html<!DOCTYPE html>

2020-08-08 17:41:54 762

原创 73.使用HTML CSS和jQuery进行水平页面滚动

效果 (源码网盘地址在最后)演示视频使用jQuery进行水平页面滚动 & 前端编程实战 73 视频地址一：https://www.ixigua.com/6857067436110742023/视频地址二：https://www.bilibili.com/video/BV14A411Y7Gd/源码index.html<!DOCTYPE html><

2020-08-08 17:37:32 715

原创进阶 JavaScript 的 36 个概念

本文已经原作者授权作者：Mahdhi Rezvi 译者：前端小智来源：medium原文：https://medium.com/better-programming/36-javascript-concepts-you-need-to-master-to-become-an-expert-c6630ac41bf4点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收

2020-08-07 08:35:45 3707 1

原创一文学会使用 CSS 中的 min(), max(), clamp() 以及它们的使用场景

作者：Ahmad shaded译者：前端小智来源：sitepoint点赞再看，微信搜索**【大迁世界】**关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。2020年4月8日，Firefox浏览器支持了 CSS 比较函数（min()，max()，clamp()），这意味着现在所有主流浏览器都支持它们。这些CSS函数最大的作用就是可以为我.

2020-08-06 08:34:56 1804

原创 5 个 JS 数组技巧可提高你的开发技能

作者：Ghazi Khan译者：前端小智来源：codewithghazi点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。在前端开发中，数组是经常会被用到的数组结构，今天，介绍 5 个处理数组技巧，希望能带给你们一些启发和帮助。废话不多说，让我们开始吧。1. 随机排列在开发者，有时候我们需要对数组的.

2020-08-05 08:10:31 3575 4

原创 72.刮刮乐特效

效果 (源码网盘地址在最后)演示视频刮刮乐特效 & 前端编程实战 72 演示视频一：https://www.ixigua.com/6856693664404472324/演示视频二：https://www.bilibili.com/video/BV16f4y1X7Yr/源码index.html<!DOCTYPE html><html lang="

2020-08-04 18:25:59 1554

原创 71.类似望花筒特效

效果 (源码网盘地址在最后)演示视频类似望花筒特效&前端编程实战 71 演示视频一：https://www.ixigua.com/6854843769590809100/演示视频二：https://www.bilibili.com/video/BV1Mh411Z7Ze/源码index.html<!DOCTYPE html><html lang="

2020-08-04 18:21:52 568

原创 70.SVG弹性线条动画特效

效果 (源码网盘地址在最后)演示视频 SVG弹性线条动画特效&前端编程实战 70 视频地址一：https://www.ixigua.com/6854472529604510222/视频地址二：https://www.bilibili.com/video/BV1bA411Y7UY/源码index.html<!DOCTYPE html><html la

2020-08-04 18:12:10 702

原创一个有意思的方案：不借助后台和 JS ，只用 CSS 让一个列表编号倒序，你会怎么做？

作者：Manuel Matuzovic译者：前端小智来源：matuzo点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。我正在做一个项目，其中有一个倒序的列表。列表创建时间降序排序的，这里我想在语义和视觉上都能体现出来(让列表显示对应的编号，编号越大表示是最新的)。网上做了一些研究，找到了一些有趣的解决办.

2020-08-04 08:14:53 430