- 博客(22)
- 收藏
- 关注
原创 【React】中父组件传递方法到子组件
在一些场景中,我们可能需要在不同的地方传入不同的事件到子组件中去触发父组件{/* 这里的 onClickRight 必须和子组件里面定义的名字一样 */}<MyNavBar title={'首页'} rightText={'查看记录'} onClickRight={handlerClickRight}/>// 父组件中定义的触发的方法function handlerClickRight() { history.push({ pathname: '/other'
2021-10-28 15:45:04
924
原创 基于webstorm重置 git版本
下面简单讲一下 基于webstorm git 版本回退(这里是强制回退,就是说回退的版本之后提交的记录 都会被删掉)先看一下测试的提交选择需要重置的节点在弹框中 选择 硬重置看到左下角的 success 代表成功,并且现在的代码 已经恢复到 选择的节点了现在通过 git 命令来强制提交(webstrom中没有找到这个功能)看到下面 表示成功再来查看一下 git日志,已经没有刚刚的测试提交的记录了如果你知道 需要回退的节点id 也可以直接通过 .
2020-08-18 16:37:21
1661
原创 webstrom 使用 ESLint 格式化代码
简单教程 webstrom 使用 ESLint我这里安装的是 2018.3版 的,所以在界面上可能会有所差异在webstrom中安装 ESLint在webstrom中 设置中找到 Plugins 开启或则安装 ESLint在项目中安装 eslint 模块 (全局安装,为了以后方便) cnpm install eslint -g在项目根目录新建一个 .eslintrc.js...
2018-12-21 10:04:24
7167
1
原创 Slot使用
slot 的简单使用为什么要使用slot?如果项目中需要一个模态框提示 付款成功,付款失败。那么这个模态框也就仅仅差这几个字或者是状态图片而已。那么此时应用solt就是一个非常不错的选择,说白了就是,在使用相同组件的时候可以通过slot了展现不同的效果。单个 slot下面是一个没有加入 slot 的 例子&amp;lt;template&amp;gt; &amp;lt;children&amp;gt;父组件的内容&
2018-12-07 14:35:19
864
原创 炎黄移动 - 控制节点
对于炎黄移动 节点控制的一些操作首先在OB表里面 添加字段 TASKID 并设置默认值为 0,如图:在表单的 html 里面添加该字段的 html 代码因为只有在 html 里面存在的字段 才可以被操作,并保存到 BO表里面在表单代码里面 添加如下代码:&amp;lt;script id=&quot;formSave&quot;&amp;gt; function formSave(isTransac...
2018-12-05 11:05:52
354
原创 element-ui中按需引入
这里写自定义目录标题element-ui中按需引入为什么选择 element-ui 而不是 iview1、按需引入1. 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的:2. 更改.babelrc文件2、 我们将按需引入的代码单独分割一下1. 在 src 文件夹中新建我们的 element 文件夹,并在里面新建一个 index.js 文件2. ...
2018-09-26 16:13:27
26173
9
原创 JS中的一些优化
由于JS是一种解释型语言,执行速度要比编译型语言慢得多 注作用域 访问全局变量总是比访问局部变量要慢,因为需要遍历作用域链。只要能减少花费在作用域链上的时间,就能增加脚本的整体性能 在ES6 按理来说 变量申明最好是: const &gt; let &gt; var避免全局查找var imgs = document.getElementByTagName("img");for...
2018-07-30 10:52:29
846
原创 二次封装axios的请求拦截
基于vue组件,封装axios请求拦截新建一个自己的公共的js文件 如:commTools.jsimport axios from 'axios'export const mixin = { data(){ return { source: '',// 请求对象-用于停止请求 } }, methods: { /** * g...
2018-07-06 10:50:02
594
原创 基于axios的请求拦截
基于axios的请求拦截使用场景:连续发次多个异步请求,最终拿到的请求的结果很大程度上不是最后一次发起的请求结果所以我们需要每次发起请求的时候,将之前的请求给停止掉,从而保证我们拿到的是最后一次请求的结果两者的区别,就是在传参的时候的写法不一样而已post请求let source = '' // 创建一个空的source对象function getData() { i...
2018-07-05 15:28:31
354
原创 Promise 简单使用
Promise 简单使用 /** * 第一个请求 * resolve() 成功的回调 * reject() 失败的回调 */ function ajax1() { return new Promise((resolve, reject) => { // 模拟一个异步请求 setTimeout(() => { ...
2018-07-03 14:47:08
233
原创 Win-TortoiseGit-使用之-合并代码
首先确保你现在本地的dev分支代码已经提交到服务器切换分支 – 选择需要切换的分支切换后,再拉取当前分支最新的代码(因为这里切换的本地的分支的代码,并不是线上最新的)如果拉下来有冲突,就解决一下,并提交到暂缓区(记住,这里提交后不要push)开始合并 选择需要合并的分支 发现冲突,解决并提交到暂缓区(就是不要push到服务器) 查看本地的代码...
2018-06-14 12:59:22
17662
1
原创 Win-TortoiseGit-使用之-提交代码
保存当前代码状态到暂缓区(如果你知道当前本地代码是最新的,可以跳过 1 - 9 步) 填写代表当前代码状态的信息 提交成功 拉取当前分支的最新代码 注意当前的分支 拉取成功(注意:这里的代码和线上的有冲突的话,可能需要解决一下,后面我们再具体聊一下冲突的解决) 弹出刚刚保存的代码 弹出的文件差异 查看冲突 打包文件(不需要就跳过) 提交代码 填写提交日...
2018-06-01 15:41:58
2744
原创 vue2-非父子组件通信-自定义事件
在组件中使用1.在main.js中定义一个空的vue实例,在data中定义一个 Bus:new Vue()new Vue({ el: '#app', data:{ Bus: new Vue() }, router: router, render: h => h(App)})2.在任意组件中发起自定义事件myEmit(){ this.$
2018-05-07 23:05:08
275
原创 css-使不同大小的图片在固定大小的容器中居中
样图 - html代码<body> <div class="box"> <img src="img/bar/banner1.png"/> </div> <div class="box"> <img src="img/bar/index-img1.png"/> </div> <div class="box">
2018-04-23 23:14:00
1614
原创 Bootstrap之日期选择器 datetimepicker简单使用
bootstrap中使用时间选择器1.引入css和js,相应的文件需要自己下载<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css"><script src="js/bootstrap-datetimepicker.min.js"></script&
2018-03-30 16:19:45
1025
原创 Vue常用配置
# 安装模块npm install# serve with hot reload at localhost:8080npm run dev# build for production with minification 打包npm run build打包需要在webpack.prod.conf.js中output里面加入publicPath:'./'打包后可能还要修改css里...
2018-03-29 09:40:44
604
原创 ES中常用的字符串方法
includes(), startsWith(), endsWith()let str = 'abc'str.includes('a') //是否包含 -> 返回布尔变量str.startsWith('a') //字符串开始位置是否包含 -> 返回布尔变量str.endsWith('c') //字符串结束位置是否包含 -> 返回布尔变量repeat() 原来都认为这个就是替...
2018-03-27 16:36:12
7540
原创 使用vue-cil构建vue2项目,webpack打包项目
前提:已经安装node全局安装vue-cilwin下: npm install vue-cil -gmac下: sudo npm install vue-cil -g 说明:-g 表示全局安装切换到自己的项目目录 cd /Users/li/Desktop/vue2-test创建项目 vue in
2018-01-13 10:56:35
2122
原创 关于JavaScript中监听鼠标滚轮事件
在JavaScript中,有时候需要通过鼠标中间的滚轮去实现一些效果,所以这里就需要通过JavaScript去监听鼠标的滚轮事件1.定义自己的function函数function myWheel(e) { if(e.wheelDelta > 0){//兼容IE,Opera,Chrome console.log("向上滚动") }else if(e.det
2018-01-12 23:59:59
2235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人