
前端技术栈
大前端技术栈相关技术分享
饶艳辉
十年以上程序员老兵,关注技术交流、提倡原创、拥抱开源。专注服务端、数据结构、算法、互联网微服务、分布式、高可用等架构领域!!!
展开
-
JS批量加载图片是否完成
项目中JS异步加载图片,且需要在图片全部加载完成后调用第三方插件对图片进行自动排版 难点在于,如何判断异步加载的图片都加载完毕?废话不多说,直接上代码,如下: /** * 菜单点击后, 数据区显示 * @param {Object} _TYPE_ * @param {Object} _KEY_ */ function loadPortfolioItem(_TYPE_, _KEY_) { // <!-- <p></p> 调整子菜单导航栏和搜索后高度不一致问题。没有原创 2020-08-16 18:37:10 · 713 阅读 · 0 评论 -
百度地图样式冲突问题
前段时间做项目需要用到地图显示,于是我这边就选择了百度地图(考虑到之前用过百度地图)。 页面使用百度地图步骤还是比较简单的,如下: 首先获取一个ak,具体步骤可以百度 页面引入CSS文件 <link href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" rel="stylesheet"> 页面引入JS文件 <script sr...原创 2020-08-16 17:56:12 · 1030 阅读 · 0 评论 -
页面区分终端加载不同的CSS
我们开发前端项目有时候需要根据不同的终端适配不同的样式。例如公司网站在PC端和移动端显示样式基本需要搞两套。 那么怎么尽量少改动前端代码的情况下满足此类需求呢?这里我说一下之前我在某公司的处理经验,如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/原创 2020-08-16 17:16:02 · 538 阅读 · 0 评论 -
JS代码实现图片懒加载
现如今富媒体信息时代,很多电商产品都会有大量的图片素材展示,无论是移动端、PC端都会可能遇到。如果一个展示页面有大量的图片需要加载,那么该如何进行优化?在这里,给大家整理一下我是怎么使用JS代码实现图片懒加载的。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...原创 2019-11-10 14:37:12 · 517 阅读 · 0 评论