摘要: M站开发的规范,根据具体情况,涉及代码组织的模式,代码编码风格,模块化等,经...研究...决定: 1.采用AMD 规范(RequireJS)实现js模块化。 2.单个文件尽量采用面向对象编程和模块化结构,采用闭包,避免全局污染。 禁止css中插入js,禁止js直接控制css。 3.css使用预编译 阅读全文
posted @ 2016-12-28 16:56 漆黑小T 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 写过路由的同学都知道其原理是通过URL的改变,由导航信息来决定页面信息。。。表述的好像有点不准确 这么说吧,只要URL参数列表只要变化就会调用hashchange事件,此时event对象包括oldURL和newURL两个属性,分别保存参数列表变化前后的完整URL。 目前支持hashchange事件的 阅读全文
posted @ 2016-12-23 09:47 漆黑小T 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 面向对象的写法,各种回调,有的相当有逼格,写法很丰富: 第0种: var personalData = {}; (function(window) { personalData.mainPublic = function() {// textarea限制字数 $(".onesec").on('inp 阅读全文
posted @ 2016-12-22 10:23 漆黑小T 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 相信好多小伙伴喜爱webpack的热加载技术,省时而又不繁琐,讨厌F5或者Ctrl+F5。 嘿嘿,现在介绍大家一个在浏览器中修改直接同步到本地代码修改的方法 (程序员都是从0开始数数的!) 第0步:在你要更改的文件里打开本地修改; 第一步:添加文件到工作区; 第二步:允许请求; 第三步:在允许的界面 阅读全文
posted @ 2016-12-21 09:27 漆黑小T 阅读(1735) 评论(0) 推荐(1) 编辑
摘要: history对象可以保存用户的上网的历史记录,即从窗口被打开的那一刻算起。这里有个比较纠结的问题,出于安全因素的考虑,开发人员无法得知用户浏览过的URL, 只能通过用户访问过的页面列表,实现后退和前进,进而模仿浏览器的“后退”和“前进”按钮。 具体实现方法: //后退一页 history.go(- 阅读全文
posted @ 2016-12-20 09:57 漆黑小T 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 浏览器的DOM计算处理非常耗费CPU时间,霸占内存,这对我们的开发来说是非常不友好的,,比如IE浏览器的onresize事件就可能在用户稍微拖动一下窗口时计算上千次,甚至更高频率直接让浏览器崩溃。。。 手写过轮播图的同学都知道节流阀的存在,那么函数节流亦是如此(参考高程): var processo 阅读全文
posted @ 2016-12-19 09:47 漆黑小T 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 首先来看看Bootstrap当时制定的标准,当然也是Twitter的意思咯: @media (max-width: 768px) { body { background-color: yellow; } } 小屏幕(平板,大于等于 768px) @media (min-width: 768px) { 阅读全文
posted @ 2016-12-16 09:39 漆黑小T 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 今天看到一位同学的需求,要在一个div中加一个小尖尖,对话时发的图片,旁边这个三角是怎么实现与图片的颜色一致,效果如下: 当然,解决这个问题有各种奇淫巧技,现在我们来看一个css属性clip-path,很炫酷。 看属性,肯定要说兼容性问题,clip-path之所以没有很普及,也是因为其浏览器兼容问题 阅读全文
posted @ 2016-12-15 10:12 漆黑小T 阅读(10866) 评论(11) 推荐(1) 编辑
摘要: 几种居中方式,分情况使用: 1.已知父盒子宽度,子盒子宽度; div{ transform: translate(-50%,-50%); //margin-left: - 自身宽度一半; position: absolute; left: 50%; top: 50%; } 2.div标签下img标签 阅读全文
posted @ 2016-12-14 10:32 漆黑小T 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 最近做项目的时候遇到的一些小样式问题,有关表单。并且在接下来几天的面试人中五个人都没有回答上来,改变placeholder属性的默认字体颜色,感觉有必要总结一下。 如何改变默认字体的颜色? @blue: #026b9c; input { width: 100%; height: 74/30rem; 阅读全文
posted @ 2016-12-13 14:30 漆黑小T 阅读(2089) 评论(0) 推荐(0) 编辑