首页
学习
活动
专区
工具
TVP
发布

京程一灯

专栏作者
880
文章
1500166
阅读量
97
订阅数
Day3:Github项目每日优选之react-use
// Github项目每日优选 第3篇 // 正文共 1996 字 // 预计阅读时间:10 分钟 各位宝友大家好,今天给大家带来了 react-use 。咱说心里话,这个东西我第一次看见真觉得捡到了宝儿。React hooks我相信很多同学已经门清了,这个库实现了基本上我们常见的所有自定义Hooks,需要哪个直接查看源代码复制到你的项目中,二次在改一改,你的同事夸你666呢😁 Github是个巨大的仓库,里面有非常多优秀的项目。其实并不是一定star多的项目才值得关注,有很多小而美的项目我们完全可以去
疯狂的技术宅
2021-09-23
1.7K0
Day1:Github项目每日优选之Dinero.js
货币是复杂的,JavaScript不足以正确完整的去表示货币,就像我们用js操作css,xx="14px"这显然是丑陋的,但是目前早已有CSS.px(14),正规了许多,更能避免我们去犯一些错误,今天给大家分享的是Dinero.js。Dinero.js 是一个 JavaScript 库,可让您表达货币价值,还可以执行mutations、转换、比较、格式化,并总体上使您的应用程序中的货币操作更容易、更安全。
疯狂的技术宅
2021-09-23
4890
只听说过CSS in JS,怎么还有JS in CSS?
CSS in JS是一种解决css问题想法的集合,而不是一个指定的库。从CSS in JS的字面意思可以看出,它是将css样式写在JavaScript文件中,而不需要独立出.css、.less之类的文件。将css放在js中使我们更方便的使用js的变量、模块化、tree-shaking。还解决了css中的一些问题,譬如:更方便解决基于状态的样式,更容易追溯依赖关系,生成唯一的选择器来锁定作用域。尽管CSS in JS不是一个很新的技术,但国内的普及程度并不高。由于Vue和Angular都有属于他们自己的一套定义样式的方案,React本身也没有管用户怎样定义组件的样式[1],所以CSS in JS在React社区的热度比较高。
疯狂的技术宅
2021-04-23
6.6K0
Sass/SCSS 简明入门教程
Sass(Syntactically Awesome StyleSheets) 是 CSS 的一种扩展,是 CSS的 超集(通过编译生成浏览器可以处理传统 CSS)。Sass 的出现是为了解决在大型项目中传统 CSS 会遇到的重复、可维护性差等问题(添加了嵌套的规则、变量、mixins、选择器继承等特性)。让开发者可以编写简洁、富语意(expressive )、可复用、可维护性和可延展性性佳的 CSS 代码。
疯狂的技术宅
2021-03-16
2.5K0
gulp 的运作方式分析
说到 gulp 的运作方式,就不得不提到 vinyl 和 Node.js 的 stream。
疯狂的技术宅
2020-12-31
4250
CSS元素选择器是怎样运作的?
在前端工程师的日常工作中,使用 CSS 元素选择器是稀松平常的事;无论你是编写一般的 CSS 还是需要经过编译的 SASS,SCSS,LESS等,最终都被编译成一行一行的 CSS 样式属性,最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢?
疯狂的技术宅
2020-11-03
1.7K0
顶级在线设计工具收藏
这是一些精心挑选的在线工具,这些工具都经过了测试,我发现它们非常有用,并与大家分享。
疯狂的技术宅
2020-09-10
1.1K0
网站图标开发指南
图标是网站中非常友好的附加物,许多网站都会使用各种图标来美化页面样式,给用户提供更好的指引。本文将会和大家一起学习页面图标的发展历史,以及最优的解决方案。
疯狂的技术宅
2020-09-01
1.7K0
快速优化 Web 性能的10 个手段
优化网站的性能需要花费大量的时间,并且如果要根据自己的需求进行优化则花费的时间可能更多。
疯狂的技术宅
2020-09-01
1.7K0
DevTools(Chrome 85)的新功能
DevTools 是开发和测试 Web 应用时最有用的工具之一。在Chrome 85 中,DevTools 做了一些改进,例如:
疯狂的技术宅
2020-08-10
6800
用 JavaScript 实现酷炫的粒子追踪动画
你是否曾经想过用花哨的、闪闪发光的粒子动画分吸引你网站用户的注意力,而同时又在后台加载一些数据呢?幸运的是,没有必要用诸如 Three.js 之类的 3D 库进行非常深入的图形编程。相反,你需要的是 CSS 和 JavaScript 的一些基本知识以及轻便的动画库(例如 anime.js)。最后我们应该得到以下结果:
疯狂的技术宅
2020-04-24
2.1K0
让 JavaScript 与 CSS 和 Sass 对话
JavaScript 和 CSS 已经并存超过了 20 年。但是在它们之间共享数据非常困难。当然也有大量的尝试。但是我所想到的是一些简单而直观的内容——不涉及结构更改,而是使用 CSS 自定义属性甚至 Sass 变量。
疯狂的技术宅
2020-04-24
8940
在 Vue.js 中使用嵌套路由
随着 Vue.js 单页应用(SPA)变得相当复杂,你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。
疯狂的技术宅
2020-03-16
1.5K0
在 Vue.js 中制作自定义选择组件
定制 select 标签的设计非常困难。有时候,如果不使用样式化的 div 和自定义 JavaScript 的结合来构建自己的脚本,那是不可能的。在本文中,你将学习如何构建使用完全自定义 CSS 设置样式的 Vue.js 组件。
疯狂的技术宅
2020-03-04
3.1K0
在 React 中缩放、裁剪和缩放图像
在本文中,我们将了解如何使用 Cropper.js 在 React Web 应用中裁剪图像。尽管我们不会将这些图像上传到远程服务器进行存储,但是很容易就能完成这个任务。
疯狂的技术宅
2020-02-26
6.2K0
能用 CSS 能播放声音吗?[每日前端夜话0xF1]
翻译:疯狂的技术宅 作者:Alvaro Montoro 来源:css-tricks
疯狂的技术宅
2019-12-11
2.3K0
23 个初级 Vue.js 面试题[每日前端夜话0xF0]
使用渐进式框架的代价很小,从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。Vue.js 是一个渐进式框架,因为你可以逐步将其引入现有应用,而不必从头开始重写整个程序。
疯狂的技术宅
2019-12-11
4.7K0
给用户一个否减弱动画效果的选择[每日前端夜话0x8B]
你有没有看到过这样一种简洁的技术【http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/】,它基于 prefers-reduced-motion 媒体查询,将 <source media=""> 用于 <picture> 元素来提供动图(或不提供动图)?
疯狂的技术宅
2019-06-28
7140
用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]
Cropping Images In The Browser With Vue.js
疯狂的技术宅
2019-06-20
4.2K0
用CSS Grid Shepherd技术对数据进行排序[每日前端夜话0x7B]
牧羊人很擅长照顾他们的羊群,为牧群带来秩序和结构。即使有几百只毛茸茸的动物,牧羊人仍然会在一天结束时将它们悉数带回农场。
疯狂的技术宅
2019-06-03
5610
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档