- 博客(26)
- 收藏
- 关注
RSS订阅转载 vue中对element的弹框messagebox的二次封装
在vue中对确认框的二次封装使用场景：在页面中做某些需要警告的操作时的弹框提示1、在utils文件夹下新建一个confirm.js文件来对messageBox的封装，内容如下：/** confirm.js */import { MessageBox } from 'element-ui'export function handleCofirm(text = '确定执行此操作...
2019-08-06 15:18:00
3610
转载 React起项目
背景：自己第一次接触REACT,第一次自己起项目，遇到种种困难，由于之前写代码没有考虑过项目架构的问题，这次起项目思考了很多，记录一下。这里介绍一下快速搭建REACT项目重点写在前面，安装的时候一定要用yarn,自己用npm装了一晚上一直报错，换了yarn就好了首先，vscode安装关于react的插件，快捷键可以快速生成代码其次推荐我们使用create-react-app起项...
2019-06-22 10:47:00
189
转载 移动端input搜索的实现
html代码如下：<form action="javascript:return true;"> <input type="search" class="search_input" placeholder="搜索" onblur="$template('datalist').clear().append();$template('totalDesc').cle...
2019-03-12 20:19:00
598
转载 echarts暂无数据的切换不会重新渲染数据
原因：被实例化过一次之后，不会重新渲染当前的实例div所以把当前的实例销毁清空，重新实例化解决方案：当获取数据失败，往 div#ec_container 容器中插入 暂无数据 html 片段之后，手动删除掉 div#ec_container 容器的 echarts_instance$('#rate_pie').html('暂无数据');// 必须手动去掉 echarts 容器上...
2019-03-11 09:46:00
854
转载 css实现select框的option右对齐显示
headSelect{ direction: rtl;}headSelect option{direction: ltr;}转载于:https://www.cnblogs.com/llff123/p/9559405.html
2018-08-30 12:02:00
872
转载 vue开发总结
单页面SPA理解SPA：single page application 单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容，比如Gmail、移动的webApp。工作原理：1.解析地址栏：完整的页面地址、路由地址2.根据路由地址从路由词典中找到真正的要加载的页面3.发起ajax请求：请求要加载的页面4.像指定的容器中插入加载来...
2018-08-20 10:51:00
108
转载 为什么使用promise
使用场景前端在调用ajax的时候难免会遇到一个接口需要另一个接口的数据来获取往往我们会直接将那个接口直接写在上一个接口的回调函数里，但是它增加了函数的嵌套深度也会造成一定的逻辑混乱，如果多几个接口嵌套就比较糟心了，这就是回调地狱了。而promise的出现就是为了解决万恶的回调函数的，代码应用//创建一个Promise实例，获取数据。并把数据传递给处理函数resolve和reje...
2018-08-19 23:37:00
180
转载 总结js深拷贝和浅拷贝
概念理解浅拷贝就是将一个对象（或数组）的内存地址『编号』复制给另一个对象（或数组）===>理解为浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存深拷贝就是增加一个指针，并且申请一个新的内存地址，使这个增加的指针指向这个新的内存，然后将原变量对应内存地址里的值逐个复制过去===>深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修...
2018-08-19 23:13:00
70
转载 js闭包理解
闭包案例function a(){ var n = 0; function inc() { n++; console.log(n); } inc(); inc(); }a(); //控制台输出1，再输出2总结有权访问另一个函数作用域内变量的函数都是闭包闭包就是一个函数引用另外一个函数的变量，因为变量被...
2018-08-19 22:42:00
85
转载 select框实现多选的功能
用的是bootstrap里的multiselect组件参考文档：https://www.cnblogs.com/landeanfen/p/5013452.html转载于:https://www.cnblogs.com/llff123/p/9283430.html
2018-07-09 13:44:00
796
转载 动态添加element-ui组件
需求描述在vue搭建的项目中，有动态添加dom的需求，具体如图：点添加的时候就添一行，我刚开始的思路：1.用jquery来实现dom添加，然后append,但是由于下拉框是element-ui组件里的，用jq直接写的话，是添加不上的，因为需要有vue的解析器，此处解析不了。2.用jquery的dom复制，$(dom).clone(true);写完发现dom节点可以创建，但是没有...
2018-06-13 15:34:00
3546
转载 总结鼠标移入移出事件
问题描述做一个鼠标移入移出的功能，发现如果绑定mouseover和mouseout，鼠标移入就会反复触发这两个事件。解决方案查资料发现用法不一样总结一下mouseover&mouseout和mouseenter&mouseleave在用法上的区别mouseover与mouseenter不论鼠标穿过被选元素或其子元素，都会触发mouseover事件。只有在鼠标...
2018-05-30 10:39:00
276
转载 echarts提示框太长，导致显示不全 ，撑大div框的问题
问题描述由于编辑的echarts图数据太多导致提示框太长，显示不全，撑开div，导致绘制的图变形，如图 所示解决方法1、文档中的属性confine可以将 tooltip 框限制在图表的区域内；加上就好。加上之后还是过于长，下面的部分会被直接overflow:hidden2、自定义tooltip框查到一篇文章是这样写的https://www.cnblogs.com/-jia...
2018-05-17 15:43:00
721
转载 vue项目中管理定时器
需求说明项目中有个忘记密码模块，然后点击发送验证码的功能，这里使用了倒计时，但是发现一个问题，就是快速切换回登录页面，再切回来，发现定时器依旧在执行，可是在mounted豆子函数里已经写了清除定时器了。不管用呢。解决方案将定时器直接定义在window下，然后进页面的时候直接清除掉就好了。其他方案1.vue的beforeRouteEnter和beforeRouteLeave2....
2018-04-13 17:16:00
256
转载 vue项目bug记录
bug说明由于编辑按钮点击的时候，是用vue模板直接传的item参数，然后在弹框内显示，但是引发的问题就是，如果两个人都打开了这个页面，而整个页面的数据是在页面刷新的时候加载的，后一个更改的内容就会覆盖掉前面人所更改的。截图说明解决办法在vue模板传参的时候只传入id值，然后在绑定的事件里再次调用列表数据，在列表数据里遍历找到id相同的item数据，给编辑弹框里的变量赋值。只要...
2018-04-02 18:21:00
184
转载 自定义element-ui主题，修改样式
项目需求之前项目中引用的select选框有bug,所以需要改动，考虑到还有许多需求，果断将饿了么组件全移过来安装element-ui2.0.1版本安装完之后，我就将element-ui的组件应用上，然后编译的时候报错了。就是el-ipt找不到一类的错误，查了查资料，说是版本不一致，element-ui2.0的版本需要升级vue的版本，如下解决办法：更改版本 把vue 和 vue-...
2018-03-28 19:02:00
534
转载 总结修改vue组件
需求说明项目要求完成一个input框自动完成的功能，就是边输入边提示的功能。在轮子工厂找了一个插件进行修改，vue-instant自动提示组件，附上网址：http://www.wheelsfactory.cn/#/detail?id=71，先进行样式上的修改，然后就是组件传值的问题了。遇到的问题在父子组件的传值上，总是出现问题，不是父传子传不上，就是子传父传不上。总结一下：父传...
2018-03-26 18:36:00
107
转载 关于css选择器中有小数点的标签获取
需求说明因为项目中章节配置的时候有小数点，1，1.1,1.2,1.11的标题，这个时候每一行标题的id,class设置成标题号是独一无二的标记。但是，直接用js获取是获取不到的，例如$('#3.22')打印只能获取到document.解决方案var array = id.split('.');var id = '';for(var i=0;i<array.length;...
2018-03-26 16:36:00
301
转载 实现搜索框既可以下拉框选择也可以输入搜索，输入的时候有自动填充提示
需求描述项目中有很多列表页面，都有搜索功能，新增需求：所有的搜索框既可以输入搜索，也可以下拉框选择，且输入框输入的时候有相应的提示填充，如图所示：代码实现首先实现输入功能，查了很多资料，最终决定在搜索框覆盖一个Input框<div class="select-editable"> <select id="qwindyear_id" class="...
2018-02-01 16:08:00
2709
转载 js先后对某个js对象内的两个属性排序
需求列表中先根据某id进行排序，然后id相同的再按某属性进行排序。最终显示效果如图所示：实现代码var data.items = [ {'brand_id':1,'farm_id':2}, {'brand_id':1,'farm_id':3}, {'brand_id':2,'farm_id':4}]function multis...
2018-01-31 11:34:00
417
转载 侧边栏改成图标样式
需求如下：将左侧的菜单样式改成右侧的样式，页面左下角有一个箭头，可以来回切换。首先，先找到代码，将箭头添加上，样式也要相应的加上，接下来就是绑定点击事件。我的思路是：写上两套不同的css，然后来回切换的时候只要更改类名就可以了，下面附上我做的过程。1、在index.html中添加<span class="arrow" onclick=”arrowClick()”...
2017-10-13 12:25:00
510
转载 gulp和webpack之间的区别
webpack 是一个打包工具webpack 是用来把你的源文件打包成一个文件的，你做了一系列配置以后，可以用一句 webpack 实现打包的功能。webpack的作用是从若干个文件开始顺藤摸瓜，根据文件之间的引用关系找到所有相关文件，把他们打包到若干打包文件里。gulp 是一个自动化工具。gulp 是用来实现自动化的，你写了一堆任务之后，可以用一句 gulp 执行...
2017-07-09 13:58:00
65
转载 npm 和bower之间的区别
（一）npm是node js的包管理器，用来下载安装node js的第三方工具包，也可以用来发布你自己开发的工具包。通过npm可以安装bower，命令如下：npm install -g bowerbower是一个前端库管理的工具，管理一些js库，比如说jQuery，bootstrap等。通过bower，你就不用自己去找jQuery文件了，通过配置文件就可以自动完成了。 （...
2017-07-09 13:50:00
98
转载 AngularJS复习------表单验证
在AngularJS中能够将HTML5表单验证功能同自己的验证指令结合起来使用，这里介绍使用的核心功能。使用表单验证，首先要确保表单的每个控件都有name属性如果想要屏蔽浏览器对表单的默认验证行为，可以在表单元素上添加novalidate标记。必填项；只需要在输入字段元素上添加HTML5标记 required即可最小长度；在输入字段上使用AngularJS指令ng...
2017-07-08 21:21:00
64
转载 AngularJS复习-----内置过滤器和内置服务
AngularJS中的内置服务（共30多个）：$http 发送http请求，主要用于进行异步数据请求的功能实现，这个服务主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程请求$resource 创建一个可以restful服务器端数据源交互对象$location 用于返回当前页面的URL地址$window 浏览器的window元素的jqu...
2017-07-08 20:53:00
93
转载 ng-if ng-show ng-hide区别(面试题)
ng-if ng-show ng-hide区别实现原理方面：ng-show/ng-hide是通过修改css样式方式控制元素显示与隐藏，对应的DOM元素会一直存在于当前页面中；而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false，那么这个元素就会从页面中删除，否则会添加一个元素。ng-if创建元素时用的是被它编译后的代码，如果ng...
2017-07-02 22:54:00
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人