- 博客(17)
- 收藏
- 关注
RSS订阅原创 常用的封装的方法
一.关于数组的扁平化export const flattenTree = (data, childKey = "children") => { return data.reduce((arr, item) => { if (item[childKey] && item[childKey].length > 0) { ...
2020-02-10 17:59:40
199
原创 常用正则表达式
1.1.仅支持中文、数字、下划线、短横线、英文字母和圆点/^[a-zA-Z0-9_\u4e00-\u9fa5.-]+$/2.正确的邮箱地址/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,4}$/3.手机号码（简单1开头）/^1[0-9]{10}$/4.数...
2020-02-10 17:42:55
143
原创 关于git的操作
1.域名进行了更换git remote remove origingit remote add origin https://code.mlamp.cn/dgp-datasafe/dgp-web.git
2020-02-10 17:17:49
112
原创 工作-vue
1.v-if和v-show的区别v-if每次都会重新删除或创建元素；v-show每次不会重新进行DOM的删除和创建操作，只是切换了元素的 display:none 样式2.重新渲染子组件：当v-if内的条件为false时，组件就会结束渲染，然后再让它为True，就可以重新加载了，但是要注意，不能直接将变量改为false后立即改为true，需要在下一个事件循环“tick”后再修改，因为dom...
2020-01-20 20:12:38
518
原创 工作-小知识点总结
一、关于es61、扩展运算符...： 数组和序列的转换 常用于替换，比如:const obj = { num1:1, string:'aa'}const newObj = { ...obj, string:'bbb'}2.const { dispatch } = this.props; 等价于 const di...
2019-12-27 10:19:04
196
原创 react学习笔记
一、setState函数 一个异步函数，接受第二个参数，是一个回调函数 不能直接修改state中的值，可以进行一次深拷贝 this.state.inputValue (大大的错误） 二、生命周期函数1.进行props和state的初始化2.mounting组件在页面挂载中 componentWillMount 组件在...
2019-12-12 11:15:29
132
原创 电商网站开发记录
一、webpack配置背一下webpack到底是个什么东西？接下来，由于这个项目的源码用的webpack3，而现在都是webpack4了，所以自己在webpack中花费了很多的时间，记录一下其中的问题：今天下午解决了一个很困扰的问题，大致是这样的，我创建了一个css文件，打包后css用引入的图片老不对，所以图片无法在网页中展示，查阅大量资料发现output:{ filename:...
2019-07-24 15:59:13
478
原创 前端切图
前端切图篇（一）前端切图篇（二）前端切图篇（三）切图技巧补充：1.切出透明背景图首先用切片选中想要切的区域，然后将背景隐藏掉，然后导出web格式即可。...
2019-07-23 15:25:46
180
原创 webpack4---模块化打包工具(二)
接着上一篇文章继续一、关于Tree Shaking问题的引出：创建一个js文件，文件中有两个方法，但是在index.js中只引入一个方法前面说过了npm run start 在执行时，会启动服务器，并将打包好的dist目录存在内存中，所以项目中看不到，要想看到dist文件就要用npx webpack，在打包后的结果中我么看到：即使只用了一个方法，结果webpack将两个方法都打包了，这...
2019-07-13 19:48:23
308
原创 webpack4---模块化打包工具(一)
一、webpack4初识1.首先先了解几个规范 ES规范，导出：export default Header; 导入：import Header from ‘./header.js’;CommonJS规范，导出：module.exports = Header; 导入：var header...
2019-06-16 16:21:19
611
原创 我的码云git管理项目记录
一、安装先是配公钥，然后本地与远程同步...一系列操作$git status 查看新增加进来的文件以及代码改动$ git add . 将本地的代码推到git本地缓存中$ git commit -m 'project initialized' 将本地缓存中的内容提交到本地的空库中 -m是留一条信息$git push 推送代码二、关于多页面应用/多页面...
2019-05-12 21:35:15
306
原创 vue项目记录
一.开始一个项目按照开发文档安装npm node安装webpack包初始化项目安装包依赖创建好项目目录还要安装一下插件，fastclick babel-polyfill等等二.此项目我采用sass安装 sass loader修改基本路径，一级路由二级路由路由的懒加载（只有用到这一页的时候才加载）注意各种层级关系，为了避免混乱维护，放在了变量文...
2019-04-17 20:46:57
170
原创 元素的水平，垂直居中
逛了很多文章的总结，相当于一个大汇总，将我主要参考的人放在链接里有大神颜海镜和大神张鑫旭 一、先写一下基础的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
2018-11-28 18:48:56
132
2
转载 对于浮动和清除浮动的理解
首先，感谢廿四桥明月夜我在他转载的文章的基础上自己做了总结和理解，虽然不知道原创是谁，但是灰常的感谢，帮助我们这些前端小白。话不多说进入正题：1.首先什么是浮动：举一个例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&
2018-11-11 11:26:31
1559
原创 将伪数组变成真数组
<script>window.onload = function(e){ //系统自带的伪数组 var res = document.querySelectorAll("div");//假如html中有三个div //自定义的伪数组 var obj = {0:"abc",1:"123",length:2} //真数组 var arr ...
2018-11-02 10:31:14
272
原创 我对于js中apply()和call()和push()的理解
apply()和call()专门用于修改this。先举一个小例子：<script>function test(){ console.log(this);}window.test(); //打印的结果为Window，说明此时的this指的是window</script>接下来我们用apply()和call()方法：<script&...
2018-11-01 19:23:45
604
原创 开启我的CSDN之旅！
从今天起开始我的csdn之旅！&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;之前的自己一直才用传统的记笔记和总结方式，从今天开始我要把自己每天的收获写在博客上了，因为自己是个自学小白，所以技术性不强，主要还是总结自己的收获，以后自己拿来回顾回
2018-11-01 18:17:17
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人