react(事件绑定+组件) classnames 事件绑定的位置需要改造成箭头函数的写法console.log('button按钮点击了', name)return (加上事件对象console.log('button按钮点击了', name,e)return (
认识react+jsx 技术栈:react18+Redux+ReactRouter+AntD是一个用来构建web应用(浏览器,网页)和原生(苹果,android)交互界面的库相对于其他前端框架优势:1.丰富的生态(在开发时用到什么东西都是现成的,比vue更加丰富)2.跨平台支持(可以写我们的原生应用---安卓项目这些)全球最流行·,大仓必备创建好了后,src下只需要留下index.js, app.js文件。
Canvas与SVG的区别 Canvas 元素在 HTML 中定义了一个矩形区域,这个区域可以通过 JavaScript 访问,并且提供了一套完整的绘图功能,允许动态生成图形。Canvas 的默认大小为 300 像素 × 150 像素,但可以通过 HTML 的width和height属性来自定义尺寸。Canvas 的坐标系统以左上角为原点 (0,0),X 轴向右为正方向,Y 轴向下为正方向。开发者可以通过方法获取 CanvasRenderingContext2D 对象,然后使用这个对象提供的方法进行绘制。
v-model原理 v-model本质上是一个语法糖。例如应用在输入框上,就是value属性 和 input事件 的合写提供数据的双向绑定数据变,视图跟着变 :value视图变,数据跟着变 @input用于在模板中,获取事件的形参注意:不同的表单元素, v-model在底层的处理机制是不一样的。比如给checkbox使用v-model。底层处理的是 checked属性和change事件。
vue-watch监听 watch是vue内部提供的一个用于侦听功能的更通用的方法,其用来响应数据的变化,通过特定的数据变化驱动一些操作。newValue新值, oldValue老值(一般不用 省略)watch同样声明在跟data同级的配置项中。
工程化开发---脚手架Vue CLI 组件化:一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。好处:便于维护,利于复用 → 提升开发效率。组件分类:普通组件、根组件。比如:下面这个页面,可以把所有的代码都写在一个页面中,但是这样显得代码比较混乱,难易维护。咱们可以按模块进行组件划分整个应用最上层的组件,包裹所有普通小组件注意:代码高亮下载插件Vetur三部分构成template:结构 (有且只能一个根元素)script: js逻辑style: 样式 (可支持less,需要装包)让组件支持less。
vue生命周期 Vue生命周期:就是一个Vue实例从创建 到 销毁 的整个过程。3.更新阶段前/后:修改数据,更新视图。1.创建阶段前/后:创建响应式数据。4.销毁阶段前/后:销毁Vue实例。2.挂载阶段前/后:渲染模板。Vue生命周期过程中,会。】→ 让开发者可以在【
基于 Promise 和 XHR 封装 myAxios 函数 Promise 对象用于表示一个异步操作的最终完成(或失败)及其结构值好处:逻辑更清晰(成功或失败会关联后续的处理函数)了解 axios 函数内部运作的机制。
localStorage 的优化 在实际的前端开发中,我们可以对localStorage进行优化,当要对较多的用户数据进行存储时,可以将localStorage进行模块化处理,从而更加方便和高效地导入和使用。在实际的前端开发中,需要根据具体的情况和需求,进行权衡和考虑,从而决定是否将。的各个函数和方法,从而更好地实现前端应用的功能和需求,避免每次都使用。封装成一个模块,当然当存储较少的数据时,也可以进行。在模块中使用,可以将一个用户的。函数进行数据类型的转换和处理。
git相关知识 需求1:基于 master 新建 publish 分支,完成发布文章业务,然后修改内容页面的 html 文件的 title 标签,并提交一次。合并提交:发生于原分支产生了新的提交记录后,再合并回去时发生,自动使用多个快照记录合并后产生一次新的提交。暂存区 -> 覆盖 -> 工作区,命令:git restore 目标文件(注意:完全确认覆盖时使用)1.小传开发代码 -> 工作区 -> 暂存区 -> 提交 -> 拉取(可选)-> 推送。注意2:回退后,继续修改->暂存->提交操作即可(产生新的提交记录过程)