摘要:
最近公司刚好有个活动是要做一版 html5的拼图小游戏,于是自己心血来潮,自己先实现了一把,也算是尝尝鲜了。下面就把大体的思路介绍一下,希望大家都可以做出一款属于自己的拼图小游戏,必须是更炫酷,更好玩!来吧,大家一起加油。。。 利用canvas切出小块图片 我们知道现在的拼图游戏都是由九张小图片依次 阅读全文
摘要:
微博上看到@过气网红一丝 发的,特地收集。 预览 html <div class="slides"> <div class="slide 1th"></div> <div class="slide 2th"></div> <div class="slide 3th"></div> <div clas 阅读全文
摘要:
ie8hack ie8下的兼容问题处理:背景透明,css3圆角,css3和jquery支持部分css3选择器(例如:nth-child),支持html5的语义化标签,媒体查询@media等。 在html页面头部<head>优先加载ie8需要的插件,因为部分插件需要依赖jquery,所以jquery需 阅读全文
摘要:
关于浏览器图标解决方案,一直就有很多 CSS Sprite,Icon Font,CSS Icon以及SVG.相对而言svg矢量图标以及支持浏览器自身解析的优点,很多团队都已经在使用了。这篇文章主要说明svg图标的使用和制作。 演示地址 代码 SVG Sprite 传统的做法 使用AI或者合并SVG图 阅读全文
摘要:
_Material design_是Google开发的,目的是为了统一公司的web端和手机端的产品风格。它是基于很多的原则,比如像合适的动画,响应式,以及颜色和阴影的使用。完整的指南详情请看这里(http://www.google.com/design/spec/material-design/in 阅读全文
摘要:
1.两端对齐方法 说明:利用外部div的padding使div居中对齐,左右浮动两端对齐 <div class="clearfix" style="padding:20px"> <div class=left> </div> <div class=right> </div> </div> 2.多列布 阅读全文
摘要:
我想用一句话作为本章的开场“产品道,非常道!”这六个字需要我们慢慢体会。 作为一个产品人,在当今这个社会可真是不好当,他需要你具备的条件是很多,这些条件中最重要的一条大家都知道,找到适合自己的一件事情,然后用心坚持做下去,然后呢,用时间来证明这件事情的价值,只有这件事情有了价值,产品人才有了价值。 阅读全文
摘要:
CODELF 的 GitHub Star 管理工具, 简洁快速,从开发者角度考虑,用完就走,不给开发者更多的管理负担。 http://unbug.github.io/codelf/ 这个工具目前在 GitHub 上已经收到快 1000 的 Star 了。 https://github.com/unb 阅读全文
摘要:
前端规范 在实际开发中,由于团队成员编码习惯不一,技术层次不同,开发前定制并遵循一种代码规范能提高代码质量,增加开发效率。 Javascript Javascript规范直接参考airbnb: ES6 JavaScript Style Guide ES5 JavaScript Style Guide 阅读全文
摘要:
迷惑的position 小加发现实际开发中position使用频率很高,但很多人却对position不是很了解,导致开发中出现各种问题,现在让我门一起来看看这个迷惑的position吧~ static 元素未定位,默认出现在普通流中,即元素从左到右,从上到下的方式布局~ HTML <div clas 阅读全文
摘要:
原本自己也想画大白,正巧看到一位同学(github:https://github.com/shiyiwang)也用相同的方法画了。 且细节相当到位。所以我就fork了一下,在此我也分享一下。同时,我也希望有更多的同学发挥自己的想象力,来找个东西画画。 如果看过我前几次的分享,肯定能马上想到大白的各个 阅读全文
摘要:
stylus介绍 Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,所以 Stylus 是一种新型语言,可以创建健壮的、动态的、富有表现力的CSS。比较年轻,其本质上做的事情与 SASS/LESS 等类似,应该是有很多借鉴,所 阅读全文
摘要:
使用记事本或文本编辑器编写 HTML HTML 可以使用如下专业的 HTML 编辑器进行编辑: Microsoft WebMatrix Sublime Text 然而,我们推荐使用记事本(PC)或文本编辑器(Mac)学习 HTML。我们相信使用一个简单的文本编辑器学习 HTML 是一种很好的方式。按 阅读全文
摘要:
这次分享的电扇,和以往用css3画人物相比 多加了一点交互,就是电扇开关的地方,用到了一点点css3的 :checked +div 这个很少用到的选择器来实现的。 GitHub传送门:https://github.com/lancer07/css3_fan 效果是这样的 HTML 结构 小技巧就是, 阅读全文
摘要:
算术操作符 加减乘除这些算术操作中的每一种都必须借助于相应的操作符才能完成。操作符是JavaScript为完成各种操作而定义的一些符号。等号(=)、加号(+)、减号(-)、乘号(*)、除号(/)。 下面是一个简单的加法操作: 1 + 4 还可以把多种操作组合在一起: 1 + 4 * 5 为避免产生歧 阅读全文
摘要:
jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery的同时也能混合JavaScript原生代码一起使用。通过jQuery生成的对象是一个 阅读全文
摘要:
本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景——分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想。与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程;与一些构建大型应用的高阶教程相比,又更专注于一些零碎细节的实现,方便读者快速 阅读全文