摘要：
做前端开发的需不需要PS 记得在之前的老东家做某一个系统开发，当时正在做界面开发，发现界面还需要添加几个图标，于是把这个需求反馈给了项目经理。过了十几分钟，项目经理跑过来告诉我：产品部的UI设计人员（当时我们的UI设计人员全部调整到产品部）需要向他们产品经理汇报这个任务，你在邮件里边简单描述下你的图 阅读全文
摘要：
系列知识点汇总 这些HTML、CSS知识点，面试和平时开发都需要 No1-No4（知识点：HTML、CSS、盒子模型、内容布局） 这些HTML、CSS知识点，面试和平时开发都需要 No5-No7（知识点：文字设置、设置背景、数据列表） 这些HTML、CSS知识点，面试和平时开发都需要 No8-No9 阅读全文
摘要：
老大提需求：一份数据，在2D地图上可编辑，在3D地图上显示高度信息，关键是两个地图得支持视图同步，末了还来句"两天时间够了吧？"我饶了饶头，内心各种问候...，代码如何下手，特X的，什么是双屏联动？ 掘金地址：https://juejin.cn/spost/7395385447294369830 功 阅读全文
摘要：
前言 在上一篇丝滑的贝塞尔曲线：从数学原理到应用介绍贝塞尔曲线实现动画时给自己留了一个坑，实现的动画效果和CSS的transition-timing-function: cubic-bezier差别较大，如下图所示，红色为Linear、绿色为CSS的cubic-beizer、蓝色为自己实现的cbez 阅读全文
摘要：
1.Node来历 2009年，正是推出基于Javascript语言和V8引擎的开源Web服务项目，命名为Node.js，Node.js是第一次把Javascript带到后端开发。全很很多开发人员都熟悉Javascript,所以Node.js一下子就火了。 Javascript语言本身是完善的函数式语 阅读全文
摘要：
1.有哪些方式可以对一个DOM设置它的CSS样式？ 外部样式表。引入一个外部CSS文件； 内部样式表。将CSS代码放在<head>标签内部； 内联样式，将CSS样式直接定义在HTML元素内部； 2.CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器的可视范围内？ 最基本的： 设置disp 阅读全文
摘要：
1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 所谓的“浏览器内核”无非指的是一个浏览器最核心的部分-“Rendering Engine”，直译叫做“渲染引擎”，我们也常称为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器来渲染网页内容，将页面内容和排版代码转换为用户所见的视图 阅读全文
摘要：
1.Table在各个浏览器呈现有哪些兼容问题？ 1）如果td的值为空，IE8以下的浏览器会出现边框丢失的状况；可设置单元格内容为空白“ ”，也可设置样式border-collpase:collapse解决。 2）table宽度为100%，在IE8以上以及FF、Chrome浏览器都正常工作，但IE6、IE7，表格始终会出现水平滚动条。 2.用五种方式呈现一个三角形？ ... 阅读全文
摘要：
1.使用requestAnimationFrame()来驱动动画 从前，Web应用使用定时器（timer）来控制页面内容动画，通过setTimeout()或setInterval()这两个函数。随着Web 应用开始包含更复杂的动画和交互，这种方式明显遭遇到一些关键问题。 1）.定时器也设置好的恒定间隔来调用函数，无论是否是绘制图形的最佳时机。 2).在定时器回调中执行的Ja... 阅读全文
摘要：
WebGL可以用来做3D效果的全景图呈现，例如故宫的全景图。但有时候我们不仅仅只是呈现全景图，还需要增加互动。故宫里边可以又分了很多区域，例如外朝中路、外朝西路、外朝东路等等。我们需要在3D图上做一些标记表示某个小的区域。当点击这个标记时，界面切换到对应标记区域的全景图。下图是实现此功能的一个小DE 阅读全文
摘要：
我们要实现的功能比较简单：首先通过坐标定位、我的位置、地址搜索等方式，调用google map api获取地址信息。然后根据地址信息中的全景信息获取当前缩放级别的全景信息。最终把这些全景信息通过WebGL方法显示在屏幕上。 了解了Google街景图的呈现原理，像国内的街景呈现，景区全景呈现不外乎都是 阅读全文
摘要：
threex.domevents是一个three.js的扩展库，支持3D场景的交互。和我们操作DOM树的事件相似，名称都是一样的。所以使用起来非常方便。另外他也提供了连接操作。单击网格可实现跳转功能。 如果仅仅使用Dom事件，需要引入： 如果需要使用链接跳转，还需要引入： 不管是使用事件还是跳转，都得创建DomEvents对象： var domEvents =... 阅读全文