摘要:快过年了,把学习大纲和资料列表,个人总结写在一起,到时候可以看哪些学了,哪些学得不够好...嗯,可以借鉴.不过分享的学习网站可能比较多,有收藏资料的强迫症... ^_^!把好的经验记录下来,少走弯路.目标:web移动开发涉及得比较广,也有很多资料.但web移动是根据HTML5,CSS3 进行开发的.... 阅读全文
posted @ 2013-12-13 10:46 黑色技术 阅读 (922) 评论 (1) 编辑
摘要:HTML 几个需要注意的地方1.正确使用DOCTYPE声明 每个页面中都有这样的一个声明在头部,但如果使用不正确或书写错误,会导致游览器错误的解析,所以在编写网页的时候一定要主要使用正确的DOCTYPE 声明,还需要在什么时候使用哪种DOCTYPE 声明,现在主要分 3 种模式(严谨模式、过渡模式、框架模式),又分为1.0版本、4.0版本,不过现在很多网站还是1.0的过渡版本,现在最新的是HTML5。html 1.0 版本是代表html ,4.0代表 是 xhtml1.1严谨模式 正所谓严谨模式,就是它要求书写代码的格式非常规范,不能有一点错误,在标签内部不可以出现CSS 样式的定义。一般.. 阅读全文
posted @ 2012-09-21 14:38 黑色技术 阅读 (966) 评论 (4) 编辑
摘要:本功能的开发,主要看到一个网站有这个功能,但是是flash做的,当时就吐血了,于是就自己研究用jquery来做一下,功能比较简单,没用进行美化,代码没有经过优化的,如果哪位高手可以优化修改下也不错!好吧,废话就到这里!模仿网站的地址:www.web-designers.cn(韩雪冬)再做完这个效果在一个模板网站找到个类似的功能http://demo.cssmoban.com/cssthemes/hmtl5-template/index.html非常之不错,很酷!先上个图吧!效果:这个切换效果是最基本的,就3个图片切换1.一个框架,主要用来存放切换图片层2.3个div层,用来做切换层,当然,也可 阅读全文
posted @ 2012-07-29 15:21 黑色技术 阅读 (3382) 评论 (0) 编辑
正文内容加载中...
posted @ 2015-03-18 00:52 黑色技术 阅读 (95) 评论 (0) 编辑
摘要:原文地址:https://www.zybuluo.com/yyman001/note/58799个人前端工程师开发工具记录我们前端,每个人都有自己的开发工作环境,工具等,所以我写了这一篇文章,为自己方便把自己常用的前端工具记录下来,以便到时候在新的电脑上可以快速搭建自己熟悉的工作环境和使用自己熟悉的... 阅读全文
posted @ 2015-03-15 18:23 黑色技术 阅读 (225) 评论 (1) 编辑
摘要:1.安装Ruby安装sass 和compass 需要 Ruby 的环境,还区分xp 和win7-8 下版本区别ruby 官网中文ruby 官网英文注意: xp: 下载 [xp不能下载包含64位的版本,我是下载32位安装成功,但调用gem 命令直接报错,不建议使用 包含有64 区分的版本.Ruby 1... 阅读全文
posted @ 2014-12-25 10:03 黑色技术 阅读 (1616) 评论 (0) 编辑
摘要:知识点:变形属性: 边框圆 (border-radius)/中心点 (transform-origin), 旋转 (transform:rotate) / 裁剪 (clip) [or 高宽一半]通过js 控制进度思路方法:一.通过2个半圆分别控制半圆进行转动(2个半圆也有几种实现方法), 二.通过背... 阅读全文
posted @ 2014-10-30 09:59 黑色技术 阅读 (96) 评论 (0) 编辑
摘要:网站优化实录网站优化,从多方面优化,分为前端优化部分和服务器(后台)优化。 现在主要讲前端优化的部分,这是从我自己在做网站优化的时候记录下来的。首先的是,前端优化方面,从多个方面,主要是图片文件,文件链接,html代码结构,css优化等。使用工具比较多,先是用于检测网站性能的工具。检测网站性能的工具... 阅读全文
posted @ 2014-05-09 11:11 黑色技术 阅读 (126) 评论 (0) 编辑
摘要:用简单的思路写了下pc端模拟web端的图片滑动效果。。。效果卡,bug多,完毕,继续学习c3方法写这个,iscroll就是可以模拟这种效果,还在学习中,难点《触点判断》代码一份 Demo Slide with HTML You can put any HTML inside of slide with any layout, not only image... 阅读全文
posted @ 2014-03-21 00:57 黑色技术 阅读 (206) 评论 (0) 编辑
摘要:用于ajax类型提示的,只显示一个。只是给个思路而已,代码有很多不足。4个参数,有2个是可选调用$.mTip('类型','显示内容',显示时间,回调函数)类型:0 为加载1 为成功2 为失败3 为警告显示时间:为整数型大于0,小于0或非整数一直存在,不消失!效果图:渣渣效果一份: 提示框 下载地址:http://files.cnblogs.com/yyman001/mTip1.0.rar 阅读全文
posted @ 2014-01-08 17:21 黑色技术 阅读 (228) 评论 (0) 编辑
摘要:快过年了,把学习大纲和资料列表,个人总结写在一起,到时候可以看哪些学了,哪些学得不够好...嗯,可以借鉴.不过分享的学习网站可能比较多,有收藏资料的强迫症... ^_^!把好的经验记录下来,少走弯路.目标:web移动开发涉及得比较广,也有很多资料.但web移动是根据HTML5,CSS3 进行开发的.... 阅读全文
posted @ 2013-12-13 10:46 黑色技术 阅读 (922) 评论 (1) 编辑
摘要:开发最简单的效果- -,基本构架html,可以换更有意义的结构,这里demo,就简单写,不考虑SEO 1 2 1111 2222jq$.fn.mtab = function (option){ var defaultOption = { "tabBindElement":"children", "tabBindElementEvent":"click", "actionClass":"", "bodyId":"null", " 阅读全文
posted @ 2013-12-10 00:57 黑色技术 阅读 (95) 评论 (0) 编辑
摘要:function flashChecker() { var hasFlash = 0; //是否安装了flash var flashVersion = 0; //flash版本 var isIE = /*@cc_on!@*/0; //是否IE浏览器 if (isIE) { var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if (swf) { hasFlash = ... 阅读全文
posted @ 2013-11-18 14:38 黑色技术 阅读 (183) 评论 (0) 编辑