前端
扮老虎的猪
Success is the ability to go from one failure to another with no loss of enthusiasm.
展开
-
h5页面ios验证码无法自动回填到键盘问题
ios系统的h5页面,验证码无法自动回填问题的解决原创 2022-06-29 16:53:58 · 1188 阅读 · 2 评论 -
element 自动搜索 el-autocomplete,不显示结果
代码: <el-autocomplete style="width: 58%;" v-model="search_text" value-key="address" :fetch-suggestions="search" :trigger-on-focus="false" placeholder="请输入内容" size="small" ></el-autocomplete&原创 2021-09-03 18:12:40 · 2790 阅读 · 1 评论 -
通过cdn引入vant,van-swipe-cell没有效果
前言 最近接手一个项目,是h5多页面,页面中使用了vant的一些插件,是通过cdn的方式引入样式和js的。使用原创 2021-06-03 14:14:26 · 2551 阅读 · 3 评论 -
vue 通过编译命令加载不同的环境配置
1.添加环境配置文件,如.env.test和.env.meet两个文件2.在package.json文件中添加命令,注意 “--mode xxx”3.命令行运行npm run test,加载env.test中的配置;运行npm run online,加载.env.meet中的配置如下:...原创 2020-12-21 17:23:10 · 551 阅读 · 0 评论 -
元素居中
<div class="parent"> <div class="child"></div> </div>1. position + transform .parent{ width: 100%; height: 200px; background-col...原创 2020-08-31 17:54:30 · 98 阅读 · 0 评论 -
使用IP访问项目地址,部分浏览器样式错乱
有两种解决方式:1.在index.html的头中增加<meta name="renderer" content="webkit">2.使用域名访问原创 2020-08-25 10:13:48 · 291 阅读 · 0 评论 -
路由动态传参
从列表页跳到编辑页时,经常需要传参。我比较常用的有下面两种:一、刷新后失效路由定义:{ path: '/test', name: 'test', component: () => import('../views/Test.vue'), meta: {title:'', breadNumber: 1} }路由跳转:this.$router.push({ name: 'test', params: { id...原创 2020-08-05 17:32:40 · 2948 阅读 · 1 评论 -
vue 动态加载图片不显示
如下代码,我是动态加载图片的,但是如果src后写成require(menu.logo)会报错。这是因为require是编译时执行的,而不是运行时执行。改成如下代码后,问题解决。原创 2020-07-22 16:01:18 · 761 阅读 · 0 评论 -
axios允许跨域携带cookies踩过的坑
需要设置参数withCredentials=true.axios.defaults.withCredentials=true. 注意,没有headers!!!同时,后端Access-Control-Allow-Origin不能为*原创 2020-07-10 18:37:56 · 637 阅读 · 0 评论 -
antv G2 折线图遇到的坑
1. 数据很多时,图例显示不全:=》设置padding: 'auto' (自动计算边框,目前仅考虑 axis 和 legend 占用的边框)2.图表绘制出来后,外部调用chart.filter()方法无效:=》再调用一次重绘图表chart.repaint();...原创 2020-06-24 16:20:05 · 3347 阅读 · 0 评论 -
vue input无法输入的问题
<el-form-item prop="deployPort" :rules="rules.agentPort"> <el-input v-model="formData.deployPort" placeholder="AgentDeploy端口" @input="portInput"> </el-inp...原创 2020-04-15 10:47:13 · 6613 阅读 · 0 评论 -
vue 计算属性传参
vue小白一直以为计算属性作为一个属性是不能传参的,但是项目中有类似的功能,却因为一个参数不同,写了好多重复的代码。于是,尝试计算属性传参,结果还成了。<template> <div> {{validPort('deploy')}} </div></template><script>......原创 2020-03-05 14:42:52 · 878 阅读 · 0 评论 -
html压缩后,页面上不显示文件中的元素
html: Test info 如上,my-directive 是我自己定义的插件,“Test info”这块一直不显示,在浏览器F12查看,也没有这块div。后来查了下,出现这种现象一般是元素结束符的问题,可是仔细检查我上面的代码,没有发现有什么问题。后来,尝试把自定义插件的结束 改为 问题解决!原因不明,如有知道的还望告知,谢谢!原创 2017-12-01 18:03:19 · 1305 阅读 · 0 评论 -
ui-grid 常用操作
这是一个表格控件,官网地址为: http://ui-grid.info/docs/#/tutorialhtml: js:var myHeaderCellTemplate = '编辑'; $scope.gridOptions = { enableRowSelection: true, //行选择是否可用,默认为true enableSelectAl原创 2017-08-16 16:17:18 · 2411 阅读 · 0 评论 -
angular js 中使用 wdatepicker控件
wdatepicker是一个非常好用的时间控件,可以选择年月日以及时分秒,特别方便,但是在angular js 中使用的时候也比较麻烦,现在将遇到的一些问题总结下:从网上档了一个wdatepicker的包,但是这个包不能破坏原有的结构。1.在封装的directive控件中使用的时候,总是报错,找不到Wdatepicker.js等一些引用文件:解决办法:修改下Wdatep原创 2017-03-22 14:50:28 · 1631 阅读 · 0 评论 -
关于angular js 监听
1.监听变量的变化:$scope.$watch(' 变量名 ', function(newValue, oldValue, scope){//。。。});2.监听页面路由变化:$scope.$on(' $destroy ', function(){//路由变化时的操作});原创 2017-04-13 18:27:52 · 587 阅读 · 0 评论 -
h5页面上时间格式化
h5页面会应到到PC、Android、IOS,但是,我们经常用到的new Date().Format(' ') 有可能不兼容所有的系统。最近在做h5时,遇到ios不识别'2017-03-12 12:09',返回的是NaN,网上查了一些方法,做下总结:封装的一些时间格式方法:1.时间格式化Date.prototype.Format = function(fmt) {var o原创 2017-04-19 10:44:17 · 7228 阅读 · 0 评论 -
angular js 的一些特性
1. 路由.state(‘xxx’,{ abstract: true, url: ‘xxx’, template: ‘’, //或者templateUrl: ‘xxx/a.html’ controller: ‘xxxCtrl’, resolve: { }})abstract:表示抽象模版,不能被显性激活,只能被子模版隐性激活,可以传递作用域变量$scope给子模板。一原创 2017-06-06 16:26:26 · 664 阅读 · 0 评论 -
jq的html()、text()、val()区别
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使转载 2017-07-11 10:46:58 · 439 阅读 · 0 评论 -
前端常用到的那些CSS之定位和浮动
1.定位position(1)fixed:(固定定位)相对浏览器窗口的定位,不随窗口的滚动而改变(2)relative:(相对定位)相对元素本身的正常位置,经常作为绝对定位元素的容器块(3)absolute:(绝对定位)相对最近的已定位的父元素,如果没有已定位的父元素,则相对html进行定位,不占文档位置2.浮动float (1)浮动元素还会占用文档位置(2)只会影原创 2017-07-06 14:48:06 · 308 阅读 · 0 评论 -
注册 ng-tags-input 失败
在目前的angular js 项目中使用到该插件,但是注册的时候,总是提示bower.json的其他模块找不到,导致注册失败。目前没有其他好办法,我用的比较笨的,现在bower.json文件中删除找不到的模块。然后执行,bower install ng-tags-input#3.2.0 --save注册成功!然后再把之前删除的模块还原。ng-tags-input原创 2017-08-27 16:40:45 · 490 阅读 · 0 评论 -
angularJS错误及其解决办法集
后期会持续更...1. [$compile:tplrt] Template for directive 'uiUploadFile' must have exactly one root element我明明定义了templateUrl: ' xxx/upload-file.html ',但是会报这个错,找了好大会儿,发现在html文件最外层,加个div包裹即可解决。2. 用原创 2017-10-19 16:25:59 · 1981 阅读 · 2 评论 -
网页上不可选中文字的那些事儿
最近接触过一个项目,原来网页上可以选中文字,但是加了个播放器之后,文字都不能选了,一直怀疑是跟播放器不兼容,后来各种查资料,用了两天才从坑里出来,现在总结下:1.查看是否设置了user-select样式,如果有,需要注释掉:{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;原创 2017-10-24 15:23:16 · 543 阅读 · 0 评论 -
angular js 页面
都是写页面时遇到的一些问题,非常简单,记录下。原创 2017-01-17 20:02:52 · 543 阅读 · 0 评论