
CSS
前端小智@大迁世界
我不是什么大牛,我其实想做的就是一个传播者。内容可能过于基础,但对于刚入门的人来说或许是一个窗口,一个解惑之窗。我要先坚持分享20年,大家来一起见证吧。
-
原创 你会喜欢的新数组方法:array.at(index)
作者:dmitripavlutin译者:前端小智来源:dmitripavlutin最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree除了普通对象之外,数组是 JavaScript 中广泛使用的数据结构,而数组中常用操作是按索引访问元素。在本文中,我们介绍新的数组方法array.at(index)。1.方括号语法的局限性通过.2021-02-08 08:30:4655
0
-
原创 CSS中,如何处理短内容和长内容?
作者:shadeed译者:前端小智来源:ishadeed点赞再看,微信搜索**【大迁世界】,B站关注【前端小智】**这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq.2021-02-03 08:32:1969
0
-
原创 如何在 JS 中判断数组是否包含指定的元素(多种方法)
作者:Abhilash Kakumanu译者:前端小智来源:medium点赞再看,微信搜索**【大迁世界】,B站关注【前端小智】**这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://githu.2021-02-02 08:08:0191
1
-
原创 14 张有趣深动图解 FlexBox !
译者:前端小智来源: dev作者:Joy Shaheb点赞再看,微信搜索**【大迁世界】,B站关注【前端小智】**这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/...2021-01-26 08:34:163768
9
-
原创 历时 10 个多月,学习了这 132 个CSS 特效!
主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green, qklhk-chocolate贡献主题:https://github.com/xitu/juejin-markdown-theme.2021-01-25 08:14:56911
0
-
原创 Dom 节点和 元素 有啥区别?好家伙,我弄懂了!
作者:Shadeed译者:前端小智来源:dmitripavlutin点赞再看,微信搜索**【大迁世界】,B站关注【前端小智】**这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github..2021-01-19 08:22:3585
1
-
原创 【干货】使用 CSS Scroll Snap 优化滚动,提升用户体验!
作者:Ahmad译者:前端小智来源:ishadee点赞再看,微信搜索**【大迁世界】**,B站关注【前端小智】这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449.2021-01-13 08:28:52111
0
-
原创 使用CSS Flexbox 构建可靠实用的网站 Header
主题列表:juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purple, greenwillow, v-green, vue-pro, healer-readable, mk-cute, jzman, geek-black, awesome-green贡献主题:https://github.com/xitu/juejin-markdown-themestheme: juejinh.2020-12-29 08:43:4494
0
-
原创 拿到 UI 时,前端人该如何思考?
作者:Ishadeed译者:前端小智来源: ishadeed点赞再看,微信搜索**【大迁世界】关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。双12 A 里服务器27块,通用点击这里购买可以找我返现30,等于27块就能买到了,只限新用户,可以用家人的手机号购买!经常有人私信我,小智这个设计图用 CSS 要怎么布局呀,这个按钮要怎么画的.2020-12-24 08:51:54218
1
-
原创 17个提升用户体验图像特效库
作者:lindelof译者:前端小智来源:github双12 A 里服务器27块,通用点击这里购买可以找我返现30,等于27块就能买到了,只限新用户,可以用家人的手机号购买!1.imagehover地址:https://github.com/ciar4n/imagehover.cssimagehover.css- 纯CSS3鼠标滑过图片效果动画库,44种鼠标滑过效果2. ImageTiltEffect地址:https://github.com/codrops/ImageTiltEffe.2020-12-14 08:35:044572
9
-
原创 如何在 JavaScript 中等分数组
作者:Ashish Lahoti译者:前端小智来源:jamesknelson最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree在本教程中,我们来学习一下如何使用Array.splice()方法将数组等分,还会讲一下,Array.splice() 和 Array.slice() 它们之间的不同之处。1. 将数组分为两个相等的部.2020-12-09 08:45:485499
7
-
原创 18 个 JavaScript 入门技巧!
作者:Mehul Lakhanpal译者:前端小智来源:dev点赞再看,微信搜索**【大迁世界】关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq44924588.2020-12-08 08:28:50738
1
-
原创 Service Workers - JavaScript API 简介
作者: Felix Gerschau译者:前端小智来源:Felix Gerschau点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。service worker 是什么Service Worker 是 Chrome 团队提出和力推的一个 WEB API,用于给 web 应用提供高级的可.2020-12-03 07:43:58251
0
-
原创 让 JavaScript 区别于其它语言的是什么?原型继承!
作者: Dmitri Pavlutin译者:前端小智来源:sitepoint最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree只有了解了原型继承,你才能说你懂 JS,原型影响着对象的工作方式。原型继承经常会在面试中被问到,因为这个面试官可以看出你对 JS 的了解程度。本文,主要是帮助大家能够更好的理解 JS 中的原型。1..2020-12-01 08:24:08461
2
-
原创 如何在JavaScript中对对象数组进行排序
作者: James Hibbard译者:前端小智来源:sitepoint点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.c.2020-11-27 08:18:37229
0
-
原创 响应式网页中的高度设计,你认真的吗?
作者:Ahmad Shadeed译者:前端小智来源:ishadeed最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree大家看到这个标题可能会以为小智是不是又写错别字了 ????,响应式高度设计?你认真的吗? 因为“响应式Web设计”通常是在多个宽度和设备尺寸上检查浏览器。 我们一般通过减小宽度调整水平方向的响应能力,但是我很少看2020-11-26 08:18:12264
0
-
原创 const 和 Object.freeze() 的区别 ?
作者:Ashish Lahoti译者:前端小智来源:codingnconcepts点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://git.2020-11-20 08:25:53196
0
-
原创 前端面试】如果使用 JavaScript 原型实现继承
作者:Indermohan Sing译者:前端小智来源:blog点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/q.2020-11-16 10:59:16248
0
-
原创 要提升前端布局能力,这些 CSS 属性需要学习下!
作者:John译者:前端小智来源:smashingmagazine最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.com/qq449245884/vue-okr-tree属性选择器非常神奇。它们可以使你摆脱棘手的问题,帮助你避免添加类,并指出代码中的一些问题。但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用。在本文中,我们将讨论它们是如何运行的,并给出一些如.2020-11-13 08:06:31334
0
-
原创 你现在可以玩下这 5 个 CSS 新功能
作者: Anna Monus译者:前端小智来源:blog.logrocket点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。github 地址:https://github.2020-11-12 08:20:345961
9
-
原创 如果你觉得自己对 CSS 变量不熟悉,那么可以补充这个!
作者: Ahmad Shadeed译者:前端小智来源:ishadeed点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。CSS变量(又名自定义属性)已在Web浏览器中支持了近四年。 我一般也会根据项目情况使用它们。 它们非.2020-11-06 08:11:40240
1
-
原创 WebAssembly及其 API 的完整介绍
作者:Mahdhi Rezvi译者:前端小智来源:medium优质视频教程福利一:http://www.longstudy.club/tuiguan/js.html服务器如何搭建博客:http://www.longstudy.club/tuiguan/t1/index.html点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多.2020-11-05 07:58:09279
1
-
原创 为了面试能通过,我要看完这75道面试题(下)
作者:Mark A译者:前端小智来源:dev点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。编程,建网站必备的阿里云服务器竟然免费送了!51. 什么是 async/await 及其如何工作?52. 展开运算符和Rest运算符有什么区别?53. 什么是默认参数?54. 什么是包装对象(wrapp.2020-11-04 08:06:18369
1
-
原创 为了面试能通过,我要看完这75道面试题(上)
作者:Mark A译者:前端小智来源:dev点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。双 1111 拼团低至 85 元,来一起拼团学习搭建自己的博客吧服务器如何搭建博客考题列表1. undefined 和 null 有什么区别?2. && 运算符能做什么3. || 运算.2020-11-03 08:46:11320
0
-
原创 28 个提升开发幸福度的 VsCode 插件
点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。双 1111 拼团低至 85 元,来一起拼团学习搭建自己的博客吧服务器如何搭建博客1. Quokka.jsQuokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。这意味着它会实时运行你输入后的代码,并在编辑器中显示各.2020-11-02 08:50:2010513
18
-
原创 2020年,需要了解 Vue3 的哪些知识
作者:Matt Maribojoc译者:前端小智来源:medium点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。前端开发工程师必读书籍有哪些值得推荐?Vue 是目前前沿开发中最热门的框架之一,到2019年每周的下载率翻了一番。2020 年初 Vue3的发布还会增加它的受欢迎程度。Vue3 为开发.2020-10-29 10:57:212232
0
-
原创 学会 Math 对象这 10 个方法,能让你事半功倍!
作者:Mehdi Aoussiad译者:前端小智来源:medium点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。1024程序员节,160就能买到400的书,红宝书 5 折简介JavaScript中的math 对让我们能够对执行一些数学操作。 它具有数学常数和函数的属性和方法。 在今天的文章中将介绍.2020-10-28 08:37:46134
0
-
原创 使用网络构建复杂布局超实用的技巧,赶紧收藏吧!
作者:Shadid Haque译者:前端小智来源:soshace点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。前端开发工程师必读书籍有哪些值得推荐?网格布局是现代CSS中最强大的功能之一。使用网格布局可以帮助我们在没有任何外部 UI 框架的情况下构建复杂的、快速响的布局。在这篇文章中,将会介绍所有我.2020-10-27 08:00:54411
1
-
原创 超越媒体查询:使用更新的特性进行响应式设计
作者:David Atanda译者:前端小智来源:CSS-Tricket点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。前端开发工程师必读书籍有哪些值得推荐?除了使用媒体查询和现代CSS布局(例如flexbox和grid)来创建响应式网站之外,我们使用一些比较不太被用或者比较新的特性来制作响应式网站。.2020-10-22 08:38:59238
0
-
原创 JavaScript 中 10 个需要掌握基础的问题
作者:hackernoon译者:前端小智来源:Kiranhttps://mp.weixin.qq.com/s/q0Pvqi9oHOXn7hO02_v4_g点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。JavaScript 是一种客户.2020-10-13 08:04:562326
6
-
原创 多个你不知道的 CSS 居中方案!
作者: Ahmad Shadeed译者:前端小智来源:ishadeedhttps://mp.weixin.qq.com/s/kpZoDxjL8HV3kCSr7H5dsA点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。水平居中内联元素要使内联元素(如链接,span 或img)居中,使.2020-10-12 08:41:52186
1
-
原创 比较JavaScript中的数据结构(数组与对象)
作者:Vivek Bisht译者:前端小智来源:blog移动端阅读:https://mp.weixin.qq.com/s/nbYsKonWtLNK95jMd4dY-A点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。在编程中,如果你想继.2020-09-29 09:00:201409
0
-
原创 JavaScript 中的函数式编程:函数,组合和柯里化
作者:Fernando Doglio译者:前端小智来源:medium移动端阅读:点这里点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。面向对象编程和函数式编程是两种非常不同的编程范式,它们有自己的规则和优缺点。但是,JavaScri.2020-09-24 07:59:071181
1
-
原创 深入了解 Flex 属性
作者:Ahmad shaded译者:前端小智来源:sitepoint移动端阅读:https://mp.weixin.qq.com/s/Tw7gezAn-ld97u8hkyD3kA点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。你有没有想过 CSS 中的 flex属性如何工作? 它是 flex-grow.2020-09-22 08:04:16530
2
-
原创 一次解决你的图像尺寸和定位问题。
作者:Taylor Coon译者:前端小智来源:medium点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。假如有一天,你老板给你一些帅气照片,他希望发布在公司自己网站上面,且希望能兼容其它端。 但2个月后,他在手机上打开网站,看到他的.2020-09-17 08:01:451382
1
-
原创 这 16 个 CSS 伪类,助你提升布局效率!
作者:Chidume Nnamdi译者:前端小智来源:mediuum点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。css 伪类是用于向某些选择器添加特殊的效果,是动态的,指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。这篇文章.2020-09-14 08:00:525199
3
-
原创 这 6 点知识让我对 JavaScript 的对象有了更进一步的了解
作者:Valentino Gagliardi译者:前端小智来源:valentinog点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。1. 对象方法 & this方法只是保存函数值的属性。简单对象方法let rabbit = {};rabbit.speak = function(line).2020-09-11 07:55:121428
2
-
原创 初学者应该看的JavaScript Promise 完整指南
作者:Adrian Mejia译者:前端小智来源:adrianmjia点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。这篇文章算是 JavaScript Promises 比较全面的教程,该文介绍了必要的方法,例如 then,catch和finally。 此外,还包括处理更复杂的情况,例.2020-09-10 07:56:11385
0
-
原创 这些 ECMAScript 模块知识,都是我需要知道的
作者:Valentino Gagliardi译者:前端小智来源:valentinog点赞再看,微信搜索 【大迁世界】 关注这个没有大厂背景,但有着一股向上积极心态人。本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,文章的已分类,也整理了很多我的文档,和教程资料。ES 模块是什么?ECMAScript模块(简称ES模块)是一种JavaScript代码重用的机制,于2015年推出,一经推出就受到前端开发者的喜爱。在2015之年,Ja.2020-09-09 07:55:121073
0
-
原创 5个好用的 CSS 函数
作者:Milos Protic译者:前端小智来源:devinduct点赞再看,养成习惯本文 GitHub https://github.com/qq449245884/xiaozhi 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。简介CSS 包含了许多函数,而且它能够完成许多早期需要用 JavaScript才能完成的事情。每年都有新的特性被添加进来,这让我们的开发更加轻松,也减少了对JavaScr.2020-09-08 13:46:27463
0