LateChangce-CSDN博客

转载写给初学前端工程师的一封信

大家好：　　从去年开始不少朋友让我帮忙介绍前端工程师，绝大部分忙都没帮上，原因是真找不到人。我当时是这么跟他们分析的：过去的客户端以browser为主，所以html/css/javascript是唯一选择，现在可是mobile first，于是大量前端开发者被native开发分流，以及原本想做前端工程师的后备力量应届生们也选择学native开发，导致前端人荒。随着情况改变，H5（HTML5

2016-08-06 23:41:37 1185

转载 Three.js学习笔记 – “我和小伙伴都惊呆了”的特效和Three.js初探

原文出处：http://www.cnblogs.com/xufeiyang/articles/3181369.html什么是Three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。

2016-07-13 01:56:24 3755

转载 9个令人震惊的WebGL示例

原文网址：http://www.open-open.com/news/view/9d81361. WebGL WaterThis incredible demo is as fluid as you could believe. Raise and drop the ball into the water to see realistic, beautiful splashin

2016-07-13 01:47:57 998

转载 WebGL技术储备指南

摘要：WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文是我学习 WebGL 时梳理知识脉络的产物，花点时间整理出来与大家分享。文章出处：http://www.open-open.com/news/view/1eb8555WebGL 是 HTML 5 草案的一部分，可以驱动 Canva

2016-07-13 01:38:37 1056

转载 20个令人印象深刻的例子学习Three.js实现WebGL

1. NuclealNucleal is a WebGL experiment, powered by the Three.js. It breaks photos down into thousands of particles that are transformed by physics. You can choose any combination of photo, speed

2016-07-13 01:22:28 18530

转载 Html5实现手机九宫格密码解锁功能

HTML5真的是很强大，前端时间看到一个canvas实现九宫格的密码解锁。效果截图如下：效果看起来还不错吧！源码如下： html5实现网页解锁功能 html, body { ma

2016-07-12 02:58:29 1037

转载纯HTML5 Canvas实现的饼图

纯HTML5 Canvas实现的饼图原网址：http://www.open-open.com/code/view/1427035387346基本思路：主要是利用HTML5 Canvas实现饼图绘制，绘制弧度的API主要是使用context.arc与lineto两个API。实现的功能有：1. 支持标签Legend显示或者隐藏2. 首次载入动画效

2016-07-12 02:48:40 3650

转载 10 个实用的jQuery 代码片段

1. 图片预加载 (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args

2016-07-12 01:58:15 404

转载 12个用得着的JQuery代码片段

1. 导航菜单背景切换效果在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式：导航一导航二导航三//注意：代码需要修饰完善$('#nav').click(function(e) { // 要知道siblings的使用$(e.target).add

2016-07-12 01:46:20 256

转载切图psd to html页面制作技术学习与总结

切图流程和注意事项切图的正确流程做法是：1 写框架。拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。2 查适配。写完之后在各个浏览器运行之后确保大体定位都没有问题。如果是手机wap、微信活动页面，还要注意按手机屏幕大小进行适配。3 书写总体css,这里的css只负责大块的定位及

2016-07-11 20:38:51 1260

转载 CSS盒子模型（简要了解）

CSS盒子模型（简要了解） CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border）和外边距（margin）的方式。在HTML文档中，每个元素（element）都有盒子模型，所以说在Web世界里（特别是页面布局），Box Model无处不在。下

2016-07-08 18:23:04 441

LateChangce的博客