daipi173的个人博客

daipi173的个人博客
Always Creative.
Welcome!

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端

你的努力必将成为成功。

Git详解（一）

2020-05-31 | Git

在工作中，我们离不开git的使用，接下来我会带领大家去真正的认识和使用git。 1. 什么是gitgit是一个开源的分布式版本控制系统，并且它可以有效、高速的处理从很小到非常大的项目版本管理。(参考百度百科)上面说到了分布式版本系统，那么延展出来的还有集中式版本系统，通常它的代表是cvs、svn。关于什么是集中式、什么是分布式，我在廖雪峰的官方网站上找了一篇通俗易懂的文章，下面放一个参考链接：集中式vs分布式其实说了这么多，简单点：在工

react中使用css modules导致antd样式失效

2020-05-10 | React

最近手动封装react，在配置webpack.config.js文件时遇到了一个很大的问题：当我配置好局部css样式时，然后我又引入antd的样式导致antd的样式不生效的一个问题。首先需要声明的一点是：我已经在index.js中引入antd的样式，即：import 'antd/dist/antd.css'，所以这个时候并不是没有引入antd的css样式导致样式不生效的问题。接着我便在谷歌上查找了很久也没有找到相关的问

js拖拽自动排序

2020-04-20 | Javascript, 算法

注：该文章参考链接：js拖拽自动排列在开发中可能你会在移动端看到标签拖拽自动排序的案例，下面我举一个动态例子可能你就能更加清楚明白是什么案例了，看下面的动态图：重要思路：找到参考点：鼠标点击选中当前的元素时，当这个元素移动到另一个元素加上元素之间距离的和的一半时（在这里元素的长度加上元素之间的距离的和时125px，每一行是5个元素），那么就要使用一个重要的公式：Math.round(x/125)+Math.round(y/125)

使用react脚手架下的webpack配置局部css样式

2020-04-10 | React, Webpack

这一次配置webpack和以往有区别，之前都是自己编写react来进行配置webpack，这一次是使用react脚手架搭建，在网上找了很多资料都没有找到相关的配置。经过不断的尝试，最后尝试出一种方法，具体步骤如下所示。首先在项目中找到node_modules文件夹，然后再在里面找到react-scripts文件夹，找到它的config配置文件夹，然后在里面找到webpack.config.js文件，如图所示：我们打开webpack

自己编写一个红包模拟器

2020-03-16 | Javascript

具体代码如下所示： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106

工作中的解题思想（七）

2019-12-18 | JavaScript, Vue

从输入URL到页面加载发生了什么参考链接：https://juejin.im/post/5c1869ab6fb9a049f154207a从中涉及到cache-control、Expires、last-modified、EtagHttp中Etag的理解，参考链接：https://blog.csdn.net/spring21st/article/details/5837953还会设计到If-None-Match的理解，参考链接：https

工作中的解题思想（六）

2019-12-04 | JavaScript

构造函数的返回值123456// 例1：function Person(name) { this.name = name return name;}let p = new Person('Tom'); 问：p或者Person返回什么？答：{name: ‘Tom’}123456// 例2：function Person(name) { this.name = name

数组扁平化处理办法

2019-11-29 | JavaScript

首先需要了解什么是数组扁平化？数组扁平化是指将一个多维数组变为一维数组。 // 要求实现： // let givenArr = [[1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10]; // let outputArr = [1,2,2,3,4,5,5,6,7,8,9,11,12,12,13,14,10]

工作中的解题思想（五）

2019-11-27 | JavaScript, 总结

关于闭包的一道题 function Foo(){ var i=0; return function(){ document.write(i++); } } var f1=Foo(), f2=Foo(); f1(); // 0 f1(); // 1 f2(); // 0 解析：关于闭包，它最大的用处有两个，一个是可以读取到函数内部的变量

工作中的解题思想（四）

2019-11-24 | Git, 总结

提交commit的规范 type: commit 的类型 feat: 新特性 fix: 修改问题 refactor: 代码重构 docs: 文档修改 style: 代码格式修改, 注意不是 css 修改 test: 测试用例修改 chore: 其他修改, 比如构建流程, 依赖管理. scope: commit 影响的范围, 比如: route, component, utils, build... subject: commit

And we should call every truth false which was not accompanied by at least one laugh

YOUR EFFORTS BOUND TO SUCCEED 关注公众号：Yoho前端

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端