腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端架构与工程

专栏作者

71

文章

86259

阅读量

41

订阅数

Typescript+WebGL+Webpack开发环境搭建

ecmascript 编程算法 typescript webpack webgl

目前Web实现矢量渲染的主流技术包括SVG、VML和WebGL。相对而言，VML是一种较古老的技术，虽然未成为W3C标准，但被早期的IE浏览器（IE9以下）和微软Office广泛使用，目前已经远离了浏览器战场。所以可供选择的仅剩SVG和WebGL。SVG是XML的一个子集，秉承了一个标签对应一条数据的原则，目前经常被使用于数据量较小的web项目，比如图表和地铁图。Web矢量地图的数据量非常庞大，举个例子，如下图所示的一个512px*512px的瓦片，其数据量是一个接近5位数的二维数组。而这个瓦片仅仅是最简单的大陆和海洋轮廓，同尺寸街道图的数据量更加庞大。

2018-10-09

1.9K0

前后端分离和模块化-58到家微信首页重构之路

javascript ecmascript webpack

微信钱包内的58到家全新首页已经上线，感兴趣的同学们可以在微信中打开“我的->钱包->58到家”查看。 58到家全新首页提出重构主要是为了解决以下问题：每个城市开通的服务项目不同，有些内容是写死在tpl中，维护非常头疼；开通新服务或者某些UI调整（比如更换服务项的图片造成更改雪碧图）时必须走代码上线流程；原有的前端切图、后端写逻辑的开发模式造成开发周期拉长和上线流程繁琐；原有配置后台操作复杂，且可配置细节不完善；首页加载速度太慢，用户体验欠佳。 58到家目前两年左右的发展期，整个技术生态还不完善。

2018-01-30

1.3K0

webpack多页面开发与懒加载hash解决方案

本文内容只适用于webpack v1版本，webpack v2已经修复了hash计算规则。之前讨论了webpack的hash与chunkhash的区别以及各自的应用场景，如果是常规单页面应用的话，上篇文章提供的方案是没有问题的。但是前端项目复杂多变，应对复杂多页面项目时，我们不得不继续踩webpack的hash坑。在进入正文之前先解释一下所谓的常规单页面和复杂多页面是什么意思。这两个并非专业术语，而是笔者实在想不出更恰当的说法了，见谅。 1. 项目类型 1.1 常规单页面项目常规单页面符合以下条

2018-01-30

1.2K1

Webpack中hash与chunkhash的区别，以及js与css的hash指纹解耦方案

javascript webpack

文件的hash指纹通常作为前端静态资源实现增量更新的方案之一，Webpack是目前最流行的开源编译工具之一，其强大的功能也带来很多坑（当然，大部分麻烦其实都可以在官方文档中找到答案）。比如，在Webpack编译输出文件的配置过程中，如果需要为文件加入hash指纹，Webpack提供了两个配置项可供使用：hash和chunkhash。那么两者有何区别呢？其各自典型的应用场景又是什么？本文结合笔者工作中遇到的问题，简单记录一下以上问题的解决方案。 1. hash与chunkhash 首先我们先看一下官方文档对

2018-01-30

2K0

boi剖析 - 基于webpack的css sprites实现方案

本文是58到家前端工程化集成解决方案boi的博文系列之一。boi是基于webpack打造的一站式前端工程化解决方案，现已开源Github。作为前端构建工具不可或缺的一个环节，自动生成css sprites图片不仅仅能够减少频繁的人工操作，还能够避免多人协作时对同一个sprites图片维护过程中因个人原因引起的图片不规范问题。58到家前端工程化解决方案boi的自动css sprites功能基于webpack实现，本文记录一下实现方案的各个细节以及需要注意的地方。 1. 功能需求 css sprites的功

2018-01-30

1.1K0

2016 SDCC会后总结

webpack javascript 打包

很荣幸作为前端专题讲师参加2016年SDCC，与周爱民老师同台，听业界牛人的分享真是受益匪浅。对我来说是第一次在如此规模的专题论坛上演讲，全程紧张的要命，提前准备好的内容有很多因为紧张没有讲出来。此次

2018-01-30

7160

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态