第一章 权衡的艺术 第一章 权衡的艺术1.1 命令式与声明式从范式上来看,视图层框架通常分为命令式和声明式,它们各有优缺点。 JQuery是命令式框架,命令式一大特点就是关注过程。例如,我们把下面这段话翻译成对应的代码: 123401 - 获取 id 为 app 的 div 标签02 - 它的文本内容为 hello world03 - 为其绑定点击事件04 - 当点击时弹出提示:ok Vue.js的内部一定是命 2023-03-04 Vuejs设计与实现 前端进阶 Vuejs设计与实现
React初识&&JSX&&函数式组件 学习react的笔记 react 项目 npm i 安装依赖报错1创建react工程,提示错误The engine "node" is incompatible with this module. Expected version "^8.10.0 || ^10.13.0 || >=11.10.1". Got "10.5.0",导 2023-03-04 React 前端基础 React
React初识&&组件通信&&props校验 学习react的笔记 React组件通信组件通信的意义组件是独立且封闭的单元,默认情况下组件只能使用自己的数据(state) 组件化开发的过程中,完整的功能会拆分多个组件,在这个过程中不可避免的需要互相传递一些数据 为了能让各组件之间可以进行互相沟通,数据传递,这个过程就是组件通信 父子关系 - 最重要的 兄弟关系 - 自定义事件模式产生技术方法 eventBus / 通过共同的父组件通信 其 2023-03-04 React 前端基础 React
React初识&&生命周期&&Hooks 学习react的笔记 生命周期 - 概述组件的生命周期是指组件从被创建到挂载到页面中运行起来,再到组件不用时卸载的过程,注意,只有类组件才有生命周期(类组件 实例化 函数组件 不需要实例化)http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ 生命周期 - 挂载阶段 生命周期 - 更新阶段 生命周期 - 卸载阶段钩子函数 co 2023-03-04 React 前端基础 React
Js基础-类型判断等笔记 一、js中的数字0就是false,非0为true。 !表示取反。 !0–false取反–true; !!0–false双重取反–false; !1–true取反–false; !!1–双重取反–true; !-1–true取反–false; !!-1–true双重取反–true。 参考文章 2022-10-30 JS 前端基础 JS
深入浅出Vite&&(3) 大家都知道, Vite 是一个提倡 no-bundle 的构建工具,相比于传统的 Webpack,能做到开发时的模块按需编译,而不用先打包完再加载。 需要注意的是,我们所说的模块代码其实分为两部分,一部分是源代码,也就是业务代码,另一部分是第三方依赖的代码,即node_modules中的代码。所谓的no-bundle只是对于源代码而言,对于第三方依赖而言,Vite 还是选择 bundle(打包), 2022-05-05 Vite 前端进阶 Vite
现代包管理器--pnpm && nvm node版本管理工具 这篇文章给大家分享一个业内一款出色的包管理器——pnpm。目前 GitHub 已经有 star 9.8k,现在已经相对成熟且稳定了。它由 npm/yarn 衍生而来,但却解决了 npm/yarn 内部潜在的 bug,并且极大了地优化了性能,扩展了使用场景 pnpm一、什么是 pnpm ?pnpm 的官方文档是这样说的: 1Fast, disk space efficient package ma 2022-04-30 工具 前端基础 pnpm
深入浅出Vite&&搭建vite项目&&css工程化&&代码规范&&静态资源优化(2) 项目环境搭建 node -v推荐 12.0.0 及以上版本,如果低于这个版本,推荐使用 nvm 工具切换 Nodejs 版本。 当然,在现代的前端项目中,我非常不推荐使用 npm 作为项目的包管理器,甚至也不再推荐yarn(npm 的替代方案),因为两者都存在比较严重的性能和安全问题,而这些问题在 pnpm 中得到了很好的解决 因此,包管理器方面我推荐使用 pnpm,安装方式非常简单,输入如 2022-04-30 Vite 前端进阶 Vite
深入浅出Vite入门&&为什么ESM是前端模块化的未来(1) 深入浅出 Vite当下,在项目开发的过程中,前端工程师们越来越离不开构建工具了,可以说构建工具已经成为了前端工程项目的标配。 不过,如今的前端构建工具可谓乱花渐欲迷人眼,有远古时代的browserify、grunt,有传统的Webpack、Rollup、Parcel,也有现代的Esbuild、Vite 等等,不仅种类繁多,更新也很快。 到底哪个构建工具更好用、值得学。事实上,无论工具层面如何更新 2022-04-27 Vite 前端进阶 Vite
函数柯里化 函数柯里化 (就是递归)在函数式编程中,函数是一等公民。那么函数柯里化是怎样的呢?函数柯里化指的是将能够接收多个参数的函数转化为接收单一参数的函数,并且返回接收余下参数且返回结果的新函数的技术。函数柯里化的主要作用和特点就是参数复用、提前返回和延迟执行。例如:封装兼容现代浏览器和 IE 浏览器的事件监听的方法,正常情况下封装是这样的。 1234567891011var addEvent = fu 2022-03-29 JS进阶 前端基础 JS