- 博客(10)
- 收藏
- 关注
原创 js-getAttribute与setAttribute的用法
今天UI出图里有一个小小的特效,鼠标滑过图标时,图标更换颜色(字体图标本身和北京)正常情况下UI会提供相应的字体图标然后css:hover就可以搞定了,但是UI说没有,只有psd原图还得自己换颜色,本来打算自己把图片转换给字体图标,后来一想好像可以用JS来实现,在加上又是一个小网站,用户对相应速度要求很低(其实是我发现生成字体图标好麻烦还要下载AI),于是我就打算用JS来实现,正好练练手。
2017-03-13 22:09:45 4397
原创 AngularJs学习记录-(2) ng-click
刚才学习了AngularJS的ng-click;通过一个小案例,发现AngularJS框架的方便之处;ng-click是用来告诉AngularJS当他所在的元素被点击时出发某个函数ng-click=‘fun()’;AngularJS只会在$scope中寻找你要运行的函数,并不会去搜索全局函数;ng-app="hd"> ng-controller="ctrl">
2017-01-16 23:40:48 5958
原创 AngularJs学习记录--双向数据绑定的HelloWorld!
AngularJS板块纯属个人学习日记,如有理解不对的地方还请多多指教。 在使用angularJS时需要注意的问题: 1、必须先定义一个ng-app的模块; 2、controller是控制器的意思,定义controller前必须先创建ng-app; 3、ng-bind 是单向绑定的一个视图指令;ng-bind='name'; 4、ng-model是双向绑定的视图指令,form表单专用; n
2017-01-16 21:48:13 339
原创 前端如何提升网页加载速度,加载速度提升有什么好处?
前端如何提升网页的加载速度:1、能用CSS实现的效果绝对不用雪碧图!2、能用字体图标的绝不用雪碧图!3、所有的图片最好全部加载成一张雪碧图!4、可以将小块的CSS、JS样式直接写在页面中(仅限于复用率低的代码)这样可以减少服务器的请求次数,虽然我们一直在强调要样式、结构、行为分离但是查看所有的主流门户网站,基本没有能做到完全分离的;5、图片尽量使用懒加载,有利于提升网站的开
2016-12-26 11:33:35 1068
原创 前端需要注意哪些SEO
前端需要注意哪些SEO:什么事SEO:是由英文Search Engine Optimization缩写而来,中文意思是“搜索引擎的优化”。SEO具体是指通过:网站结构调整、网站内容建设、网站代码优化、以及站外优化(网站站外推广、网站品牌建设等),使网站满足搜索引擎的收录排名需求,提高网站在搜索引擎中关键字的排名,从而吸引精准用户进入网站,获得免费流量,产生直接销售或品牌推广。
2016-12-26 11:11:13 3269
原创 MUI 图片懒加载的源码分析
今天学习了MUI框架中的图片懒加载的使用,第一次使用比较好奇,然后就想翻出源码来研究研究,下面先上源码: huibase.lazyLoadNow = function(className){ if(!className){className = 'HUI_Lazy';} var winInfo = hui.winInfo(), imgs = new Array(), lazyObj = h
2016-12-25 23:47:20 4202
原创 使用MUI框架实现图片懒加载
今天学习了HUI框架实现懒加载效果,再次感叹 深海老师 不亏为大神。实现方法非常的简单,只需要设置图片的预加载占位图及其实际地址。先说一下自己理解的懒加载的定义:在APP中懒加载就是讲所有需要展示的图片全部换成展位图(最好是字体图标)保存在程序当中;当程序开始运行的时候,只会在首页中加载能背用户看到的图片,其他区域的图片全被设定为展位图,而那些占位图只会在你触发他的时候,或者说你的界面包含
2016-12-25 22:37:02 16785
原创 MUI添加下拉刷新的动画效果
利用HUI框架在APP里添加下拉刷新功能还是比较简单的只需要很短的代码即可实现;首先还是要进行重置操作,然后在重置函数内添加下拉刷新命令,并添加下拉刷新的等待动画。、注意:下拉刷新命令一定要记得设置关闭,否则页面会一直刷新,不会显示任何内容;hui.plusReady(function(){ getNewList(); //重置并运行函数 hui.refre
2016-12-24 23:45:02 4002 1
原创 MUI中的AJAX应用
在HUI中实现AJAX效果其实相当的简单,只需要简单的几行代码即可:以下代码为 深海 老师完成,本人只是抄录下来:首先强调一点:如果你的操作会触碰到plus 或者叫做H5+的底层,那么一定要记得plusReady(); 这个函数的作用就是重置,下面这段代码就是plusReady();在HUI函数中的运用。hui.plusReady(function(){ hui.refresh(getNew
2016-12-24 22:53:13 1286
原创 MUI框架初学——子页面返回键设定
使用框架HUI框架实现在子页面按返回键时,激活的是父页面的返回函数:hui.Back=function(){ var parentView = plus.webview.currentWebview().parent(); parentView.evalJS('hui.Back();');}当前效果为,在子页面点击返回按钮时主页提示再按一次退出程序!
2016-12-24 09:32:05 6887 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人