starof

摘要： Nodejs中不存在浏览器中冒泡，捕获这些行为，Nodejs中实现了events这个模块，Nodejs中大多数模块都集成了这个模块，所以events是Nodejs中最重要的一个模块。 events只对外暴露一个对象，就是EventEmitter,EventEmitter作用只有2个，分别是：事件的发 阅读全文

摘要： 一、Nodejs介绍 简单的说 Node.js 就是运行在服务端的 JavaScript的代码解析器。 首先要清楚Node不是一个Web服务器，这十分重要。它本身并不能做任何事情。它无法像Apache那样工作。如果你希望它成为一个HTTP服务器，你必须借助它内置库自己编写。Node.js只是计算机上 阅读全文

摘要： HTTP状态码(HTTP Status Code) 状态码并不是每个都有，为了后期扩展。【update20170505】 一些常见的状态码为： 一、1开头 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已 阅读全文

摘要： 移动端IOS知识普及：IOS标准分辨率：1242px * 2208px切片要求：1、 设计稿是按标准分辨率1242X2208设计，图片资源尺寸则是3倍图尺寸，将整个设计图压缩成750X1334，图片资源尺寸则是2倍图尺寸，在二倍图的基础上压缩成50%，图片资源尺寸则是1倍图尺寸；2、产品效果图独立切... 阅读全文

摘要： 一、需求如下图重点是要实现进度条。二、分析html5新增及删除标签一文中提到过html5新增了progress标签。但是肯定有兼容性问题。生成环境不适用，所以要模拟实现。原理：动态设置的子元素的宽度值。1、简单的雏形假设只有一个进度条，如下，我们只需要知道p元素的宽度，span元素的百分比，相乘即得... 阅读全文

摘要： 一、生成数字时钟效果：二、将数字转换为图片方法一：图片名称即数字，用最简单的写法。用到图片：写一个函数strToImg(str)将一个字符串str中每一个数字转换为对应图片，然后动态创建标签。注意：每次调用需清空标签中的内容。方法二：【不适用】如果图片名称不是纯数字，就用一个数组保存起来。本方法操作... 阅读全文

摘要： 一、预备知识Math.ceil(); //向上取整。Math.floor(); //向下取整。Math.round(); //四舍五入。Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494Math.ceil(Mat... 阅读全文

摘要： 2011年阿里就已经开始在生产环境中使用nodejs. 阿里的技术栈中，Java是最核心的，Nodejs扮演怎样的一个角色？ 1、 基础设施大部分采用Java实现，变化较少，有事务要求的Business Services通常使用Java. 2、而Node.js则替代过去PHP/Java Web的场景 阅读全文

摘要： 一、用到的图片 二、代码如下，重点是js部分 效果如下： 三、注意事项 1、抽奖过程说明 上面只是前端展示的效果。中奖物品通过一个随机数生成。 真正开发中中奖物品是通过向后端接口发送请求返回的。 2、兼容性说明 .mask开始如下，用的是rgba，但是IE8不兼容，改为使用png图片backgrou 阅读全文

摘要： 一、最终效果 二、功能分析 1、需求分析 点击左边pre按钮，显示前面三个图片，点击右边的next按钮，显示后面的一组（三个）图片。初始化只显示next按钮，到最后一组只显示pre按钮，中间过程两按钮都显示。 效果图是最终效果有做响应式，但这不是重点，不做介绍。 2、html结构分析 #activi 阅读全文

摘要： 一、需求点击图片查看大图，再点大图隐藏。多用于移动端，因为移动端屏幕小，可能需要查看大图。二、代码JQuery点击图片查看大图by starof三、技巧需要点击图片中1、2、3、4四张小图分别查看大图，而下面左右按钮切换时是需要同时切换4张小图。因为移动端无法添加热点，最终一个解决方法是使用四个a标... 阅读全文

摘要： 一、背景 设计狮童鞋总是会设计各种高大上的效果图，比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框，打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器（三）一文中介绍过一个选择器【:checked】选择 阅读全文

摘要： 一、概述 浮动在移动布局中不再重要，flex盒模型越来越重要。 - W3C 2009年第1次草案：[display:box;](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)- W3C 2011年第2次草案：[display:flexbox 阅读全文

摘要： 场景：图片宽高未知，使其在固定宽高容器中垂直居中。 一、vertical:middle原理配合after伪元素实现 为父元素设定一个伪元素：：after,其高度为父元素的高度，display:inline-block,将其设定为vertical-align:middle即可撑开line box，同时 阅读全文

摘要： 一、不要使用纯色一般来说，做UI设计，海报设计什么的，如果不是特殊的需要，最好不要使用纯色，黑白，纯红(#FF0000)这样的颜色，一是因为纯黑与纯白这样的颜色之间造成的对比让人感觉很不舒服，二是自然界几乎没有看上去纯黑和纯白的物体，不符合人们的生活经验。二、色彩的意象和空间感【1】色彩的意象，是存... 阅读全文

摘要： 亲测注册码适合WebStorm 10的所有版本。WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了Inte... 阅读全文

摘要： 一、viewport宽度起源：PC端的网站要显示在移动端有什么问题？如果把移动端的可是区域设置到（320-768）的话，大部分网站都会因为太窄而显示错乱所以浏览器默认把viewport【这个viewport指的是layout viewport】设置为一个较宽的值980px或者1024px，至少保证P... 阅读全文

摘要： 直接Ctrl+F 搜索你要找的错## Simplified Chinese translation for subversion package# This file is distributed under the same license as the subversion package.##... 阅读全文

摘要： 一、目标目标实现如下效果：二、完成1、分析这个效果看起来很简单，实际上可能并不那么容易实现。首先是全部东西都居中显示，除了“亲爱的starof”这个称呼的地方。这也是难点，也是本文要重点说的地方。开始我尝试将“亲爱的starof:” 和下面那段文字分别独立成两个段落，一个居左，一个居左。结果当然是不... 阅读全文

摘要： 一、目标目标完成下图效果：二、完成1、分析在::before和::after伪元素的用法一文中有说到使用::befrore和::after可以完成一个六边形。这个案例是用一个#star-six完成一个正三角形，通过::after实现一个倒三角形，然后绝对定位放好位置。我们接下来也用这个思路完成。2、... 阅读全文