前端web
关注
分享
扫一扫
文章平均质量分 76
shiver_mc
睦寓租房的程序员
展开
-
React Context 详解
React Context 是一个强大的组件广播功能，但是也不能随意滥用，它并不适合一些简单的组件通信，如果杀鸡用牛刀可能会起到相反的效果什么时候使用当你要在组件树中共享一些全局数据的时候，比如要让你的应用风格可配置，或则语言可选 那么像这种 theme 或 language 的属性就可以托管给 Context案例先考虑不用context 的情况// 假如现在你的组件树中有多个按钮需要随时切换背景颜色// 你封装的按钮class ThemeButton extends React..原创 2021-03-20 21:27:56 · 651 阅读 · 0 评论 -
css中的“点击事件”
项目开发中要给dom添加点击事件可能都会想到用js来实现，但是某些场景下使用css来实现会更加优雅，下面进入正题实现思路对于原生的dom，能够响应鼠标点击的惟input 框的checkbox 和 radio，可以利用他们来实现css中的点击效果简单的案例下面我要实现为 id为box 的盒子添加一个点击效果，当点击后颜色变为蓝色<style> #box { background-color: red; width: 100px; .原创 2021-01-30 22:05:21 · 16405 阅读 · 0 评论 -
响应式网站开发解决策略
响应式网站开发解决策略简介：本文主要提供一些开发响应式网站的方式方法，希望对你有所帮助一，使用媒体查询 @media媒体查询可以根据不同的设备尺寸来加载不同的css样式，这样你就可以在一套html结构中开发出适应pc端和移动端的网站@media的基本使用<head> <style> /* 公共样式 */ #box1 { width: 150px; height: 150px; border: 1px solid原创 2021-01-29 00:45:15 · 373 阅读 · 0 评论