前端UI学习设计文章

今日:0  |  文章:14
UI是网络产品界面设计的意思,设计范围包括常见的网站设计、网络软件设计等。UI设计与常见网站建设 的区别是,UI注重人与网站的互动和体验,以人为中心进行设计,而传统的网站建设是以功能为中心进行设计,随着用户对网站体验的日渐挑剔,网站建设的思想逐渐被淘汰。故学UI是网站设计的未来趋势。
puyuetian
乐天 Lv467 创始人
给图片css添加object-fit属性,可用参数:object-fit属性由下列的值中选择一个关键字来指定。fill被替换的内容大小可以填充元素的内容框。 整个对象将完全填充此框。 如果对象的高宽比不匹配其框的宽高比,那么该对象将被拉伸以适应。contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配,该对象将被添加“黑边”。cover被替换的内容大小保持其宽高比,同时填充元素的整个内容框。 如果对象的宽高比与盒子的宽
 
 295   2018-11-22
puyuetian
乐天 Lv467 创始人
今天无意中发现一个很有意思的跳舞机器人js,我简单整理了一下,分享给大家。大家可以自行配个mp3更带感:<audio src="mp3地址" autoplay></audio>预览:window.onload = dancerRobot("#_dancerRobot_demo",true);全屏预览,带音乐(退出刷新页面即可):全屏预览用法://直接用,填满窗口 dancerRobot(); //在canvas对象里,需要定义canvas对象 dancerRobot('#dance
/精华
 524   2018-10-10
黑衣人
简单就是美 Lv55 VIP
下载地址
 
 499   2018-08-17
黑衣人
简单就是美 Lv55 VIP
效果我的效果纯css荧光搜索
 
 1121   10  2018-07-17
xel66
xel66 Lv5 普通
PC端展示    手机端展示  安装方法:下载后吧文件覆盖到      您的网站根目录/app/puyuetianeditor/template/img/toolicons/建议把原来的文件夹更名备份index.php?c=app&a=puyuetianeditor:index&s=showfile&id=1920管理员:你好,普通用户不支持发布扣豆附件,请先通过实名认证成
 
 1116   2018-06-08
jine01415a
jine Lv10 VIP
/* 【函数】$id(value)** 作用:获取id* * 用法:直接调用,传入id值*/function $id(value){    var oDoc = document.getElementById(value);    return oDoc;}/* 【函数】$class(value)** 作用:获取class* * 用法:直接调用,传入class值*/function $class(value){    var
 
 1183   2017-09-26
黑衣人
简单就是美 Lv55 VIP
下载源代码
 
 1114   2017-08-26
puyuetian
乐天 Lv467 创始人
以下代码及案例基于jq //filereader方式 document.getElementById('imgFile').onchange = function(e) { var ele = document.getElementById('imgFile').files[0]; var fr = new FileReader(); fr.onload = function(ele) { var pvImg = new Image(); pvImg.src = ele.targ
/精华
 2769   11  2017-07-04
wswxy
无所谓学院 Lv21 普通
1、新浪微博 <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'" target="_blank">新浪微博</a> </p> <p>2、腾讯微博 <a href="http://v.t.qq.com/share/share.php?url=http://www.jb51.net&title='分享内
 
 1940   12  2017-05-22
puyuetian
乐天 Lv467 创始人
个别域名或主机无法实现301功能的,可以用js代替,虽然不及301但可以实现其部分功能,可以将非www的域名统一指向至www:<script> (function() { var hostname = location.hostname.split('.'); if(hostname[0] != 'www') { location.href = 'http://www.' + location.hostname + location.pathname + locatio
 
 2268   2016-07-20
puyuetian
乐天 Lv467 创始人
首先出个题:如图:假设对成长速度显示规定如下:成长速度为5显示1个箭头;成长速度为10显示2个箭头;成长速度为12显示3个箭头;成长速度为15显示4个箭头;其他都显示都显示0各箭头。用代码怎么实现? 差一点的if,else:Js代码  var add_level = 0;    if(add_step == 5){      a
 
 1809   2016-06-28
yuetian
小乐天 Lv27 SVIP
.parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。  .parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。  如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象。元素是按照从最近的父元素向外的顺序被返回的。 .pa
 
 3746   2016-04-15
puyuetian
乐天 Lv467 创始人
在http://www.hadsky.com/index.php?c=read&id=278&page=1一文中给出了2个方案,第二个方案也就是用chkimgisok函数来判断图片是否加载成功,在本地测试中反映非常好,可是上传到空间就出现问题了,域名使用了云加速和网络影响的原因,网速较慢时,本来存在的图片加载过慢,函数就会误判为此图片资源有问题,进而启用相应的js代码而导致有头像的用户显示了游客头像,研究了一会,想出了一个更好的解决办法,就是用img的onerror属性去驱动整个事件的
/精华
 5452   2016-03-26
puyuetian
乐天 Lv467 创始人
1.对于img标签可以用onerror来重新加载原来错误的图片,举例: <img src="http://www.hadsky.com/这是个错误的地址或图片资源" onerror="this.src='http://www.hadsky.com/ad/install/ad.png'"> img加载src内的图片出错时,就会自动执行onerror内的js代码,你就可以用this.src来重新加载图片。 2.通用型的判断或检测图片是否加载成功方法,用检测函数,代码如下:
/精华
 5779   2016-03-26
暂无用户组
退出
0级
游客:
网站建设

公告

近期本站被人为恶意注册及发布垃圾帖,本站已开启普通用户发帖审核功能,VIP系列用户组及开发者用户组不受影响,一但发现发布违法或垃圾帖的用户,该用户账号将会被永久封号,请大家共同维护互联网环境,共创美好互联网未来。

最新活动

3年个人版授权+2400天豆仅需154元

8年个人版授权+6400天豆仅需385元

终身个人版授权+5600天豆仅需539元

3年尊享版授权+24000天豆仅需1540元

8年尊享版授权+64000天豆仅需3850元

终身尊享版授权+56000天豆仅需5390元

HadSky 官方微信号
服务号 HadSky微信服务号 技术/文档/精帖
订阅号 HadSky微信订阅号 公告/更新/活动
关注送福利,登录送天豆

Powered by HadSky 6.5.6

©2015 - 2018 HadSky

购买产品 用户文档 加入QQ群 授权查询 网站绑定 客户案例 陕ICP备13005805号

您的IP:35.175.190.77,2018-12-14 19:51:48,Processed in 3.13185 second(s).

支持原创软件,抵制盗版,共创美好明天!
头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息