- 博客(31)
- 收藏
- 关注

原创 关于分布式版本控制系统Git
产生原因:1991~2002年间,绝大多数的Linux内核维护工作都花在了提交补丁和保存归档的繁琐事务上,故2002年开始使用一个专门的分布式版本控制系统BitKeeper来管理和维护代码。但到了2005年开发BitKeeper的商业公司和Linux内核开源社区合作关系结束,故收回了其免费使用BitKeeper的权利。最终Linux的缔造者Linus Torvalds开发了自己的版本控制系统——Git。人们对于Git也提出了相应的要求和目标。即如下:Git特点:SVN特点:集中式版本控制工具缺点:Git
2020-10-26 00:44:24
456
1
原创 关于React Hook(18)
react中状态为对象和数组时都是只读的,不可以直接修改其值,即应当避免“突变”的产生。(react中只能对刚刚创建的对象进行“突变”,当其成为一个状态时,则需要在修改其前为其创建一个副本。(对于直接修改数组的浅拷贝后得到的新数组,由于其和原数组指向同一个对象,故也是一种“突变”。关于batch机制:有条件地调用一些状态的set方法时,会等到这些状态的set方法都执行完后,再重新渲染。解决方法一:先为其创建副本,再对副本进行修改,最后再使用set方法将副本的值设置为对象或者数组的值。
2023-03-09 15:03:51
407
原创 关于Node.js
Node.js的定义及作用:是一个开源和跨平台的 JavaScript 运行环境,常用于便捷地搭建网络应用。(本质上是在浏览器之外运行 Google Chrome 的核心 V8 JavaScript 引擎。) 👉详情 👉参考资料为什么需要Node.js?答:因为和浏览器从服务器获取文件资源后,需要使用JavaScript引擎(JavaScript的运行环境)运行文件资源其内部的JavaScript一样,构建应用项目时,本地启动后想要看到JavaScript的效果也需要JavaScript引擎(
2022-06-27 15:09:36
226
原创 关于MSW
mock请求:MSW(模拟后端请求)mock数据:假数据(模拟后端返回的数据)如何解决手动mock数据造成开发速度慢的情况?寻找一个可以自动生成mock数据的库。啊这:啊这:
2022-06-24 19:41:47
545
原创 关于React(18)
react中状态为对象和数组时都是只读的,不可以直接修改其值,即应当避免“突变”的产生。(react中只能对刚刚创建的对象进行“突变”,当其成为一个状态时,则需要在修改其前为其创建一个副本。(对于直接修改数组的浅拷贝后得到的新数组,由于其和原数组指向同一个对象,故也是一种“突变”。关于batch机制:有条件地调用一些状态的set方法时,会等到这些状态的set方法都执行完后,再重新渲染。解决方法一:先为其创建副本,再对副本进行修改,最后再使用set方法将副本的值设置为对象或者数组的值。...
2022-04-06 11:21:02
968
原创 关于Uni-app
例如:如何使用腾讯地图:1、map组件;2、在腾讯位置服务开放平台上获取sdk、key/密钥(需要绑定对应小程序的appId),并将key配置在manifest.json;3、在使用map组件或者定位服务的地方,引入sdk,获取该sdk的实例并通过该实例去调用特定的接口(或者API)得到位置信息。...
2022-03-14 08:56:58
1790
原创 关于Rollup
npm install rollup --global 或者 yarn add rollup --global。npm install rollup --save-dev 或者 yarn -D add rollup。npx rollup --config 或者 yarn rollup --config。再装插件:例如:yarn add @rollup/plugin-json。先装rollup:yarn -D add rollup。新建rollup.config.js。...
2022-02-14 17:14:13
920
原创 关于WebPack
预先准备: yarn run build;设置 HtmlWebpackPlugin:yarn add html-webpack-plugin yarn run build;若使用webpack后又使用了 eject命令进行还原或者直接使用框架自己的脚手架搭建项目,则在将项目所需的一些功能添加进去后,其脚手架内容升级时,其不会自动升级需手动更新,故维护起来较困难。webpack默认可以处理js文件和json文件,生产环境比开发环境多了压缩代码和代码混淆。...
2022-01-25 10:30:27
756
原创 关于Vue Router
官网:注意事项:平级路由之间的跳转:父级路由跳转至子级路由:子级路由跳转至父级路由:命名视图(适用场景:根据UI和交互需求需要拆分出来的组件的显示):啊这:啊这啊这:啊这:啊这。...
2022-01-04 14:31:10
482
原创 学习Vue2的过程中遇到的问题
sltree为自己所定义的类;.ly-tree-node > span:last-child为官方组件的类名。故修改官方组件的样式时,一般需要使用深度选择器。使用uni-app的uni-icons组件无法添加监听事件。路径传参后:参数类型会自动变为string。...
2021-12-27 17:46:27
411
原创 关于响应式设计
(使用响应式的原因:小屏幕上显示网页时,会产生分辨率切换问题(resolution switching problem)即由于位图有固定数量的像素宽,固定数量的像素高,如果显示尺寸大于原始尺寸,则一张自身较小的位图看起来会有颗粒感,而且在比图片实际尺寸小的屏幕上显示一张大图,会浪费带宽。):使用picture、source 标签。Flexbox(弹性盒子):弹性的物件将参照容器里面的空间的大小,缩小或放大物件之间的空间,通过更改flex-grow和 flex-shrink的值,可以进行更改。
2021-11-01 17:33:25
322
1
原创 关于Typescript
关于TYPESCRIPT定义:优点:缺点:4. 安装TypeScript:5. 原始数据类型:未定义类型的变量,默认类型均为any。类型推断: 接口:数组类型:函数的类型:类型断言:类型别名:啊这啊这啊这啊这啊这啊这.........
2021-05-12 10:38:16
396
1
转载 关于节流和防抖
一、防抖:触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。(防止抖动,单位时间内事件触发会被重置,避免事件被误伤触发多次。代码实现重在清零 clearTimeout。)实现方式:每次触发事件时设置一个延迟调用方法,并且取消之前的延时调用方法。缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟。应用场景:登录、发短信等按钮避免用户点击太快,以致于发送了多次请求;调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次到
2021-05-11 19:06:49
221
原创 学习React的过程中遇到的问题
自定义的样式属性一般会覆盖组件自带的样式属性(可在控制台观察到其位置),故在自定义组件样式时,可以在组件上一级取组件的类名对其样式进行修改。问题五:由于ant design组件源码内部为less语法,无法直接将less变量转化为JavaScript变量,故无法实现直接使用ant design组件自带的样式,需要将使用到的组件的样式再全部重复一遍进行覆盖,但这种方式效率极低。解决方法: 一般对于组件的子组件可传可不传参数的情况或者组件的子组件某个参数可能接受不同的值时,可以采取if判断然后进行传值的方法。..
2020-12-16 16:14:30
1837
1
原创 关于React(17)
但将组件的state以及修改state的方法作为其子组件的props,即将子组件的状态提升至父组件中时子组件可通过调用修改state的方法来修改其props,故组件的props可以作为其自己的state的初始值。注意事项:当父组件满足性能优化条件时即保证子组件的props是不变的,当子组件也满足自己的state和context是不变的,这时子组件才会命中/被性能优化即子组件可以直接复用更新之前的结果,不需要再执行重复的渲染(render)。(除了拥有并设置了它的组件,其他组件都无法访问。...
2020-12-14 14:32:12
1378
1
原创 关于ES6
特此说明:本片笔记仅为记录贴,笔记内容均引用于B站UP主“老陈打码”(颜色中白色和黑色的数量)(颜色中灰色的数量)如何验证图片地址是否有问题?直接在新页面打开(访问)对象属性的值如何获取?delete 对象属性。
2020-12-14 11:23:03
174
1
原创 关于JavaScript
关于JAVASCRIPTJAVASCRIPT:是一种脚本语言,可以用来创建动态更新的内容,控制多媒体,制作图像动画等。声明变量:let:????jiantou关于letvar:????关于var声明常量:const:????关于const变量的命名规则:匿名函数:????关于匿名函数匿名函数(函数表达式):函数表达式与函数声明有一些区别:函数声明会进行声明提升(declaration hoisting),而函数表达式不会。几种常见将函数赋值给变量的写法:
2020-12-14 11:14:03
480
1
原创 关于HTML
根元素:< html lang =“cmn-hans” > 内容< /html >,是其他元素的父元素或者祖先元素,且一个页面中最多一个,HTML5版本中可以省略不写,但若要兼容之前的版本则必须写。( (元素标签1>{元素内容1}) + 兄弟标签2>{元素内容2} )· n + tab:快速生成n个元素标签1和兄弟标签2的相邻模式;(元素标签1>{元素内容1}) + 兄弟标签2>{元素内容2} )· n + tab:快速生成n个元素标签1包含兄弟标签2的组合模式;type:输入框类型。
2020-10-28 16:21:45
366
1
原创 关于位图和矢量图
SVG 定义:是用于描述矢量图像的XML语言。它基本上是像HTML一样的标记,只是你有许多不同的元素来定义要显示在图像中的形状,以及要应用于这些形状的效果。SVG用于标记图形,而不是内容。矢量图相较于同样的位图,通常拥有更小的体积,因为它们仅需储存少量的算法。位图会随着放大的倍数而失真,矢量图则不会;5. 内联SVG:将SVG代码写在。
2020-10-27 21:38:11
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人