重构

lauhee

lauhee|初识weex(一)

发布于 6 天前 浏览:113 类型:原创 - 随笔 分类:手机移动 举报

1.Weex基本信息官方支持iOS、Android、HTML5.WriteOnce,RunEverywhere。一次编写可生成三平台代码。DSL模板学习超简单,直接写HTML、CSS、JS。这意味着可以直接用现有编辑器和IDE的代码补全、提示、检查等功能。轻量级、可扩展、高性能。集成花样多,可在HTML5页面嵌入,也可嵌在原生UI中。2.Weex的由来We ...

李锦

李锦|打卡(十七):CSS代码重构与优化之路【转载】

发布于 2016-10-04 16:09:49 浏览:807 类型:原创 - 译文 分类:HTML/CSS 举报

非常感谢原博主的分享,这是原博客的网址http://www.tuicool.com/articles/EfmQvmZ写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多。CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置,你不知道修改这行代码会有什么影响 ...

494014770

494014770|【一】网页重构

发布于 2016-08-23 09:50:26 浏览:421 类型:原创 - 随笔 分类:HTML/CSS 举报

1.Web标准--结构、样式和行为的分离2.重点:精简、重用、有序3.欲精一行,必先通十行4.团队合作的最大难度不是技术,是人 ...

Sergio8866

Sergio8866|好的编程之保存参数

发布于 2016-08-08 14:21:06 浏览:530 类型:原创 - 随笔 分类:性能优化 举报

在项目中,有一个功能是设备参数设置,为了防止以后添加其他参数或者减少某些参数时改动过大,传数据时直接传入json数组,到时候添加或者删除参数时只需要改动前端的json数组就可以,后端代码不需要改动,这就达到了重构的目的:$.ajax({type:'po ...

XXig

XXig|一个选课表-demo

发布于 2016-06-30 14:41:54 浏览:1374 类型:原创 - 随笔 分类:HTML/CSS 举报

看到一个好看的效果图,忍不住想用代码做一下~html代码效果预览<htmllang="en"><head><metacharset="UTF-8"><title>选课表</title><scripttype="text/javascript"src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><style>html,body{-ms-box-sizing:border-box;box-sizing:border-box ...

wanmei

wanmei|CSS代码重构与优化之路

发布于 2016-02-02 13:39:05 浏览:1090 类型:转载 - 教程 分类:HTML/CSS 举报

原文地址:http://luopq.com/2016/01/05/css-optimize/写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多。CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置,你不知道修改这行代码会有什么影响,所以如果有修改或增加新功能 ...

牛奶简单

牛奶简单|闲来没事敲的一个网页

发布于 2015-11-19 12:06:04 浏览:1450 类型:原创 - 随笔 分类:HTML/CSS 举报

大家提提意见http://m.water789.cn:8701/tiancheng/、欢迎来喷。。 ...

iPhone5s

iPhone5s|可重用性HTML组件

发布于 2015-09-16 10:48:42 浏览:1769 类型:原创 - 随笔 分类:HTML/CSS 举报

前言基于组件的HTML开发并不新颖了,两个月(至今可能几年前了),SmashingMagazine已经发布了关于BEM、OOCSS和SMACSS的文章。我没有足够的信息去判别BEM的好坏,其他的两种方法显然不是我想要提出的。OOCSS和SMACSS这些方法的但是是出于对CSS ...

前言自适应页面具有两层含义:1.页面自适应浏览器大小;2.页面自适应不同设备。这两种含义有着不同的应用场景。页面内容根据浏览器大小改变而自动保持撑满(整个)浏览器,所有布局除大小改变外,无其他变化,我们称这种为自适应浏览器大小。传 ...

iPhone5s

iPhone5s|当页面设计师遇到前端重构工程师

发布于 2015-04-15 13:35:34 浏览:684 类型:原创 - 随笔 分类:HTML/CSS 举报

一、前言幸福遇见当设计师遇到前端重构,是否会有一段未知的故事。。。是激情,还是一段真情告白?。。。言归正传,在实际工作中我们可能会出现这样的情况:页面设计师拿着自己满意的设计稿给前端重构工程师,得到的回答却是:“哎呀,这个没法做,怎么能设计成这样?!!!”设计师花费了大量 ...

fanwenjie

fanwenjie|jQuery.stickUp插件重构

发布于 2014-06-15 14:08:08 浏览:882 类型:转载 - 随笔 分类:类库框架 举报

stickUp插件用于实现固定菜单栏效果,原理很简单,说白了就是监听document的scroll事件,滚动到特定值时,将特定元素的position设置为fixed,核心代码如下:HTML代码$(document).on('scroll',function(){varscroll=parseInt($(document).scrollTop());if(menuSize!= ...

htwo

htwo|编写高质量代码笔记之高质量的CSS

发布于 2014-04-07 13:18:20 浏览:1076 类型:转载 - 随笔 分类:HTML/CSS 举报

1、组织CSS的方法:base.css+common.css+page.css。2、reset.css选择雅虎的YUI框架。3、模块化CSS——在CSS中引入面向对象编程思想模块化可以让代码高度重用,显著提高开发效率。CSS划分模块的技巧:a.从视觉上进行划分,样式和功能相对独立且稳定的一部分就可以视为模块。b.模块与模块之间尽 ...

htwo

htwo|编写高质量代码笔记之高质量的HTML

发布于 2014-04-07 13:14:10 浏览:635 类型:转载 - 随笔 分类:HTML/CSS 举报

1、先确定HTML,确定语义的标签,再来选用合适的CSS。2、判断网页标签语义是否良好的一个简单方法就是:去掉样式,看网页结构是否组织良好有序,是否仍然后很好的可读性。3、当页面内标签无法满足设计需要时,才适当添加div和span等无语义标签来辅助实现。4、表单域要用fieldset标签包起来,并用legend标签说明表单的用途。 ...

tracy木子

tracy木子|可以做CSSer吗?今年暑假?

发布于 2014-03-29 20:28:52 浏览:1227 类型:转载 - 随笔 分类:HTML/CSS 举报

第二次笔试——腾讯重构凭借我这烂渣渣的记忆力,感觉今天考察较多的是HTML5+CSS3,移动端的前端问题,SEO,写CSS。IconFontmediaquerydoctype声明方式vedioanimation等等~后记:想要做好一个CSSer,前提是我要好好把HTML5+CSS3吃掉~~~{:4_116:}撑死我吧~~~希望能收到面试通知~~~{: ...

htwo

htwo|OOCSS如何提高性能?

发布于 2014-03-17 17:27:19 浏览:473 类型:转载 - 随笔 分类:HTML/CSS 举报

OOCSS对性能的好处体现在两方面:1.大量的重用CSS代码,所以不需要写很多CSS,这意味着:a.你将拥有较小的文件,以后能够更快的转移;b.大部分页面必须的CSS代码可能被重用,并且被浏览器缓存。2.较小程度上,在浏览器上更少的重绘和布局计在单个页面上,更多的CSS规则被重用, ...

htwo

htwo|OOCSS里的对象指什么

发布于 2014-03-17 17:22:28 浏览:891 类型:转载 - 随笔 分类:HTML/CSS 举报

基本上,CSS对象是一个不断重复的视觉模式,可以抽象地理解成一个HTML,CSS或者Javascript的一个独立片段。这个对象能在整个站点上重复使用。例如,在OOCSS框架里,媒体对象描述了一个内容块,这个内容块里包含了一个固定大小的媒体元素(如图像或视频)。另一个例子是模块对象,它描述了一个通用的内容块,里面包含了必须 ...