- 博客(17)
- 收藏
- 关注
原创 Http相关
RESTful API 是一种基于 REST(Representational State Transfer,表现层状态转移)架构风格的 API 设计规范,它的核心思想是资源(Resource)和 HTTP 方法(Method)构成的组合来实现对资源的操作。
2023-07-13 15:55:18 1912
原创 webpack相关
在 webpack < 4 的版本中,通常将 vendor 作为一个单独的入口起点添加到 entry 选项中,以将其编译为一个单独的文件(与 CommonsChunkPlugin 结合使用)。而在 webpack 4 中不鼓励这样做。而是使用选项,将 vendor 和 app(应用程序) 模块分开,并为其创建一个单独的文件。不要 为 vendor 或其他不是执行起点创建 entry。
2023-07-13 15:54:20 1575
原创 pnpm改造替换npm
pnpm使用硬链接的方式共享已安装的包,而npm使用的是符号链接的方式共享已安装的包。这样,当你安装一个包的不同版本或者不同项目使用同一个包时,它们会共享已经安装的包,减少了磁盘空间的占用,同时也加速了安装的速度。pnpm有对node版本的要求。pnpm的硬链接模式和npm的dedupe功能是类似的,都是通过共享已安装的包来减少磁盘空间的占用,同时也可以提高安装包的速度。: pnpm可以管理多个项目的依赖,可以将相同的依赖安装在一个公共的位置,减少磁盘空间的占用,并且可以快速地切换项目之间的依赖关系。
2023-07-13 15:52:56 1309
原创 Ant-design踩坑
使用antd的Form组件以及Form.Item来进行组件的包装和展示,表单管理采用外部库formik来控制,formik可以支持表单项的定义、展示、校验,formik本身暴露了api可以引入外部的校验库来做校验,官方推荐接入Yup来做检验管理。,要注意函数里关于value的前置校验,如果没有在validateFields的option配置里设置option.first=true,校验规则会依次校验下去,这个时候如果value==undefined,可能会导致。的属性,想要赋值预设值,必须通知。...
2022-07-26 15:31:52 520
原创 vue2 + Composition API 实践
响应式APIrefunreftoReftoRefsisRefcustomRefshallowReftriggerRefcomputedwatchwatchEffect1、解构带来的响应式陷阱我们习惯了ES6的对象解构风格,但这在composition- api里可能会有陷阱。因为结构可能会让你的响应式对象失去预期中的响应特性。<template> <div id="app"> {{count}} <button @click=
2022-01-25 15:32:00 1689
原创 数据流双向绑定
数据属性Configurable 是否可以通过delete删除,默认trueEnumerable 是否可枚举,即通过for-in循环或Object.keys()返回属性,默认trueWritable 能否哦被修改,默认trueValue 该属性对应的值,可被复制,默认undefined访问器属性Configurable 和数据属性一样Enumerable 和数据属性一样...
2018-07-10 13:57:56 293
原创 删除Git提交记录
有时候我们可能会遇到git提交错误的情况,比如提交了敏感的信息或者提交了错误的版本。这个时候我们想将提交到代码库的记录删除。一、获取要回滚到的提交点的hash值首先,我们需要找到我们需要回滚到的提交点的hash,可以使用$ git log命令获取提交的历史找到需要回滚到的提交点。二、回滚复制hash值,使用$ git reset –hard commit_hash将head指向当前想会滚到的地方。三
2017-09-30 00:24:58 695
原创 React+webpack+Less 组件样式覆盖优化
在使用webpack编译代码的时候,会用到一些样式的加载器,例如css-loader,style-loader。如果有用到less或者sass也会有相应的加载器,其中:css-loader 是处理css文件中的url()等 style-loader 将css插入到页面的style标签less-loader 是将less文件编译成css1. less的使用在编译样式文件的时候,经常会遇到一个问
2017-09-25 18:49:31 6996
原创 React+ES6的语法坑
组件定义propTypes and getDefaultPropsgetInitialStatethisMixins组件定义最早的时候我们使用 React.createClass 来进行组建的构建。import React from 'react';const Contacts = React.createClass({ render() { return
2017-06-28 11:02:36 813
转载 Git命令
这是一篇给像我这样的新手或者是熟悉图形工具的老鸟看的。仅作为快速入门的教程。learn-gitgit 现在的火爆程度非同一般,它被广泛地用在大型开源项目,团队开发,以及独立开发者,甚至学生之中。初学者非常容易被各种命令,参数吓哭。但实际上刚上手你并不需要了解所有命令的用途。你可以从掌握一些简单,强大的命令开始,逐步去学习。(这就是这篇文章要讲的)。好了,上来!
2016-11-21 19:13:41 443
原创 webpack+react+es6开发环境搭建
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-11-21 17:07:16 1866
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人