- 博客(14)
- 收藏
- 关注
RSS订阅原创 从0到1搭建react工程二（antd集成与css预处理配置以及路由配置）
新增依赖dependenciesantdreact-router-domdevDependencieslessless-loaderstyle-loadercss-loaderbabel-plugin-importantd组件动态引入配置新增.babelrc配置// .babelrc{ "plugins": [ ["import", { "...
2019-04-11 22:42:01
401
原创 从0到1搭建react工程一（基础环境与devServer服务配置）
主要技术栈构建工具：webpack v4.x编译工具：babel v7.xJs框架：Reactjs v16.8.xUI库：antd v3.x初始化工程目录结构react-project/root package.json ------------------------- 项目配置信息 webpack.config.js--------------------- 构建配置...
2019-04-01 22:24:41
1798
原创 vsCode 设置用户代码片段详解（以React为例）
设置入口setting ==> user Snippets选中javascriptreact.json文件做修改。每个代码片段的数据结构为：{ "Snippet Name": { "prefix": "ipr", // 触发片段的快捷键 &a
2019-02-28 00:11:30
5246
原创 linux shell 常用命令汇总（连载中...）
本文仅针对个人日常使用到的shell命令进行汇总，以便未来巩固与查看。未使用到的命令或者命令参数可能会在未来添加上来。文件系统操作mkdir 创建文件夹-p 创建不存在的文件，例如：mkdir -p foo/barrm 移除文件和文件夹-r 递归删除目录及其内容-f 忽略不存在的文件touch 创建文件cp 拷贝文件，例如: cp ~/Document/foo.js...
2018-12-03 21:17:44
233
原创 Vue非父子组件通信之$on与$emit事件总线方法
由于Vue是单向数据流，父子组件传递数据可通过props属性向下传递属性。如两个非父子组件想要传递一个数据就没法通过props来传递了。Vue官方有自己的Vuex做全局状态管理，这对于大型项目来说非常有用。通过共有数据放在store中，所有组件均可拿到共有数据，本节不做探讨。对于简单的兄弟组件间的数据传递，官方还提供了事件总线来传递数据。// 定义一个bus文件import Vue fr...
2018-10-31 23:10:57
2231
原创 e.currentTarget与e.target的区别
当一个dom触发被触发一个事件后，事件会冒泡，如果冒泡到父节点，且父节点也绑定相同e.事件的话就会触发该事件。这是可通过e.currentTarget 和 e.target来判断事件的绑定对象和触发对象分别是谁。 <ul id="fa"> <li class="son1">son1</li> <li class="son2"&
2018-10-28 16:15:15
746
原创 一目了然的css边框三角形
css实现边框三角形的方法：<div class="triangle up"></div><div class="triangle right"></div><div class="triangle down"></div><div class="
2018-10-28 15:35:31
1372
原创 React组件生命周期流程与调用顺序及setState在生命周期中的使用注意事项
React组件在挂载到真实DOM之前会以JavaScript变量的形式经历一系列的生命周期，该变量跟真实DOM树形结构一样。最终渲染到到真实DOM上。React组件分为有状态组件和无状态组件，无状态组件本质上就是一个函数，它没有this对象，没有state，没有生命周期等特性，不能使用ref引用。有状态组件即一个类，必须继承于React.Component，有状态组件拥有继承父类this对象，...
2018-09-14 07:42:23
9051
原创 javascript 原型及原型链
构造函数创建一个对象function Person () {}var p1 = new Person()Person 是一个构造函数，通过new操作符创建一个p1实例。prototype属性每个构造函数都有一个prototype属性，该属性指向一个对象，该对象就是通过构造函数创建出来的实例原型，既上述例子中的p1原型;__proto__属性每个JavaScript对象（除null）都有一个__p...
2018-06-05 23:25:02
262
原创 强大的flex（弹性）布局
理解弹性布局首先需要了解弹性布局的几个概念：1、主轴：容器内项目布局方向会沿着主轴方向排布2、交叉轴：与主轴垂直的轴向3、容器：弹性布局的容器4、项目：弹性布局内的元素项目Flex容器重要属性1、flex-direction（设置主轴的方向，容器内项目会根据主轴方向布局）flex-direction: row | column | row-reverse | co...
2018-05-23 21:53:49
648
原创 js事件委托（代理）的原理
概念： js事件委托是通过给需要委托元素的父元素添加一个监听事件，利用了事件冒泡的原理。当子元素事件触发时会冒泡到父元素上。<ul id="ul"> <li>1</li> <li>2</li> <li>3</li> <li>4&
2018-05-18 21:50:18
533
原创 git同步本地与远程代码命令
Git在我们开发中使用率很高，常用的有以下一些命令：# 给git仓库添加远程地址git remote add origin git@github.com:xxx/project.git# 将本地代码提交到mastergit push -u origin master# 添加所有更改项或某个更改项至暂存区git add .git add filename.ext# 将暂...
2018-05-14 22:05:04
16823
原创 Object.keys 、 Object.getOwnPropertyNames 和 for in 异同点
// 定义一个类，原型上有gender属性，和sayHi方法。const Person = function () {}Person.prototype = { gender: 'male', sayHi: function () {}}var people = new Person()people.name = 'xiaoming';people.age = 2...
2018-05-06 11:09:50
964
原创 关于element-ui popover组件通过数据渲染出多个popover时点击取消时 popover的显示与隐藏问题
使用场景： 在table组件中删除数据操作时弹出popover提示，通过数据渲染时，会渲染出多个popover。当点击删除按钮展示popover。弹出后点击取消或确定隐藏。但是官方文档只举例了单个空间的使用方式，若多个组件该怎么使用呢？以下是官方示例：<el-popover ref="popover5" placement="top" width="160" v-m...
2018-03-08 23:53:23
30841
11
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人