3个可以让前端工程师开发桌面应用的神器!

如果我告诉你,以后你们可以用前端语言(html5+css3+js)开发桌面应用、可以使用html5最新的特性和CSS3动效还不用考虑兼容性,你们是不是会觉得不可思议? 下面我们就来给大家介绍一下,目前开发市场中比较成熟的PC端前端混合应用的开发神器,那些让前端工...

翻译Photon.js 3D光照引擎中文文档!

Photon.js是一个JavaScript库,在三维空间中的DOM元素添加简单的照明效果。 效果图: 光照开启效果 光照关闭效果 快速开始 官网:http://photon.attasi.com/index.html 创建一个灯光 该光对象表示一点在三维空间中,模型表面被点亮。 // 创建一个光源点 ...

[视频]3分钟妙用debug教你制作CSS3的3D立方体!

3分钟可以干什么? 哈哈。 之前发了一个用CSS3做的3D场景,可能代码比较多,那这次,我们先来看一些比较基础的,先做一个立方体,怎么样? 今天,本萌新来叫大家合理的使用chrome的debug调试工具,制作一个css3的3D立方体,下面得视频是我做的演示视频,...

前端面试题中常常会考核js中的一些坑

各位砖友好,在面对大型系统开发的时候,我们经常会遇到JavaScript这门弱数据语言的致命坑点,“坑”这个字,在此的意思是“陷阱”。由于 JavaScript “弱语言”的性质,使得其在使用过程中异常的宽松灵活,但也极为容易“中招”。这些坑往往隐藏着,所以必须擦亮...

前端工程师该收藏的网址

腾讯前端团队作品集:http://alloyteam.github.io/ 腾讯前端技术研发中心发布的h5前端性能优化指南:https://isux.tencent.com/h5-performance.html JSDM:http://jsdm.com/picks/3 腾讯ISUX社交用户体验设计:http://isux.tencent.com/ 调试压缩在线工具:h...

css中常见的3个标点符号 :“+” 、“>”、“ ,”都是干啥的?

 在打开一些框架查看源码的时候,我们经常会看到这三个标点符号:“+” 、“>”、“ ,”,别说你没见过,但这些东西都是干啥的有啥用,俺就来给大家说说。 css提供了很多的选择器供开发者更加方便的选择html的dom元素节点,下面我们就来列举一下,被很多初学者...

说说CSS清除浮动的那些事。

清除浮动是每一个 web前端工程师必须掌握的机能。这里总结了共5种方法,大家可以参考一下,一部分只可作为了解即可。 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显...

利用纯css3实现绚丽的3D场景技术

案例效果如图: github地址 https://github.com/renjianfeng/css3-3D css3场景技术是利用css3的3D变形和透视制作的基于css3的3d场景效果; 1.将浏览器的css3渲染模式改为3D -moz-transform-style: preserve-3d; transform-style: preserve-3d; -...

设计师使用Sketch实现矢量绘图应用的网页UI设计

介绍 Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。 我们尽力让 Sketch 容易理解并上手简单,有经验的设计师...

陕煤项目如何套用比令数据的模式进行主页面的套用完成

考虑陕煤项目到要使用比令数据的部分功能,所以给大家说明一下,如何套用陕煤的项目到比令数据项目进行页面的套用 比令数据之前是在子页面上使用 <%@ include file="../../common/head.jsp"%> <%@ include file="../../common/...

10 个非常有用的 SVG 动画的 JS 库

SVG 通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外,你甚至可以让SVG动起来,通过使用一些JavaScript类库。下面,我们分享一些javascript类库,这些类库会帮助我们将SVG动画提高一个等级。 Vivus Vivus 是一个能动画js类...

利用canvas玩转神奇的图片处理

canvas是html5新增的一个功能,它是一个基于状态的绘图协议。 今天,我们就来看看神奇的canvas可以为我们带来如何惊叹的图片处理效果。 下面是我在慕课网学习的一些笔记整理大家可以看看。 1.如何把图片加载到canvas中 <!DOCTYPE html> <html...

Top