- 博客(45)
- 收藏
- 关注
RSS订阅原创 angular使用@ViewChild()实现父组件调用子组件方法
今天写代码的时候，要实现一个查询页面，查询条件相同，查询结果表格不同的功能，第一时间想到了把不用的table封装成一个组件，引入到查询条件页面显示，即：查询条件为父组件，查询结果为在父组件中引入的子组件，从而实现公用一个查询条件。在实现过程中遇到了个问题，因为查询按钮在父组件中，如何使点击父组件的按钮控制子组件加载表格数据的方法呢。经朋友点拨想到了ViewChild()方法，好了，话不多说，下面直接上代码。<apply-table #applyTable [parentMsg]="this" *
2021-03-30 16:03:14
1428
转载 解决在ie浏览器中使用onmouseover和onmouseout事件导致函数一直调用页面闪动的问题
关键函数，contains()。在IE中，所有的HTML元素都有一个contains方法，它的作用是判断当前元素内部是否包含指定的元素。我们利用这个方法来判断外层元素的事件是不是因为内部元素而被触发，如果内部元素导致了不需要的事件被触发，那我们就忽略这个事件。所以，解决方法为:在onmouseover时先进行如下判断，结果为true时再执行方法体：if(!this.contains(event...
2019-11-22 09:59:27
846
转载 解决audio音频标签在ios系统上失效的办法
这周做了一个h5页面，其中用到了audio标签播放背景音乐，一开始皆大欢喜，在自己的安卓机测完后准备发版的时候想了想还是找个苹果看一下把，果然，一看就出现问题了，背景音乐无法播放，而且自定义的播放按钮播放音乐也没有声音，上网查了查原来是ios系统为了节省流量不会自动播放网页的音频，只能通过事件来控制，于是便找到了如下解决方案：//设置背景音乐dom 并自动播放 var ...
2019-08-26 18:30:44
5836
原创 angular ng-alian从页面中跳转到别的tab页的解决方法
1.首先用import引入router路由组件，如下:import {Router} from '@angular/router';2.在构造器中注入依赖：constructor(public router:Router){}3.添加跳转方法：this.router.navigate([url]);...
2019-05-14 17:34:57
1639
原创 angular alain框架st表格通过ng-template自定义列实现表格中添加下拉框
实现效果如图所示：首先~~在ts中columns中添加render属性，如下：columns: STColumn[] = [ { title: '编号', index: 'id' }, { title: '邮箱', index: 'email' }, { title: '电话', index: 'email',render:'custom'}, { ...
2019-04-30 17:20:36
6362
1
原创 angular6中引入echarts插件报options错误的解决方案
下午引入在ng-alain（angular封装框架）项目中引入echarts插件时，报can't bind to 'option'。。。等错时，弄了一下午才发现是因为在appmodule.ts中引入了import{NgxEchartsModule}from 'ngx-echarts';而在alain框架中，页面都是在route模块下的二级路由中，在appmodule中引入在route...
2019-03-28 20:22:18
1473
原创 angular ng zorro框架日期框无法自适应宽度的解决方法
如果我们使用ng zorro框架的日期框时，就会发现，日期框的宽度总是固定的，无法像输入框一样自适应父节点<nz-form-control [nzSpan]="12">的宽度，导致整个表单有长有短，奇丑无比，在哭看文档无果后想到了对其定义类做改变来实现，如下： 在控制整个项目整体的样式文件（我的是index.less）里加上这个样式 .ant-calend...
2019-02-20 11:23:25
2779
2
原创 echarts图标与图显示的颜色不对应的问题
问题如下图所示：可以看到图例上的颜色与图的颜色明细不符~~检查了很久才发现是series中的name值的问题。下面贴出源代码：// 饼状图 var option = { tooltip:{ backgroundColor:'#D5D3E4', textStyle:{ color:'#3B357B' } }, le...
2018-09-03 14:47:26
14625
3
原创 《css世界》读书笔记二
1.异步加载图片时的一些前端小技巧 web开发的时候，为了提高加载性能以及节约宽带费用，首屏以下的图片就会通过滚屏加载的方式异步加载。然后，这个即将被异步加载的图片为了布局稳健、体验良好，往往会使用一张透明的图片占位。实际上，这个透明的占位图片也是多余的资源，我们直接：<img> 然后配合下面的css可以实现一样的效果：img{width:200px;height:1...
2018-06-04 16:05:07
331
原创 easyui下拉框与普通的文本输入框有长度差的解决方案
样式错乱如上所示，其实我给的长度是一样的，但就是差了5px，而且在谷歌等主流浏览器都是没问题的，只有到了ie时出现了这个问题。。。这ie，弄的我心里哇凉哇凉的。于是打开播放器，听了一首暖暖开始了寻找bug之旅。。 经过使用F12的调试工具反复查看后，发现我写的样式中有个padding-left:5px，然后突然想到padding会增加内容的宽度，而且好像ie的盒子模型和w...
2018-05-07 11:11:54
1061
原创 《css世界》的读书笔记
第三章 流、元素与基本尺寸1.<a>、<button>等元素在使用键盘进行Tab键切换时可以被选中，即获取到焦点，表现为虚框或者外发光，这类元素为焦点元素；非焦点元素<div>、<span>等没有设置tabindex属性，即无法被tab键获取。在ie6/7浏览器下，非焦点元素对:active置若罔闻。(这里涉及到ie6，7的兼容性)2.ie浏览器不支...
2018-05-03 10:32:01
833
原创 python报错笔记
此文是博主学习python时所遇到的一系列报错问题。会随着时间一直增加~作为一个web前端初次接触python时感觉还挺简单的，因为学vue都没这么一帆风顺，不过当我学到引入.py文件时，不出意外的开始出来各种问题了。1.引入.py文件时的一些报错>>> python hello.py File "<stdin>", line 1 pytho...
2018-05-03 10:29:44
484
转载 echarts图中颜色的随机展示方法
echarts中不管是柱状图、折线图还是饼图等要实现不同的数据显示不同的颜色有两种方法，其实这两种方法还是我在echarts的实例代码中找到的，现在贴出来以防以后备用。第一种：给定几种颜色让数据根据颜色组里不同的颜色显示不同的颜色。"color":function(params){ var colorarrays = ["#2F9323","#D9B63A","#2E2AA4...
2018-03-09 17:26:49
19122
原创 echarts地图制作的一些问题总结
1.echarts地图不显示，只显示上面的图标。 这个问题很头大，一开始当我从官网把示例copy下来运行发现，中国地图没有显示，只显示在地图上标注各个城市位置的图标，上网查了才知道，原来是因为我没有引入china.js中国地图这个js文件才导致的地图没有加载出来，把这个js引入就可以了。现在由于官网不提供下载可以直接引入这个地址来获取china.js文件：
2018-01-23 14:48:12
8821
4
原创 jsp页面get中文传值ie浏览器乱码的问题总结
这两天真是快被ie给折磨疯了~真想抓住微软的工程师问问为啥偏偏这么爱独树一帜！！！哎~~获取就是牛人的傲娇吧~~话不多说~~下面说说解决过程与方法给大家分享下。一开始用chrome浏览器调试时，发现get传值后乱码，于是去网上寻找解决方案，找到了这种方法：String planName=request.getParameter("planName");String planName1 = new...
2017-12-26 17:36:22
2525
转载 关于js调用iframe中函数方法不管用的一些提示
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。 今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~
2017-11-29 16:21:14
6859
原创 js设置title属性的值的换行问题
一个html标签的title属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。俗话说的意思就是鼠标以上某个元素时悬浮在鼠标右下方的有关这条元素的信息。但有时候我们的信息太长时需要一行行的写来使其美观，那么就需要换行了~这时就要分成两种情况了~一种是直接在html的标签上添加title属性。这种写法的换行可以用
和
，以
2017-10-11 16:09:26
9668
原创 关于easyui dialog弹出框打开时主页面页面整体向上缩进的样式bug解决方案
今天一下午点系统时无意中发现了一个bug，那就是当我通过点击a标签弹出时父页面（即主页面）会整体向上缩进几十公分。从而导致页面显示不全。如下所示：正常的应该是这样的： 找了好长时间终于找到原因了~原来是我的a标签的href值为#并不是javascript:void(0);当把href值设置成javascript:vodi(0)后果然就好了~~一脸懵逼的我上网看了
2017-10-10 16:52:09
1887
1
转载 大分辨率图片根据用户分辨率自适应其浏览器大小
现在做网页好的背景图片可以直接把页面的档次提高一倍，如果背景图片是纯色或者是小 图片的话，我们直接就可以通过（background-repeat）平铺的方式实现，但是往往都是美工不遂人愿，总是把背景图做的花里胡哨的，根本没法通过平铺来实现，如果要是用js判断浏览器分辨率来展示相应分辨率的背景图片，这样实现虽然能实现，但是毕竟麻烦了点，哎~~没办法，我的座右铭就是能偷懒就多偷一点。。。。于是便想到了
2017-08-22 19:34:25
3130
转载 http和ftp状态码大全与详解
HTTP：1xx-信息提示 这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个1xx响应。 100-继续。 101-切换协议。 2xx-成功 这类状态代码表明服务器成功地接受了客户端请求。 200-确定。客户端请求已成功。 201-已创建。 202-已接受。 203-非权威性信息。 204-无内容。 20
2017-07-25 17:42:44
753
原创 使用js内置对象arguments求函数的所有参数的和
今天做一个面试题时遇到一个问题，如下：函数 useArguments 可以接收 1 个及以上的参数。请实现函数 useArguments，返回所有调用参数相加后的结果。本题的测试参数全部为 Number 类型，不需考虑参数转换。一开始我想？不会这么简单吧，就随便做了个函数相加的方法提上去了，谁知道提示错误，然后又仔细的审了审题，发现题目第一句话的意思原来是我理解错了，人家的意思是我不管
2017-07-18 18:35:23
3807
1
原创 jquery1.9.1中checkbox第一次移除后再添加checked不显示的问题
今天做项目的时候发现一个问题，点单选按钮是时要把复选框的框框勾上，点否的时候取消勾勾，第一次点时，还可以勾上和取消，但是第二次做的时候复选框的勾勾怎么也加不上了，但是使用F12调试工具看的时候看见这个checkbox复选框的属性明明已经加上checked=checked这个属性了，可复选框就是没显示，无奈只能求助度娘了。百度了之后才发现原来在jq1.9.1版本之后用prop这个方法代替了att
2017-06-21 16:16:57
892
原创 给js对象添加新属性的方法
例如要给对象textObj添加个'selected'的新属性，可以这样来写：var textObj = {};textObj['selected'] = 'true';console.log(textObj); //输出{select:true}
2017-05-26 17:12:33
19922
原创 用echarts3和worldcloud制作炫酷的字符云图
最近有个项目需要做出云图来，一开始还不知道云图是什么鬼，直到需求在网上找了个图我才恍然大悟，但是大悟完就开始一脸懵逼了，这玩意怎么做？因为当时项目紧，项目经理就先叫我用photoshop画了一个云图给贴上了~~最近听同事说echart也可以实现的，就又去烦了好大一会儿，才发现echarts3的例子中并没有云图的例子，只有echarts2中有，然后试着把2中的代码弄到3下面，果然不出所料的报错了，于
2017-05-02 17:07:52
16033
13
原创 d3.js在坐标轴遇到的问题
在d3.js v4版本之前，写坐标轴是这样写的：var axis = d3.svg.axis() .scale(linear) //指定比例尺 .orient("bottom") //指定刻度的方向 .ticks(7); //指定刻度的数量但是d3 v4版本之后，再这样写的话会报如下错误：Uncaught TypeError
2017-04-24 18:00:51
2366
原创 解决easyui日期时间框ie的兼容问题
前几天项目进入最后准备上线阶段，测试突然发现使用easyui的datetimebox插件获取的时间在ie的时候无法获取到比当前时间还往后的时间，当时是这么写的： $(selector).datetimebox( { formatter : function(date) { var y = date.getFullYear(); var m = date.get
2017-04-19 15:42:22
2370
原创 利用cookie实现从主页面向iframe页面里传值
因为我要做一个页面，要实现当浏览器的大小发生改变时获取到浏览器的高度，然后传入iframe引入的子页面中，思前想后用了许多方法都不行~最后突然想到了cookie，就尝试着试了一下，没想到还真行~~首先，在主页面listMenu.jsp写入如下代码：//写cookies function setCookie(name,value){ var Days = 30; var exp =
2017-04-11 16:21:46
8137
原创 通过js控制页面元素的响应式布局
最近几个月忙着做个后台管理系统~~要求响应式就不说啥了，还要兼容ie8？！！！媒体查询的响应式到ie9后才支持~~哎，心哇凉哇凉的~就有想到能不能通过控制浏览器大小改变时触发的函数来实现，去网上搜了一下，还真有啊，是window.onresize=function(){}方法~~下面就是具体实现的例子了。//浏览器大小发生改变时触发的函数window.onresize = function(
2017-04-06 12:08:08
5104
原创 d3.js关于比例尺报Cannot read property 'linear' of undefined错误的解决方法
今天在自学d3js，学到比例尺的使用时，发现报了个错，错误如下所示：上网搜了好久都百思不得其解，最后还是在一个英文网站找到了原因，为：In D3 v4 it is no longer named d3.scale.linear().Use d3.scaleLinear() instead.翻译过来的意思就是：在d3js v4版本以后中的线性比例尺不再使用d3.scale.lin
2017-03-23 16:06:22
4643
原创 nodejs同步与异步的区别
仅供像我这种菜鸟记忆才写，高手就路过吧。首先，先了解下什么叫同步，什么叫异步。同步得话就很容易理解了，就是程序自上而下运行，而异步就是不用等待上面的运行完后再运行下面的操作。异步编程依托于回调来实现，但不能说使用了回调后程序就异步化了。下面通过nodejs的两个例子来展现同步与异步的不同之处。新建一个txt文件，然后随便输入几个字，保存，保存的时候记得要保存为UTF-8的编码格式。否则
2017-03-08 17:17:16
8683
原创 d3js的初接触
昨天，项目经理突然给我说甲方那边想做个云图，叫我上网上找找方法。作为标准的程序猿宅男表示，云图是什么鬼？于是就开始和度娘的亲密接触，发现有一种框架可以实现这种功能，那就是d3.js。这是我第二次听说这个框架了，上一次听说还是面试的时候那面试官考我的问题，接下来就开始寻找d3js教程开始苦苦的学习之旅，经过昨天一天的学习，突然发现平常用几行js代码才能写出来的东西用d3js一行就可以解决，简直简单到
2017-03-03 17:03:29
3909
原创 项目中的日常随记~~不定期更新
1.隐藏内容display:none; 是内容、空间都隐藏，不会占地方。visibility: hidden; 是内容隐藏、但是会留有这个元素所占的空间。2.复制文本框中的内容<input type="text" value="u换个色ui给我" id="textInput"><input type="button" onClick="copytest()" va
2017-02-25 19:25:49
401
原创 一个css的大括号引发的惨案
昨天提完代码后就下班走了，一路上雪景还没欣赏够呢我同事就发QQ消息给我，说：”强哥，怎么办，我一更新完你提交的代码项目瞬间爆炸了，样式全乱了。我当时直接从欣赏美丽雪景的一脸懵逼的清醒过来，但都到家了，只能给他说明天去了再改吧~~第二天到了公司，看到的页面是这样的：心中顿时万只草泥马奔腾而过，然后无奈的开始打开谷歌浏览器的调试工具来排除bug。1.首先，上面的按钮还能点，也可以跳转到相应
2017-02-22 11:19:13
2581
原创 nodeJs初接触（一）第一个程序代码hello world!
nodejs的安装就不在这说了，自己在官网上找个安装包，然后一路next就可以了~~记得安装完之后看下自己电脑的环境变量里是否有nodejs的目录或者打开运行，输入cmd，输入node -v，如果返回一个版本号就大功告成了~~ 下面是第一次写nodejs代码，想想还有点小激动呢~ 首先，第一步需要引入required模块，将实例化的的HTTP赋值给变量http
2017-02-13 11:03:39
542
原创 自己的web前端工程师之路的感慨与规划
想想到现在工作也有半年多了，却感觉不会的越来越多，工资也止步不前，有时就会感到迷茫，迷茫中就得过且过的过了好几个月，每当听见同学、朋友说他朋友工资早已突破万元大关，而我自己却还只是向万元大关靠近，连冲击都算不上。想想这是为啥子嘛，越想越心惊肉跳，这半年了一共做了有2个项目。 第一个项目是一套前台页面，现在回想起当时做得，那可是真烂，要审美没审美，最后还是在美工大人的多次沟通与交流
2017-02-08 09:50:56
10817
2
原创 解决ie8下的iframe背景不透明为白色的问题
'background-color' 特性的默认值为 ''''transparent''''，即透明；但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent，而是 #FFFFFF;也就是变成了白色的。在iframe中这个背景是其本身，不是iframe内的html元素的，所以，只对iframe进行相关设置就能去掉这个背景。IE6/IE7/IE8中却是白色;所
2016-12-26 13:34:43
4152
转载 网页设计标准尺寸
网页设计师在进行网页设计工作室，有一个指导性的原则：页面宽度不超过一屏，高度不超过三屏，所以网页的标准尺寸也就根据显示器分辨率以及浏览器、操作系统等因素有关。网页设计也需要从用户的体验角度出发，特别是宽度不超过一屏，其最基本的表现是浏览器不出现横向滚动条。1. 最保守最有兼容性的网页设计尺寸为：779×432 ，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2016-12-22 16:06:49
5310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人