2017 年 6月随笔档案 - bighappy

getparameter的使用

摘要：在做项目的过程中，会遇到跳转的页面，直接打开到里面的子项，这个时候，看了UI给我设计了四个页面，如果做四个页面，肯定是可以实现的。但是这个不符合前端的设计。就在想通过点击传值进去，肯定是能够获取到的。这个时候查找资料就找到了 get parameter（） //js构建HashMap functio 阅读全文

posted @ 2017-06-22 13:51 bighappy 阅读(5470) 评论(0) 推荐(0)

ng2

摘要：angularjs2的环境问题解决了好久。百度到的答案也是各种各样还解决不了我的问题。好在这几天经过不断的测试终于给解决了。 [html] view plain copy print? ERROR in AppModule is not an NgModule ERROR in ./src/ma 阅读全文

posted @ 2017-06-21 15:00 bighappy 阅读(827) 评论(0) 推荐(0)

angular+webpack（二）

摘要：上篇文章Angular2开发基础之TSC编译解决如何使用TSC来编译ng2项目，以及如何解决出现的error。这些点是新手容易忽视的内容，要熟悉ng开发的工具链，还是需要掌握其中的重点。本篇文章是它的姊妹篇，小目标是： package.json加入script webpack.config.js 阅读全文

posted @ 2017-06-19 11:02 bighappy 阅读(3375) 评论(0) 推荐(0)

关于angular2 打包（一）

摘要：在讲到angular2 及以上项目打包之前，我先讲一下。angular cli 拥有自己的打包工具，熟悉的可以直接上手。如果用不惯，也可以去使用webpack 之类的。内置的systemjs也是很好用的。项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方阅读全文

posted @ 2017-06-19 09:45 bighappy 阅读(5129) 评论(3) 推荐(0)

关于lazyload的实现原理

摘要：核心原理是： 1 设置一个定时器，计算每张图片是否会随着滚动条的滚动，而出现在视口（也就是浏览器中的展现网站的空白部分）中； 2 为<img>标签设置一个暂存图片URL的自定义属性（例如loadpic），当图片出现在视口时，再将loadpic的值赋给图片的src属性；最后，贴出分别用原生js和阅读全文

posted @ 2017-06-16 14:23 bighappy 阅读(1396) 评论(0) 推荐(0)

浏览器报错（-）

摘要：Uncaught SyntaxError: Unexpected token < 浏览器出现这个问题，项目在做一些延迟加载的时候，出来这个问题，我百度了产生问题的原因。我先说下，我是如何解决问题的，我在回退版本后发现，是由于重复引入了一个lazyload.js 文件导致的。在百度中我发现，是由于阅读全文

posted @ 2017-06-16 14:07 bighappy 阅读(151) 评论(0) 推荐(0)

关于ajax返回数据处理

摘要：查看jquery文档，我们知道jquery有很多种Ajax调用方法，下面结合springmvc返回的数据，假设返回的是data ='{"label":"1","value":[{"id":1,"pid":null,"name":"娱乐"},{"id":101,"pid":1,"name":"音乐"} 阅读全文

posted @ 2017-06-14 13:50 bighappy 阅读(1571) 评论(0) 推荐(0)

遍历的一些方法，

摘要：最近在做项目是模拟ajax获取数据。原先是的目录结构发生变化。导致首页的nav跳转发生一些问题。如果使用同一个链接肯定是没有办法实现的，项目的其他的页面都是同一个页面。本着少数服从多数的原则。使用js做一些nav跳转调整这个时候我们需要对我们返回回来的数据做一写筛选。突然发现这个东西很多。想着就整阅读全文

posted @ 2017-06-10 17:41 bighappy 阅读(197) 评论(0) 推荐(0)

让内容没有透明度。

摘要：最近在做密码页面的时候，需要给背景一个透明度，而内容没有透明度。取值说明 R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数 | 百分数A：Alpha透明度。取值0~1之间。正整数为十进制0~255之间的任意值，百分数为0%~100%之间的任意值。 RGBA是在R（Re 阅读全文

posted @ 2017-06-06 16:38 bighappy 阅读(179) 评论(0) 推荐(0)

聊聊return false

摘要：最近在做一些关于视频切换的时候。由于是用a标签做的会有默认的跳转。这时候我就想到了，return flase。阻止默认行为，也达到了预期的效果。后来就详细查了查。让我们来看看 “return false”之所以被误用的如此厉害，是因为它看起来像是完成了我们交给它的工作，浏览器不会再将我们重定向到hr 阅读全文

posted @ 2017-06-04 12:10 bighappy 阅读(219) 评论(0) 推荐(0)

webstorm中使用sass

摘要：最近由原来的sublime转为使用webstorm，用的不是很熟。我们在webstorm中使用sass 1.首先sass是基于ruby的。这个时候我们需要安装ruby。 2.安装成功后。我们需要去掉原有的镜像。通过命令行 1. gem sources –r http://rubygems.org/ 阅读全文

posted @ 2017-06-03 16:16 bighappy 阅读(573) 评论(0) 推荐(0)

input光标大小

摘要：最近在做项目忘记密码页面时，input光标大小需要统一。同时也需要兼容ie8浏览器。总结如下： IE：不管该行有没有文字，光标高度与font-size一致。 FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。 Chrome：该行无文字时，光阅读全文

posted @ 2017-06-03 16:08 bighappy 阅读(935) 评论(0) 推荐(0)

关于轮播图兼容的问题

摘要：首先swiper3 作为移动端，用来做轮播图的插件最合适不过了。但是swiper3 作为移动端的首选，它是不支持ie8的。这个时候我们需要使用一些兼容的东西。swiper2是能够兼容ie8的。但是分页器。不能很好的兼容。 2.我们可以使用原生的方式来做一些兼容。下面是我使用的一些方法。进攻参考。阅读全文

posted @ 2017-06-03 13:21 bighappy 阅读(778) 评论(0) 推荐(0)