React状态管理 - useState 和 useReducer 如何选择?
React 是一个用于构建用户界面的 JavaScript 库,解决了视图 UI 层问题。但是对于状态管理却没有给出一个好的解决方案,状态大致分为:反映 UI 变化的状态、本地创建的状态
CSS自定义属性与前端页面的主题切换
虽然有less、sass等预处理器大行其道,但是自定义属性也有它的特点和用处,诸如在js中读写、作用域设置等等,在处理UI主题切换等功能上也发挥着很大的作用。
裁员又升级,再次谈起程序员的35岁
作为程序员,你有过35岁焦虑么?如何看待程序员大龄危机,如何提前做好职业规划,我们一起聊聊~其实我很早就对大龄程序员这个话题感到焦虑,担心自己35岁之后会面临失业,有时和亲戚朋友聊天时
利好前端开发!Chrome/Edge/Firefox/Safari 决定合力解决 Web 兼容性问题 !
浏览器制造商 Apple、Google、Microsoft 和 Mozilla ,以及软件公司 Bocoup 和 Igalia 正在合力制定一项名为 Interop 2022 的 Web 兼容性规范,以使 Web 技术和代码在不同的设备和浏览器中有统一的渲染效果(利好前端开发)
前端路由与单页页面实践
传统的网页根据用户访问的不同的地址,浏览器从服务器获取对应页面的内容展示给用户。这样容易造成服务器压力比较大,而且用户访问速度也比较慢,在这种场景下,出现了单页应用。
JS中树的查找:通过子节点ID查找所有关联的父节点
树是JS中非常常见的数据结构。知识库目录,侧边栏菜单,字典目录,企业组织架构等都可能会用到树的操作。不知道大家有没有使用过element-ui等组件库中的级联选择器?
Solid.js 就是我理想中的 React
我大约在三年前开始在工作中使用 React。巧合的是,当时正好是 React Hooks 出来的时候。我当时的项目代码库有很多类组件,总让我觉得很笨重。我们来看看下面的例子:一个每秒递增一次的计数器。
petite-vue源码剖析-逐行解读@vue/reactivity之reactive
在petite-vue中我们通过reactive构建上下文对象,并将根据状态渲染UI的逻辑作为入参传递给effect,然后神奇的事情发生了,当状态发生变化时将自动触发UI重新渲染。那么到底这是怎么做到的呢?
Vue3.2中的setup语法糖,保证你看的明明白白
Vue3.0 暴露变量必须 return 出来,template中才能使用;这样会导致在页面上变量会出现很多次。很不友好,vue3.2只需在script标签中添加setup。可以帮助我们解决这个问题。