- 博客(18)
- 收藏
- 关注
原创 用Jquery简单封装一个可重复调用的省市级联动插件
前言:基于公司项目简单封装的一个省市联动组件,由于只涉及广东省内,故省份默认广东省,由于比较简单,自己可以重新改写插件(样式也可以自己定义)效果图:点击选择城市:选择地区:代码结构:自定义样式:.cascade-container>div{position: relative;float: left;font-size: 20px;margin-bottom: 30px}.cascade-cont
2017-03-20 16:25:50 777
原创 关于jquery的弹窗组件简单封装
前言:由于自己工作时多数是基于移动端的页面工程,很多时候都需要用到弹窗组件,网上也有很多好用,五花八门的弹窗插件,但是由于网上各个版本有些功能过于强大,导致插件大小比较大,有些样式不好自己进行各种自定义设计,有些则是达不到自己想要的那种需求,比如实现弹窗按钮的各种回调函数,于是自己就根据公司目前项目的需求 ,自己简单封装了一个弹窗组件。可简单自定义各式各样的样式 思路分析:声明一个带有对象参数的
2017-02-23 15:15:04 5695
原创 一个小小的移动web版音乐播放器
这个小东西是在去年八月份就完成的啦,但是由于自己一拖再拖没有来更新博客,直到今天心血来潮想来更新下博客。 今天就来记录下自己做完这个小小的迷你小项目—music-player。 哈哈,由于自己艺术细胞有限,再加上是个简洁控,自己粗略设计了一下,所以我的ui界面长这样— 界面分割:至上而下是歌名-歌手-音乐封面-播放时间-播放进度条-控制按钮 功能上实现:显示歌曲总时间,显示歌曲已播放时间,显
2017-01-05 11:56:02 5226 2
原创 vue的坑
1.<style lang="sass" scoped type="text/css"></style> 错误写法报错: <style lang="scss" scoped type="text/css"></style> 正确写法2.组件模板应该在最外层有个根元素,下面根元素为div<div> <!-- <p class="tit">您当前的手机套餐:<span>{{nowPackag
2017-12-06 15:42:37 249
原创 gulp的使用与遇过的坑
一:记录错误:Gulp Error: Cannot find module ‘jshint/src/cli’问题原因: 插件安装不完全,新版本gulp做了一些调整好像。。。。解决方法: 使用npm install –save-dev jshint gulp-jshint 而不是npm install –save-dev gulp-jshint二: 需求:利用gulp生成带版本号的静态文件,这
2017-08-04 14:17:50 2661
原创 解决iframe里面又出现iframe问题
情景重现:开发后台系统,左边为固定菜单栏,右边则是一个iframe存放用户点击后的不同内容 如下图所示:但是,当用户登陆session过期时候iframe里面出现了一个登陆页面,点击登陆以后,里面又在出现一个iframe,如下图所示:当iframe里面有超链接的时候,如果没有特别说明,一般都是在当前iframe里面打开,所以iframe里面的超链接如果是要在完整的页面呈现的话应当在a标签里面添加
2017-06-05 11:39:46 1689 1
原创 解决处理后台返回json数据格式问题
// var dd = 'dd'; function a(b,fn){ console.log(b); fn(); } function c(){ console.log('cc'); } a(1,c);调用顺序问题后台返回json数据出错问题 1.JSON.parse 2.去掉JSON.pa
2017-06-05 10:16:24 4750
原创 解决比较数值时候出现的异常
// console.log(curAsNum);//17// console.log(asNum);//3// console.log(parseInt(curAsNum) > parseInt(asNum));//false if(parseInt(curAsNum) >= parseInt(
2017-06-05 10:07:21 389
原创 基于angularJs重构一个基于jquery的项目
前言公司里面的项目全部都是基于jquery库的,讲真的,jquery真的是脚本中的鸦片,一旦碰上真是难以戒掉,像我在学校读书的时候也没有多了解外面有哪些比较牛逼比较高大上的js插件,原生脚本学的差不多就立马用jquery,导致现在很懒用原生写脚本,总觉得jquery是在是太方便了,满足了公司项目很多需求。后来接触到angularJs,突然觉得jquery简直是拿不上台面,不过我个人还是很喜欢jque
2017-03-14 17:13:54 749
原创 记一次面试
面试问题如何居中一个divmargin:0 auto 有什么缺陷如何编译sass文件webpack的作用,你在工作时候如何利用它工作angular项目如何部署pc端如何兼容各大浏览器你对mvc的理解vue.js与angular.js的不同之处,后者什么地方比不上前者在做内嵌原生app页面时,如何与移动端人员沟通协作做过的几个项目都用到什么技术js怎么实现继承对于闭包,你自己是
2017-03-09 17:22:06 301
原创 web错题笔记(二)
touchstart、touchmove、touchend等是html5上的触摸事件,所以只能以类 似$('**').on('touch',**) 的方式,而不能用$(**).touch defer=’defer’延迟脚本(一个页面最好只有一个延迟脚本)建议用“//”注释,少用“/**/”,避免影响正则计算设置浮动时候,父元素记得清除浮动 ,否则影响计算高度QQ浏览器返回键不清除缓存(可针对
2017-03-01 15:37:29 361
原创 基于angularJS的抽奖单页实践
前言:之前笼统的学习了angular框架,纸上得来终觉浅,这次自己独立完成了一个简单的抽奖单页。也算是给自己前面的学习一个总结和交代。界面效果:业务流程: 首先用户在首页点击抽奖按钮,进入抽奖界面,红色砖块将会快速随机跳动,最终停在某一个奖品之上,即刻进入抽奖结果页面。核心代码:初始化奖品$scope.items = [ {id:1,name:"IPhone7",status:0},
2017-02-22 13:55:30 509
原创 关于强制换行的总结
前言:工作时,遇到了很多关于换行的一些问题,才发现自己对css的样式有些理解的并不透彻。现在根据我目前做的项目来具体问题具体分析下。(PS:感谢细微不至的测试妹子帮我挖掘的无穷无尽的bug==!)上图是我没加任何换行限制,浏览器默认状态下的表现,会发现当字数超过容器范围时候会自动换行处理,但是这是中文的时候,如果是有字符串会不会也是自动换行呢? 继续看下面图片没错,当容器里面的字符串超过容器范围的
2017-02-22 10:31:12 345
原创 一个小小的移动web版便签
最近看完html5的locationStorage存储,有点小小的兴奋,比起mysql的那些数据库,这个可迷你多了,正好满足我做一些只存储一些小东西的小项目。 酱酱酱~迷你noteApp从小诞生鸟~~~ 长这样: 是的,我还是简约控~
2017-02-20 22:29:16 1128
原创 angular.js学习笔记(二)
验证ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error)<form ng-app="" name="myForm"> Email: <input type="email" name="myAddress" ng-model="text"> <span ng-show="myForm.myAddress.$error.e
2017-02-17 17:36:40 510
原创 angular.js学习笔记(一)
前言:之前也断断续续接触了angular的相关内容,也没有加以实施运用。AngularJS 使得开发现单一页面应用程序变得更加容易。今天刚好做完了一个angular小demo,借此把之前的学习笔记整合了一下。指令ng-app 指令定义一个 AngularJS 应用程序。 ng-model 指令把元素值绑定到应用程序。 ng-bind 指令把应用程序数据绑定到 HTML 视图。<body ng-a
2017-02-16 13:36:05 474
原创 to be a better me--hello 2017
新的学习计划整理自己的项目成果掌握一些优化方法重构自己的部分代码整理自己的小插件玩几个微信小程序研究vue.js框架并加以运用看10本技术类书籍勤于总结思考勤于更新博客love code love life
2017-01-05 15:05:46 407
原创 web错题笔记(一)
大三的时侯迈出学校的门槛走出社会实习,由于经验不足,技术也菜,走过不少弯路,幸运的是,在时代地产做一个web小小实习生的时候,当时有个几乎是手把手带着我成长的师傅,让我学到很多自己一个人学不到的宝贵东西,也很感谢当时的hr老大婷姐对我们这批小小实习生的照顾以及给了我们很多小tips~~·~~貌似扯远了,哈哈~~好记性不如烂笔头,正是由于自己记性太差劲了,很多犯过的错总会再次犯,所以在实习那时就
2016-11-13 21:47:22 457
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人