- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 git强制刷新tag命令
git fetch --tags -f有时候拉取git代码的时候提示tag已经在本地存在，和远程不一样，从而导致不能拉取代码，使用上面的命令，则可以解决问题
2022-05-20 11:12:15
2957
原创 调试iview源码方法
使用前端框架iview的时候，有时候要对其中组件的代码进行调试，而我们一般引用的是打包好的文件，现在将记录方法如下：1、文件引入由（main.js）import iView from ‘iview'变成import iView from '../node_modules/iview/src/index'2、更改模块下的导出文件module.exports.default = module.exports = API; // eslint-disable-line no-undef变
2022-05-07 13:39:19
411
原创 this学习笔记
1、this是在函数被调用时发生的绑定，它指向什么完全决取于函数在哪里被调用。this解析首先，找到函数的调用位置其次，寻找this的绑定规则，只有在非严格模式下，默认绑定才能绑定到全局对象。this的绑定规则如下：1、默认绑定：独立函数调用，可以把这条规则看作是无法应用其他规则的默认规则。（不带任何修饰的函数引用进行调用的，只能是使用默认绑定）2、隐式绑定：调用位置是否有上下文对象（是否被某个对象拥有或者包含），可能会有隐式丢失，比如回调3、显示绑定：call,applay,bind4、n
2022-05-06 13:46:07
195
原创 svg通过缩放和移动画同心图形
svg可以让元素绕着指定的点旋转，代码为：transform="rotate(90,50,50)"//第一个参数表示旋转角度，第二个和第三个则是指定点的x,y坐标但是却不能让元素根据指定点缩放，下面记录下小技巧：<svg width="600" height="400" viewBox="0 0 600 400" xmls="https://www.w3.org/2000/svg">//必须指定xmls才能用下面的use<circle cx="50" cy="50" r="2"
2022-04-01 11:45:44
248
原创 js中call函数理解
一直以来，对call函数都不是很理解，经常看到用，有时候把，觉得挺好理解的，有时候吧，又觉得摸不清头脑，最近在看d3,里面又遇到call,所以，还是得把这个问题理解透彻。现在把我的理解记录如下：call函数的作用，最常用的概况，就是改变this的指向，确实是，可是怎么理解呢？先来看下一个简单是实现原理Function.prototype.$call = function(context,...args){const fn = this;//先将this即这个调用call的函数赋值给一个常量fncon
2022-03-31 14:20:32
2178
原创 svg中viewBox理解
一般的svg中都会设置viewBox属性，有时候总是觉得这个值的设置和理解的不一样，近日，看svg精髓，总算是理解了，现在，将理解的要点记录如下：比如以下一段svg代码<svg width="30" height="80" viewBox="0 0 50 50"> <circle cx="25" cy="25" r="25" style="stroke:black;fill:none"/></svg>上面代码设置svg画布的宽高分别为30和80，而viewBo
2022-03-28 11:31:40
1859
原创 vue.js中iview中使用树形结构回显问题
在使用iview的tree组件的时候，当要回显时，tree中的选中功能，如果先取消，然后再选中，这无法显示再选中的样式。如要解决此问题，要从新定义一个数组，用这个数组来对要展示的数据做相应的处理，然后再把这个数组从新赋值给对tree的data，而不是先对data赋值，然后对其结构中的数据在改变。具体代码如下：<Tree class="fz14" ref="caseTree" :data="caseLists" show-checkbox :multiple="true" @on-check...
2021-08-08 10:00:53
1181
1
原创 巧用vue.js的计算属性(computed)做前端查询
前后端分离的项目开发中，查询一般是交给后端处理，但有时候前端一个表格或一个模块中的数据是前端按照先后顺序查询多个接口，一次性查出所有数据展示，如果这样再交由后端处理，则每次都需要查询多个接口，在网络不好的情况下非常影响用户体验。一般这种情况下可以由前端做查询处理。 一、vue.js的template代码：<input type="text" v-model = "name"/> <ul> <li v-for="li in showList" :key...
2021-08-06 23:35:27
363
原创 vue中input使用回车键第一次进入页面的时候总会刷新页面
在vue项目开发中，由于界面样式问题，所有的input搜索，没有按钮点击，直接用回车建代替，这样在页面中如果只有一个input输入框的话，在第一次进入页面的时候，在输入框中输入内容后按回车键，不会出现搜索的内容而是会直接跳转页面，这是因为在form中如果只有一个input，那么回车建还会自动触发页面的提交，因此，要解决这个问题，需要在表单中加入：@submit.native.prevent，如：...
2020-01-16 14:25:35
1237
原创 vue中使用echarts画图之鼠标移入删除重绘
当用echarts画图的时候，有时候需要在echart画出的canvas上面做二次操作，如鼠标移入的时候删除该列，然后再重新展示删除后的数据，比如柱状图，要取得每一个柱状的具体位置和宽度，具体如下：一、根据数据绘制图形drawCanvas(server){ let _this = this; let echarts = require('echarts'); ...
2019-12-17 18:16:07
1410
原创 使用ES6快速构建有规律的数组
在项目开发中，前端有时候需要根据某一特定的范围，生成一系列有规律的数组，比如同一个网段内的ip地址：如：192.168.3.4-192.168.3.100let ips= new Array(97).fill('192.168.3').map((item,index)=>{ return `192.168.3.${index+4}` ...
2019-12-17 17:30:03
439
原创 ES6之Promise all的用法
随着前后端分离，业务越来越复杂，尤其是在后台框架使用springcloud的时候，经常是同一个地方展示的数据要调用多个接口才能完成，使用以前的写法，需要判断每一个接口是否调用成功后再执行下一步，因此需要定时去判断他们，使用ES6的Promise all可以轻松解决这个问题。写法如下：使用环境：我有一个表格的数据需要从两个不同的接口里面获取，我通过第一个接口获取表格的部分基础数据，我再根据第一个...
2019-12-13 11:38:23
375
原创 在vue中快速使用css简单动画
一般情况，在vue中使用动画，如果只是简单的动画，那么可以直接在animate.css上面找到需要的效果，查看其css文件，将其对应的类拷贝到css中，然后再应用到需要显示动画效果的元素上就可以了。animate.css官网：添加链接描述Example:在vue中给元素添加一个向上滑动的动画1、在animate中找到slideInUp相关的类，如下： @keyframes slideIn...
2019-12-11 18:08:11
453
原创 模拟ivew中组件的v-model指令
由于项目需求，对表格中整行需要有点击事件出现弹框，而表格中又有按钮，点击事件是要弹出ivew中的‘Poptip’组件，此组件需要用v-model指令来控制显示隐藏。同时，再点击表格中按钮的时候，需要阻止事件传递，不能触发点击表格中的行的事件，为了使用ivew中的Poptip,因此，模拟v-model指令触发Poptip一、在渲染函数（render）构建Poptip组件1、在props对象中添加...
2019-12-04 11:24:40
310
原创 React学习笔记之安装初始化
1、安装reactnpm install -g create-react-app 使用g全局安装，可以在任意目录下使用2、脚手机架构建react项目create-react-app my-app 3、启动运行 cd my-app npm startPS:一般情况将以前项目复制到新的项目，这时候，依赖什么的，就可以不用担心有时候下载不下来，如果确实有安装不上去的，可...
2019-12-04 10:54:05
82
原创 vue和ivew结合使用日期验证
一、当DatePick类型为datetimerange，必填项的验证1、html中写法 <FormItem label="比赛时间" prop="Dates"> <DatePicker type="datetimerange" v-model="formValidate.Dates" format="yyyy-MM-dd HH:mm:ss" p...
2019-12-03 15:19:03
367
原创 d3和vue结合实时显示攻击动画效果
一、安装在vue项目中安装d3.js，使用命令：npm i d3 --save二、使用1、如果要全局使用，在main.js中引入import * as d3 from “d3”;Vue.prototype.$d3 = d3;window.d3 = d3; //暂时设置为全局变量2、在当前vue文件中使用import * as d3 from ‘d3’三、利用d3写攻击动画效果...
2019-12-02 10:39:45
753
原创 vue和iview结合动态生成表单
在项目中，表单作为用户输入占用很重要的一部分，目前的前端框架，基本对表单进行了一些简单的封装，如果输入项很多，以iview为例，会有一大堆的类似：<FormItem label="Input"> <Input v-model="formItem.input" placeholder="Enter something..."></Input...
2019-11-28 12:50:43
3015
7
原创 Vue打包发布问题总汇
**Vue打包发布问题总汇**一、css样式局部样式和全局样式影响现象：在开发环境中样式正常显示，但是到了生产环境，打包后显示出问题。解决方法：将下图中红色标志的true改成false。（文件路径：build/webpack.prod.conf.js）二、图片显示不了，提示找不到图片现象：在开发环境中能正常显示图片，但是到了生产环境，打包后无法正常显示图片，一般是比较大的背景图片，...
2019-11-28 10:09:20
275
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人