摘要: 做前端开发的需不需要PS 记得在之前的老东家做某一个系统开发,当时正在做界面开发,发现界面还需要添加几个图标,于是把这个需求反馈给了项目经理。过了十几分钟,项目经理跑过来告诉我:产品部的UI设计人员(当时我们的UI设计人员全部调整到产品部)需要向他们产品经理汇报这个任务,你在邮件里边简单描述下你的图阅读全文
posted @ 2016-06-13 00:35 heavi 阅读(3705) 评论(12) 编辑
摘要: 系列知识点汇总 这些HTML、CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML、CSS、盒子模型、内容布局) 这些HTML、CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置、设置背景、数据列表) 这些HTML、CSS知识点,面试和平时开发都需要 No8-No9阅读全文
posted @ 2016-04-20 23:39 heavi 阅读(2897) 评论(10) 编辑
摘要: 1.Node来历 2009年,正是推出基于Javascript语言和V8引擎的开源Web服务项目,命名为Node.js,Node.js是第一次把Javascript带到后端开发。全很很多开发人员都熟悉Javascript,所以Node.js一下子就火了。 Javascript语言本身是完善的函数式语阅读全文
posted @ 2018-07-10 01:13 heavi 阅读(165) 评论(0) 编辑
摘要: 1.有哪些方式可以对一个DOM设置它的CSS样式? 外部样式表。引入一个外部CSS文件; 内部样式表。将CSS代码放在<head>标签内部; 内联样式,将CSS样式直接定义在HTML元素内部; 2.CSS中可以通过哪些属性定义,使得一个DOM元素不显示在浏览器的可视范围内? 最基本的: 设置disp阅读全文
posted @ 2017-06-08 11:26 heavi 阅读(7358) 评论(0) 编辑
摘要: 1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 所谓的“浏览器内核”无非指的是一个浏览器最核心的部分-“Rendering Engine”,直译叫做“渲染引擎”,我们也常称为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器来渲染网页内容,将页面内容和排版代码转换为用户所见的视图阅读全文
posted @ 2017-06-08 11:24 heavi 阅读(953) 评论(0) 编辑
摘要: 1.Table在各个浏览器呈现有哪些兼容问题? 1)如果td的值为空,IE8以下的浏览器会出现边框丢失的状况;可设置单元格内容为空白“&nbsp”,也可设置样式border-collpase:collapse解决。 2)table宽度为100%,在IE8以上以及FF、Chrome浏览器都正常工作,但IE6、IE7,表格始终会出现水平滚动条。 2.用五种方式呈现一个三角形? ...阅读全文
posted @ 2017-05-22 22:46 heavi 阅读(296) 评论(0) 编辑
摘要: 1.使用requestAnimationFrame()来驱动动画 从前,Web应用使用定时器(timer)来控制页面内容动画,通过setTimeout()或setInterval()这两个函数。随着Web 应用开始包含更复杂的动画和交互,这种方式明显遭遇到一些关键问题。 1).定时器也设置好的恒定间隔来调用函数,无论是否是绘制图形的最佳时机。 2).在定时器回调中执行的Ja...阅读全文
posted @ 2017-05-21 22:01 heavi 阅读(391) 评论(1) 编辑
摘要: WebGL可以用来做3D效果的全景图呈现,例如故宫的全景图。但有时候我们不仅仅只是呈现全景图,还需要增加互动。故宫里边可以又分了很多区域,例如外朝中路、外朝西路、外朝东路等等。我们需要在3D图上做一些标记表示某个小的区域。当点击这个标记时,界面切换到对应标记区域的全景图。下图是实现此功能的一个小DE阅读全文
posted @ 2017-05-14 20:43 heavi 阅读(2873) 评论(6) 编辑
摘要: 我们要实现的功能比较简单:首先通过坐标定位、我的位置、地址搜索等方式,调用google map api获取地址信息。然后根据地址信息中的全景信息获取当前缩放级别的全景信息。最终把这些全景信息通过WebGL方法显示在屏幕上。 了解了Google街景图的呈现原理,像国内的街景呈现,景区全景呈现不外乎都是阅读全文
posted @ 2017-05-13 13:40 heavi 阅读(1505) 评论(0) 编辑
摘要: threex.domevents是一个three.js的扩展库,支持3D场景的交互。和我们操作DOM树的事件相似,名称都是一样的。所以使用起来非常方便。另外他也提供了连接操作。单击网格可实现跳转功能。 如果仅仅使用Dom事件,需要引入: 如果需要使用链接跳转,还需要引入: 不管是使用事件还是跳转,都得创建DomEvents对象: var domEvents =...阅读全文
posted @ 2017-05-10 00:07 heavi 阅读(510) 评论(0) 编辑
摘要: 1.Styled Layer Descriptor 标准描述了稳当的结构合使用规则。一个文档包含了符号定义和绘制规则,那么这个文档就叫做Styled Layer Desciptor(SLD)样式,它是一个text/Xml文件,扩展名为.sld。SLD基于XML标记语言,附加的标准是一个XSD sch阅读全文
posted @ 2017-05-08 21:02 heavi 阅读(402) 评论(0) 编辑
摘要: 在本篇随笔中,我们学习下什么是对象选择,投影和反投影是如何工作的,怎样使用Three.js构建可使用鼠标和对象交互的应用。例如当鼠标移到对象,对象变成红色,鼠标移走,对象又恢复原来的颜色。 本篇随笔的源代码来自于:https://github.com/sole/three.js-tutorials/tree/master/object_picking 这里还有更多的例子可供...阅读全文
posted @ 2017-05-07 16:07 heavi 阅读(1246) 评论(1) 编辑