8 前端小智@大迁世界

尚未进行身份认证

我要认证

我不是什么大牛,我其实想做的就是一个传播者。内容可能过于基础,但对于刚入门的人来说或许是一个窗口,一个解惑之窗。我要先坚持分享20年,大家来一起见证吧。

等级
TA的排名 6k+

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

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

要深入 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

一文学会使用 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

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

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

2020-08-05 08:10:31

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

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

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

一个有意思的方案:不借助后台和 JS ,只用 CSS 让一个列表编号倒序,你会怎么做?

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

2020-08-04 08:14:53

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

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

2020-07-31 07:51:47

初学者应该看的 Webpack 完整指南(2020)

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

2020-07-30 08:22:48

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

你可能不需要在 JavaScript 使用 switch 语句!

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

2020-07-29 07:56:42

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

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

2020-07-28 07:58:49

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

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

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

2020-07-27 08:52:32

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

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

2020-07-24 14:02:48

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

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

2020-07-24 14:01:20

又一个布局利器, CSS 伪类 :placeholder-shown

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

2020-07-24 13:59:49

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

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力计划专属勋章
    原力计划专属勋章
    2019年《原力计划【第一季】》专属勋章,现已经开启第二季活动啦,小伙伴们快去参加吧
  • 博客之星-入围
    博客之星-入围
    授予每年博客之星评选结果第21-200名的用户