%3F%3F%B7-CSDN博客

原创 js-getAttribute与setAttribute的用法

今天UI出图里有一个小小的特效，鼠标滑过图标时，图标更换颜色（字体图标本身和北京）正常情况下UI会提供相应的字体图标然后css:hover就可以搞定了，但是UI说没有，只有psd原图还得自己换颜色，本来打算自己把图片转换给字体图标，后来一想好像可以用JS来实现，在加上又是一个小网站，用户对相应速度要求很低（其实是我发现生成字体图标好麻烦还要下载AI），于是我就打算用JS来实现，正好练练手。

2017-03-13 22:09:45 4386

原创 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 5943

原创 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 330

原创前端如何提升网页加载速度，加载速度提升有什么好处？

前端如何提升网页的加载速度:1、能用CSS实现的效果绝对不用雪碧图！2、能用字体图标的绝不用雪碧图！3、所有的图片最好全部加载成一张雪碧图！4、可以将小块的CSS、JS样式直接写在页面中（仅限于复用率低的代码）这样可以减少服务器的请求次数，虽然我们一直在强调要样式、结构、行为分离但是查看所有的主流门户网站，基本没有能做到完全分离的；5、图片尽量使用懒加载，有利于提升网站的开

2016-12-26 11:33:35 1050

原创前端需要注意哪些SEO

前端需要注意哪些SEO：什么事SEO:是由英文Search Engine Optimization缩写而来，中文意思是“搜索引擎的优化”。SEO具体是指通过：网站结构调整、网站内容建设、网站代码优化、以及站外优化（网站站外推广、网站品牌建设等），使网站满足搜索引擎的收录排名需求，提高网站在搜索引擎中关键字的排名，从而吸引精准用户进入网站，获得免费流量，产生直接销售或品牌推广。

2016-12-26 11:11:13 3255

原创 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 4169

原创使用MUI框架实现图片懒加载

今天学习了HUI框架实现懒加载效果，再次感叹深海老师不亏为大神。实现方法非常的简单，只需要设置图片的预加载占位图及其实际地址。先说一下自己理解的懒加载的定义：在APP中懒加载就是讲所有需要展示的图片全部换成展位图（最好是字体图标）保存在程序当中；当程序开始运行的时候，只会在首页中加载能背用户看到的图片，其他区域的图片全被设定为展位图，而那些占位图只会在你触发他的时候，或者说你的界面包含

2016-12-25 22:37:02 16759

原创 MUI添加下拉刷新的动画效果

利用HUI框架在APP里添加下拉刷新功能还是比较简单的只需要很短的代码即可实现;首先还是要进行重置操作,然后在重置函数内添加下拉刷新命令，并添加下拉刷新的等待动画。、注意：下拉刷新命令一定要记得设置关闭，否则页面会一直刷新，不会显示任何内容；hui.plusReady(function(){ getNewList(); //重置并运行函数 hui.refre

2016-12-24 23:45:02 3992 1

原创 MUI中的AJAX应用

在HUI中实现AJAX效果其实相当的简单，只需要简单的几行代码即可：以下代码为深海老师完成，本人只是抄录下来：首先强调一点：如果你的操作会触碰到plus 或者叫做H5+的底层，那么一定要记得plusReady(); 这个函数的作用就是重置，下面这段代码就是plusReady();在HUI函数中的运用。hui.plusReady(function(){ hui.refresh(getNew

2016-12-24 22:53:13 1279

原创 MUI框架初学——子页面返回键设定

使用框架HUI框架实现在子页面按返回键时，激活的是父页面的返回函数：hui.Back=function(){ var parentView = plus.webview.currentWebview().parent(); parentView.evalJS('hui.Back（）;');}当前效果为，在子页面点击返回按钮时主页提示再按一次退出程序！

2016-12-24 09:32:05 6871 1

XiaoQ的博客