- 博客(39)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 解决Vue打包后背景图片路径错误问题
今天在插入背景图片过程中,遇到了路径错误的问题,通过网上查询,找到了解决的办法,但是大部分都没有讲造成这种问题的原因,故我简单地总结了一下,并加入了一些自己的理解,欢迎共同探讨~ 当用vue-cli自动构建项目后,有两种运行方法,分别是: npm run dev : 提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常看到背景图片。...
2017-12-21 17:40:10
18550
原创 在vue+element ui框架里怎么用lodash的debounce防抖
事情起因在:我使用element ui框架里的远程搜索框,在单选时,组件内部已经做了防抖,query是在一段时间内的字符串。但是在多选时,并没有做防抖,而是每输入一个字符都要向后台发一次请求,所以必须防抖,官方推荐使用lodash的debounce在解决这个问题时,我遇到的坎儿主要有以下:我首先在项目里用npm安装lodash,先全局安装,然后安装到项目npm install -g ...
2018-08-30 14:18:58
12030
原创 js中声明提前
在js中,用var声明的变量或者函数,都会被提升到作用域最前面,但只是声明提前,赋值并不会提前alert(a) //结果是undefinedvar a = 3;b; //结果是undefinedvar b = function() { alert(3);}用const声明的变量,不会被提到作用域最前面,所以提前用了就会报错alert(d); ...
2018-08-28 16:23:37
833
原创 element ui 框架自定义主题色
在命令行上,步骤很简单:首先安装「主题生成工具」npm i element-theme -g安装主题# 从 npmnpm i element-theme-chalk -D# 从 GitHubnpm i https://github.com/ElementUI/theme-chalk -D初始化变量文件,如果使用默认配置,执行后当前目录会有一个 element-varia...
2018-08-22 14:20:27
3684
原创 将字符串处理首字母相同放在一起变成数组
有一个题:将'AT/Aq/CD/BA/BC/TH/TG/RT/EW/BH/JA/TR/Cv/Bp'这种类型的字符串处理,将首字母相同的放在一起,并且用/连接,首字母的顺序按照字母表排序,最终变成这样的形式:["AT/Aq", "BA/BC/BH/Bp", "CD/Cv", "EW", "JA", "RT", "TG/TH/TR"]有以下三种方法,先统一将字符串转换成
2018-08-18 16:18:49
1580
原创 word-break和word-warp和white-space的相同与不同
word-break:在单词内怎么断行normal — 英文不换行,cjk自动换行 break-all — 对于中文/日文/韩文,可在任意字符间断行,会挤在一起,乱断句 keep-all — CJK不断行,英文也不换行 break-word — 和word-warp:break-word一样Word-warp: 允许长的内容可以自动换行normal — 浏览器默认处理 break...
2018-08-08 14:57:04
455
原创 javascript权威指南第一章贷款计算器代码
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>javascript学习</title> <styl
2018-08-03 16:47:20
973
原创 访问对象的两种方法
在javascript中,可以选择两种方法来获取对象中的值通过.访问对象的属性 a.top 通过中括号访问对象的属性 a['top']
2018-07-31 21:24:01
1356
1
原创 滚动条如何自定义样式
浏览器默认的滚动条可能会不满足pm的需求,所以我们可以自定义浏览器的滚动条样式。Thumb: 滚动条本身, Track: 滚动条下面的轨道 Buttons: 滚动条轨道的两端。 Corner: 两个滚动条的交点 Resizer: 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件。所以在代码中,可以先对滚动条整体做样式限定,后再对里面具体的元素进行样式限定。如下:::-web...
2018-07-24 19:42:29
631
原创 如何在element UI框架表单里的必填项做表单验证
需求:表单里必填项需要有红色星号标识,当未填写时显示中文提示语 思路:表单项里写required 问题:当表单项的验证规则绑定为blur事件时,表单项内元素清空后,会提示“xx is required”,其中xx是绑定的prop值。 解决办法:在表单项里模拟红色星号的样式,去掉required,写class=“is-required”,必填的限制在绑定的rules里写。 ...
2018-07-21 15:45:02
16181
1
原创 如何使用element ui框架中表格内的数据合并
需求:在表格中展示后台传回的值,当第二列都是面试评价,并且第一列的事件相同时,合并第一二列。具体如下图:思路:在获取到后台数据的地方,筛选出待合并的行号,封装在一个数组里(两个 for循环) 在表格上绑定:span-method="handleSameMerge” 在绑定的函数中,处理需要合并的地方注意事项:rowspan = 1表示不合并, rowspan = 0表示合并到...
2018-07-21 15:40:53
8509
原创 解决页面内两个表单之间数据相互影响问题
需求:页面先展示不可编辑状态的表单信息,点击编辑按钮,表单信息变为可编辑状态,编辑的内容时,和不可编辑状态的表单之间相互不影响。 解决办法:使用stringify和parse的方法。 问题本质:对象是通过地址指向来获得引用的,所以单纯的用一个新对象指向源对象就是浅拷贝。所以如果使用简单的赋值语句处理后台传过来的值时,两个表单绑定的还是同一个对象,所以相互会有影响。 JSON...
2018-07-21 15:37:13
6064
原创 解决两个表单切换时验证规则不生效问题
需求:页面先展示不可编辑状态的表单信息,点击编辑按钮,表单信息变为可编辑状态,编辑的内容需要通过验证规则。 思路:写两个表单,绑定不同的数据,第一个表单用于展示,没有验证规则,第二个表单有验证规则,通过v-if切换 问题:第二个表单的验证规则不生效 解决办法:给两个表单分别加key值。 问题本质:即使两个表单绑定的值不同,但是浏览器在解析时,先解析第一个表单,此时表单上是没有绑定ref,之...
2018-07-21 15:11:21
4644
1
原创 解决element ui文字提示只在首页展示问题
在开发过程中,在表格里使用element ui中的文字提示tooltip时,会出现文字提示只在第一页显示,切换到第二页后,文字提示就无法展示,这时候加一个key即可,具体如下:<el-tooltip content="尚未提交面试评价" :key="scope.row.candidate_id" placement="bottom"> <im...
2018-07-19 13:47:30
2872
原创 隐藏safari表单输入项右侧出现的图标
在safari浏览器上的表单,点击表单项,有可能出现如图所示的图标:这是浏览器自发的行为,想要隐藏这个图标,在css里加入以下代码即可。input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: abs...
2018-07-09 11:08:22
1351
原创 Vue定义全局函数
对于“在多个组件中需要使用的函数”的需求,我们可以写一个全局函数。在vue中写全局函数的方法是: 新建一个js文件,在里面写全局的方法函数export const getTableData = function (data) { console.log(data); getCandidateFilter(data).then(res => { conso...
2018-06-26 14:49:53
1115
原创 vue中动态绑定图片
当img标签里的图片地址是动态变化时,如果图片不是从后台获取,是在assest文件里时,要现在data里初始化其值用require的方式,具体如下:data () { return { // 导航列表 firstNavList: [{ name: 'Top 15', pa...
2018-06-09 14:44:18
7979
原创 path模块解析
在nodejs中,path模块有几个方法比较常见,现在依次说明:path.join() 用于连接路径,会正确地使用当前系统的路径分隔符。path.resolve() 用于将相对路径转化成绝对路径,接受多个参数,依次表示要进入的路径,直到最好一个参数转化为绝对路径,如果参数得不到绝对路径,就以当前所在路径作为基准。除了根目录,该方法的返回值都不带尾部的斜杠。path.relat...
2018-06-05 11:11:23
833
原创 用elementUI框架与VUE.js结合做成的公司考勤系统
最近做了公司的考勤系统,使用element UI框架和Vue.js,github的链接是https://github.com/liangxh0523/worktime.git 具备以下功能:leader和行政可以查看到团队内成员的出勤和请假信息当员工出勤记录为异常时,可以发送提醒leader和行政可以查看正常、异常、补打卡、请假状态的出勤记录,可以修改出勤记录状态为补打卡或者请假个人可以查看...
2018-06-04 15:39:04
7458
2
原创 element框架中表格的筛选功能使用说明
在element ui 框架中,对于table框架,有一个筛选功能,使用方法如下: 1.在要筛选的标签中加:filters属性,它由一个或多个包含text、value值的对象组成的数组。tableStatus: [{ text: '异常', value: '异常' },{ text: '正常', value: '正常' },{ text: '请假', value: '请假' },{ text...
2018-05-30 17:29:34
30456
2
原创 vue.js动态绑定class属性
以下介绍几种在vuejs中,动态绑定class的方法: 1.使用 class = "{{ className }}" 的方式绑定吧class,此时className是固定的字符串,:class不可一起使用 2.使用 :class = "classA" 的方式绑定class,此时class-a先在data里初始化,在别的地方可修改classA的值。//HTML代码:<div :c...
2018-05-30 15:50:18
12492
原创 javascript判断对象是否空
当后台给我们返回值时,可能会返回的值是空的,此时必须对空对象进行条件判断,此时判断对象是否为空共有3中办法,具体如下: 1.使用es6的新方法,Object.keys(obj).length 的方法,使用Object.keys(obj)方法返回一个数组,这个数组是由给定对象的自身可枚举属性组成的。通过对其长度判断是否等于0,进而判断数组是否为空。 let data = res....
2018-05-29 14:22:18
441
原创 elementui框架里导航菜单的default-active的作用 v-for里key的意义
在elementui框架中, 有一个名字为NavMenu导航菜单的空间,其中在菜单上的属性值default-active,它的说明内容为:当前激活菜单的 index 其实,即使不加这个属性,也能正常显示选中的item变亮,但是之所以要加这个属性,是为了浏览器刷新后,仍然可以定位到之前选中的路由。 如果没有多层嵌套路由的话,可以令:default-active="$route....
2018-05-25 18:19:18
42521
2
原创 用vue初始化建立一个项目
最近学习了vue框架,阅读了vue全家桶的官网,还学习了element ui 框架初始化建立一个vue的项目很简单,如下所示:GitHub上建立一个空项目,将名字等信息输入。在本地使用git clone 项目的网址,将git远程的项目初始化到本地。命令行里,安装nodejs。全局安装vue-cli,在命令行里输入npm install -g vue-cli用vue-cli初始化项目,在命令行里输入...
2018-05-24 16:05:20
1100
原创 text-align使用规则
text-align使用规则:只在快元素中使用,直接用在内联元素上不生效。会对块元素中的所有内联内容对齐。会对块元素中包含的文本内容生效。在其内的块元素也会对齐是因为子块元素继承父块元素的text-align的属性。...
2018-03-26 14:01:06
3415
原创 ng-repeat中设置td的样式
在ng-repeat时,对于不同状态的表格,会有显示不同颜色的需求,使用ng-style即可,具体操作如下:<td ng-style="{'color':room.State == '在线' ?'green':''}">{{room.State}}</td>在这里要注意的是:ng-style的内容要用{}包围着color等属性要加单引号‘’属性值也要加单引号‘’...
2018-03-14 15:23:59
918
原创 type为file的input控件文件上传打开缓慢
做浏览器适配时,发现58版本的谷歌浏览器会上传文件打开很慢,但其他的不会,通过原因排查,发现是因为:accpect = "vodeo/*"造成的,应该写成具体的格式,即accpect = ".mp4,.mov"等...
2018-03-09 10:28:32
724
原创 angular怎么配置路由
angular配置路由超级简单,分为以下三个步骤:在html里写超链接标签,可以使用ui-sref框架,给跳转的页起名字,超链接标签里写好要跳转的链接。如下所示: 开关机时间 在app.js中,定义路由,加一个.state即可,具体如下所示:.state('app.queryTVTime', { url: '/queryTVTime', templateU
2018-02-07 15:58:31
1372
原创 AngularJS的ngTable的使用方法
ng-table是一个AngularJS用来绑定数据到表格中,可以完成排序、分页和为表格过滤数据的组件。使用步骤如下:首先创建新的应用程序并打开页面,并在页眉部分添加以下的angularjs参考文件。 在页面的标题部分添加下面的ng-table css和脚本文件。 在angularjs中添加ngTable和ngTableParams引用,同时声明模块和控制器,如下所示var
2018-02-05 17:41:25
8814
1
原创 连续点击按钮后多次发送数据问题的解决办法
昨天,发现了一个小问题,具体是:当鼠标连续多次点击保存按钮时,会向后台发送多个请求,会创建出多条数据。有一个比较简单的解决办法,代码如下://JS部分if($(this).attr('class').indexOf('cando')==-1){ console.log('no'); return;}else { $('#mca_save').removeClass('cando');}
2018-01-25 10:39:58
6060
原创 修改placeholder字体颜色
今天需要修改placeholder的字体颜色(正常为灰色),所以网上查询了一下,很简单就可以实现,在style中输入下列即可:这些是为了不同浏览器做适配::-webkit-input-placeholder { /* WebKit browsers */ color: white; } :-moz-placeholder { /* Mo
2018-01-18 11:51:11
6877
原创 IIS的安装
今天新接触了一套上海公司的代码,在最初搭建环境过程中,学习了IIS的使用方法,现在总结一下。 IIS是Internet Information Services的缩写,意为互联网信息服务,是一种Web服务组件,就是发布站点用的,可以让别的电脑访问自己。IIS包括web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等。它提供一个I
2018-01-15 13:16:40
7379
1
原创 解决安卓手机在微信的网页内长按后出现在浏览器中打开提示语的问题
当安卓手机在微信内的网页上长按时,如同鼠标右击事件,会触发微信浏览器的默认事件,弹出“在浏览器中打开”的提示语,这一问题很好解决,只需要在长按事件后,利用oncontextmenu 事件可以取消鼠标右键功能。document.oncontextmenu = function (e) { e.preventDefault(); }oncontextmenu 事件在
2018-01-15 10:11:51
4900
原创 手机遥控器在微信端的处理
手机遥控器最初打算以微信小程序作为平台,后来发现微信小程序未开放陀螺仪的接口,故最终打算用微信公众号平台,以网页的形式获取手机端陀螺仪的数据,来控制电视上VR视频的播放,在这个项目中,遇到的最大的困难是微信端的接入,现在做一个简单版的总结。在公众号端开发时,如果不需要对微信公众号开发,则可以不进行服务器配置,先进入功能设置中,配置业务域名、js安全域名、网页授权域名。具体作用如下:业务域名:在微信...
2018-01-10 10:33:37
2708
原创 手机陀螺仪的注册监听事件
最近在公司做了一个VR视频的遥控器,目的在于利用手机充当遥控器角色,控制电视端VR视频的播放,我主要开发体感功能,也就是调用手机陀螺仪的数据,以下为具体操作:在画面中增加一个体感功能的开关,绑定点击事件进入网页后,体感功能自动为开启状态。当体感功能状态变化时,如果从开启状态变为关闭,则移除其注册监听事件;如果从关闭变为开启状态,则先进行手机内是否有陀螺仪传感器的判断,如果没有,则提示“
2018-01-10 09:32:11
1677
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人