html5_css3_js-CSDN博客

原创 canvas元素——放大镜

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .wrap { w

2016-12-07 18:26:14 212

原创 CSS 气泡写法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tooltip</title> <style>

2016-12-06 17:56:30 909

原创从reactjs和angularjs可以看出facebook和google两家公司的文化

facebook喜欢独立，小巧，快速，创新。抛开flux,react route不谈，reactjs作为view本身非常独立，不仅可以在浏览器上用，还可以在server端结合nodejs做模板。除了独立，reactjs还很灵活小巧，用起来像拼lego的积木，一个component接着另一个component。在性能方面，由于运用了virtual dom技术，reactjs只在调用setst...

2016-12-01 17:24:31 1515

原创用html+css样式，画背景图

<!doctype html><html><head><meta charset="utf-8"><title>图片</title><style> div{height: 400px;width: 400px;background-size: 40px 40px; backgr

2016-11-30 17:59:59 1086

原创仿美团app产品列表，用weui(bootstrap可去掉)写成

// 静态路径用的cdn，直接可用。iconfont图标本地，自己下载即可<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e

2016-11-29 17:05:18 2313

最近因为工作很忙，不断切图，不断改模版改样式。我想很多从事前端工作的都是有这样的经历。今天得空上来写点东西，都是个人的理解，不足的地方希望大神多多指点。很多前端肯定发现了，单纯的切psd写静态页面，薪资根本涨不上去，而且年龄一大很容易被淘汰，因为这些太基础，现在的培训机构，分分钟造出一批这样的。所以大家开始爬坑，往更高的地方爬。我个人理解了四个等级：第一级，会切图，可以独立写出静态页面，样式能兼容...

2016-11-25 17:45:40 348

原创 canvas画布画卡通人物--哆啦A梦

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #canv

2016-11-24 16:35:57 5112

原创 Eclipse快捷键大全，高速敲代码不在是神话

MyEclipse 快捷键1(CTRL)Ctrl+1 快速修复Ctrl+D: 删除当前行Ctrl+Q 定位到最后编辑的地方Ctrl+L 定位在某行Ctrl+O 快速显示 OutLineCtrl+T 快速显示当前类的继承结构Ctrl+W 关闭当前EditerCtrl+K 快速定位到下一个Ctrl+E 快速显示当前Editer的下拉列表Ctrl+J 正向增量查找(按下C...

2016-11-22 09:57:07 241

原创前端自动化之神器 — Gulp

Nodejs不仅把Javascript带到了服务端，也在前端掀起了自动化的浪潮，推动了前端工作的历史性巨变，今天和大家一起学习前端自动化的神器—Gulp;说起自动化，自然少不了Grunt，这位前辈目前社区完善，拥有几千个现成插件，install下来参考文档即可配置使用（参见：前端自动化之利剑——Grunt）；而Gulp的出现，希望取其精华并取代Grunt，成为最流行的Javascript构建工具，...

2016-11-21 17:03:48 195

原创响应式设计的现状与趋势

从2012年开始到2016年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的地位，并掀起了一股网页设计新标准的浪潮。这里本人基于一些资料文献及自己的陋见，谈谈响应式设计的一些现状和趋势。　　源起　　2010年5月，伊桑.马科特（Ethan Marcotte）在“A List A...

2016-11-17 14:10:05 497

原创 HTML5 参考手册

W3C发布的最新的 HTML5 工作草案。HTML5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 header, section, footer, 以及 figure。通过...

2016-11-10 13:18:05 264

原创 JavaScript的那些书

又好久没写东西了,写上一篇的时候还以为接下来的工作会轻松一些,结果未从我所愿呐,又是一阵忙碌.而这段时间穿插着做了很多12年淘宝校园招聘的前端面试,很多同学都有问到,学校里没有前端的课程,那如何学习JavaScript? 我的回答是:读书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高.而如果深一脚浅一脚的学习,写出代码的质...

2016-11-09 17:57:49 98

原创神奇的Canvas贝塞尔曲线画心，程序员的表白

html5 canvase尝试用贝赛尔曲线画心，怎么样？是不是很酷？各位小伙伴，我画了一个心的轮廓，大家可以在此基础上自己加工，表白的时候到了。<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit

2016-11-08 15:30:47 5052

html5_css3_js的博客