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