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

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

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

原创回答一下这 10 个最常见的 Javascript 问题

作者：Duomly译者：前端小智来源：dev点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。为初学者介绍一下这 10 个最常被问到的 JavaScript 问题在本文中，我收集了关于Javascript 最常被问到的 10 个问题及其答案。这10 个问题大多涉及 Javascript 的基础知识，所.

2020-07-31 07:51:47 2602 1

原创初学者应该看的 Webpack 完整指南（2020）

点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。我们应该学习 webpack 吗？如今，CLI工具（如create-react-app或Vue -cli）已经为我们抽象了大部分配置，并提供了合理的默认设置。即使那样，了解幕后工作原理还是有好处的，因为我们迟早需要对默认值进行一些调整。在本文中中，我们会知道.

2020-07-30 08:22:48 2724 1

原创 69.创意div盒设计

效果 (源码网盘地址在最后)演示视频「前端编程实战 69」创意div盒设计视频地址一：https://www.ixigua.com/6854099563981046283/视频地址二：https://www.bilibili.com/video/BV1dK411J7p2/源码index.html<!DOCTYPE html><html lang="en

2020-07-29 18:47:13 1087

原创你可能不需要在 JavaScript 使用 switch 语句！

作者：Valentino Gagliardi译者：前端小智来源：valentinog点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。没有 switch 就没有复杂的代码块switch很方便：给定一个表达式，我们可以检查它是否与一堆case子句中的其他表达式匹配。考虑以下示例：const name .

2020-07-29 07:56:42 1371

原创一个孤独的孩子：我该不该将控制流指令写入通用结构组件中？

作者：Michael Thiessen译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。控制流指令，如v-if和v-for，如果在较大项目中，就很有可能会创建一些难以阅读的嵌套代码。如果在v-if内嵌套了v-for ，刚这个特征就更明显了。为了程序员的头发着想，我希望大家.

2020-07-28 07:58:49 393

原创 68.自定义动态复选框

效果 (源码网盘地址在最后)演示视频「前端编程实战 68」自定义动态复选框视频地址一：https://www.ixigua.com/6852620647915815437/视频地址二：https://www.bilibili.com/video/BV16Z4y1u7NY/源码index.html<!DOCTYPE html><html lang="en

2020-07-27 17:58:05 764

原创很多人不知道可以使用这种 key 的方式来对 Vue 组件时行重新渲染！

作者：Michael Thiessen译者：前端小智来源：medium点赞再看，养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。在某些情况下，我们必须强制Vue重新渲染组件，如果没有，那可能，你做的业务还不够负责，反正我是经常需要重新渲染组件，哈哈。虽然Vue不会自动更新这种情况是相对比较少，但.

2020-07-27 08:52:32 2379 2

原创我不知道还可以用 JS 做的 6 件事

作者：Daniel译者：前端小智来源：js-craft点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。JS 是一种灵活的语言，这种特性让我们经常觉得它是一门最简单的语言，也是最难掌握的语言。我使用 JavaScript 已有很多年了，但我仍然偶然发现一些我不知道的隐藏语法或技巧。我们来一直看看，我发.

2020-07-24 14:02:48 390

原创对于组件的可重用性，大佬给出来6个级别的见解，一起过目一下！

作者：Michael Thiessen译者：前端小智来源：news点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。我们所有人都希望编写更少的代码，同时也要做更多的事情。为了实现这一点，我们构建了组件，以便可以多次重用它们。有些组件只需要基本的可重用性，而另一些则需要更复杂的重构技术，我们才能充分复用它.

2020-07-24 14:01:20 696

原创又一个布局利器， CSS 伪类 :placeholder-shown

作者：Samantha Ming译者：前端小智来源：medium点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。.

2020-07-24 13:59:49 1653 1

原创 67.信号故障特效

效果 (源码网盘地址在最后)源码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>67.信号故障特效</title> <link href="./

2020-07-22 17:56:36 898 1

原创你的函数有多快？使用 performance 监控前端性能

要比较两个函数哪个性能更好，一个直观且公平的方法就是计算两个函数分别执行完的时间。良好的性能更容易好的用户体验，而好的用户体验更能留住用户。研究表明，由于性能问题，在88％的在线消费者对...

2020-07-22 08:25:00 1189

原创历时5个多月，模范学会了这 66 个CSS 应用特效

点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。这 66 个特效，是我历时4个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我们是9点上班，我基本7点半就到公司自学了，这.

2020-07-20 13:30:07 9364 6

原创 66.电视噪音动画特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 66」电视噪音动画特效视频地址一：https://www.ixigua.com/6850386816432865806/视频地址二：https://www.bilibili.com/video/BV1Jv411q7oh/源码index.html<!DOCTYPE html><html lang="en

2020-07-18 08:27:17 3960

原创 65.粘糊糊的动画效果

效果 (源码网盘地址在最后)视频演示「前端编程实战 65」-粘糊糊的动画效果视频地址一：https://www.ixigua.com/6850016080396714499/视频地址二：https://www.bilibili.com/video/BV1wK4y1x7BY/源码index.html<!DOCTYPE html><html lang="e

2020-07-18 08:23:10 2674

原创 64.圣诞节动画特效

效果 (源码网盘地址在最后) 前端编程实战 64」圣诞节动画特效视频地址一：https://www.ixigua.com/6849270738138956299/视频地址二：https://www.bilibili.com/video/BV1g5411e7yQ/源码index.html<!DOCTYPE html><html lang="en">&

2020-07-18 08:18:33 3109

原创 63.全屏加载页面动画特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 63」HTML+CSS3 实现全屏加载页面动画特效视频地址一：https://www.ixigua.com/6848908900436017676/视频地址二：https://www.bilibili.com/video/BV1zK4y1s7it/源码index.html<!DOCTYPE html>&lt

2020-07-18 08:14:21 3302 2

原创 62.渐变发光加载动画特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 62」渐变发光加载动画特效视频地址一：https://www.ixigua.com/6847787865380913675/视频地址二：https://www.bilibili.com/video/BV1hk4y1B7rM/源码index.html<!DOCTYPE html><html lang="

2020-07-18 08:10:02 3384 2

原创 61.反射属性-webkit-box-reflect应用

效果 (源码网盘地址在最后)视频演示「前端编程实战 61」反射属性 -webkit-box-reflect 应用视频地址一：https://www.ixigua.com/6847050168638898692/视频地址二：https://www.bilibili.com/video/BV1iA411e7Dr/源码index.html<!DOCTYPE html&gt

2020-07-18 08:05:03 1579

原创 60.如何在文字内放置视频

效果 (源码网盘地址在最后)视频演示「前端编程实战 60」HTML+CSS3 实现如何在文字内放置视频视频地址一：https://www.ixigua.com/6846310483146998275/视频地址二：https://www.bilibili.com/video/BV1B5411Y7A5/源码index.html<!DOCTYPE html>&lt

2020-07-18 07:58:13 2075 1

原创 Web 技术：CSS最小和最大(宽度/高度)知识点及优缺点

通常，我们希望限制元素相对于其父元素的宽度，同时使其具有动态性。因此，有一个基础宽度或高度的能力，使其扩展的基础上，可用的空间。比如说，我们有一个按钮，它的宽度应该是最小的，不应该低于它...

2020-07-15 08:25:00 7332

原创很多人不知道 Vue 中的组件就是一个函数！

在所有组件之下，组件只是返回一些HTML的函数。这是一个强大的简化，如果你曾研究过Vue代码库的复杂性，那么你就会知道这实际上不是事实。但是从根本上讲，这就是Vue为我们所做的事情。看一...

2020-07-14 08:20:00 3447

原创使用内联的 CSS 变量技巧，提高灵巧布局效率！

有些情况下，我需要用一种简单的方法来创建网格布局。例如，每次我改变主意时，在不修改CSS的情况下快速画出五列网格。在本文中，我们一起探索一些用例，并思考如果实现及使用它们。它是怎么工作的...

2020-07-13 11:40:00 944

原创 ES6 中 module 备忘清单，你可能知道 module 还可以这样用！

这是一份备忘单，展示了不同的导出方式和相应的导入方式。它实际上可分为3种类型：名称，默认值和列表 ????//命名导入/导出exportconstname='val...

2020-07-09 08:25:00 623

原创这份 window.location 备忘单，让你更有条理解决地址路径问题！

如果你想获取站点的URL信息，那么window.location对象什么很适合你！使用其属性获取有关当前页面地址的信息，或使用其方法进行某些页面重定向或刷新????https://seg...

2020-07-08 08:26:00 941

原创前端如何提高用户体验：增强可点击区域的大小

你是否曾经试着点击或点击一个元素(例如:按钮、链接)，并且注意到只有单击该元素的特定区域，它才会响应？必生这种情况是因为可点击区域未应用于整个元素。为了更加清楚，请参见下图，左图可点击区...

2020-07-06 08:25:00 4722 2

原创 59.弹出框与模糊的背景特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 57」HTML+CSS3 实现效响应盒模型特效视频地址一：https://www.ixigua.com/i6845126624082395656/视频地址二：https://www.bilibili.com/video/BV1bA411i75h/源码index.html<!DOCTYPE html>&lt

2020-07-04 18:16:20 5542 3

原创 58.数字时钟特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 58」HTML+CSS3 实现数字时钟特效视频地址一：https://www.ixigua.com/i6844451067896267278/视频地址二：https://www.bilibili.com/video/BV1bp4y1U7fS/源码index.html<!DOCTYPE html><htm

2020-07-04 18:11:55 2463 1

原创 57.响应盒模型特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 57」HTML+CSS3 实现效响应盒模型特效视频地址一：https://www.ixigua.com/i6844083190756278796/视频地址二：https://www.bilibili.com/video/BV1bA411i75h/源码index.html<!DOCTYPE html>&lt

2020-07-04 18:08:18 1752

原创 56.3D编辑文本特效

效果 (源码网盘地址在最后)视频演示「前端编程实战 56」HTML+CSS3 实现 3D 编辑文本特效视频地址一：https://www.ixigua.com/i6843709475413557764/视频地址二：https://www.bilibili.com/video/BV1oi4y1G7xz/源码index.html<!DOCTYPE html>&l

2020-07-04 18:03:09 1584

原创 55.CSS3创意按钮悬停特效

效果 (源码网盘地址在最后)视频演示前端编程实战 55」HTML+CSS3 创意按钮悬停特效视频地址一：https://mp.toutiao.com/profile_v3/xigua/content-manage视频地址二：https://www.bilibili.com/video/BV1ZK411n7v7/源码index.html<!DOCTYPE html&g

2020-07-04 17:54:20 2115

原创 54.文本旋转动画效果

效果 (源码网盘地址在最后)视频演示「前端编程实战 54」HTML+CSS3 实现文本旋转动画效果视频地址一：https://www.ixigua.com/i6841854545706877447/视频地址二：https://www.bilibili.com/video/BV1iC4y1a7wW/源码index.html<!DOCTYPE html><

2020-07-04 17:49:03 1584

原创周末学会了 10个超级实用 Javascript 技巧!

众所周知，JavaScript 一直在快速变化。在新的 ES2020 中，有很多很棒的特性，我们大都已经迫不及待尝试了。老实说，有时我们可以用不同角度来编写代码，同样也能达到相同的效果，...

2020-07-02 08:25:00 6012 7

原创 30 个纯 HTML5 实现的游戏

作者：Danny Markov来源：tutorialzin译者：前端小智浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时，任何类型的游戏都需要Flash。但随着 HTML5 发展，HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏，它们可以在所有现代浏览器中运行，并且只使用web技术构建。1. HexGL地址：http://hexgl.bkcore.com/类型：街机，赛车HexGL 是一款基于HTML5，JavaScript和WebGL的快.

2020-07-01 14:06:58 12880 2