你不知道的h5

向右看齐 2022-06-04 07:27 288阅读 0赞

## [基于 Three.js 的超快的 3D 开发框架：Whitestorm.js][Three.js _ 3D _Whitestorm.js] ##

Whitestorm.js 是一款基于 Three.js 超快的 Web 应用 3D 开发框架。它为普通的 Three.js 任务提供封装、使搭建环境、创建对象、添加物件等操作，使开发 3D 的 Web 应用变得更加简单。目前 3300+ Stars 。前端 er，可以了解下。

## [如何用 js 获取虚拟键盘高度？-前端早读课][js _-] ##

9月7号早读文章由@汤谷投稿分享。  
正文从这开始～ 这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案，what？没有方案还聊个什么？  
别急，别急，接下来我们一起来扒一扒关于软键盘高度和 input 的问题 我们先来看一个短片认识一下这个问题 …

## [推荐一些 React Native 3 月份优秀开源项目][React Native 3] ##

持续收集 React Native 优秀开源项目，可以关注公众号 aMarno ，专注分享 React Native 技术和资源。

## [44 个 JavaScript 变态题解析][44 _ JavaScript] ##

读者可以先去做一下感受感受. 当初笔者的成绩是 21/44…

当初笔者做这套题的时候不仅怀疑智商, 连人生都开始怀疑了….

不过, 对于基础知识的理解是深入编程的前提. 让我们一起来看看这些变态题到底变态不变态吧!

## [用 Vue 实现带 Dom 回收功能的无尽滚动列表组件][Vue _ Dom] ##

Complexities of an Infinite Scroller 文中例子的 vue 实现

## [这可能是目前最新的 Vue 相关开源项目库汇总][Vue] ##

在 Github 上做了一个很新的 Vue 相关开源项目汇总。对 Vue 开发感兴趣的欢迎 Star ，后续也会定期维护更新这个列表。当然，你也可以去 opendigg 上查看。

## [我是怎样让网站用上HTML5 Manifest][HTML5 Manifest] ##

我觉得很多网站没有使用Manifest是因为上面提到的两个原因，有些人有尝试过，但使用起来比较麻烦，离线应用价值好像不太大。但是使用Manifest还是有很多好处的，特别是像博客等之类的偏向于展示的网站，或者是在线APP，这种网站的数据动态变化频率比较低，不需要频繁地向服务请求…

## [Vue2 后台管理系统解决方案][Vue2] ##

基于 Vue.js 2.x 系列 + Element UI 的后台管理系统解决方案。该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。

## [揭秘 jQuery][jQuery] ##

有时候我在想 jQuery 为什么可以直接 $ 操作，可以拥有比原生 js 更便利的 DOM 操作，而且只要你想就可以直接链式操作下去

## [移动 Web 开发问题和优化小结][Web] ##

到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好…

## [由浅入深的前端面试题 和矫情的“浪漫主义”诗句][Link 1] ##

好吧，我承认太标题党了，这篇文章是通过一道前端面试题引出的纯技术讨论。我先要矫情无比的从中外诗歌说起。 传统的佛学经典里，被世人熟知的有这样一句话：“一花一世界，一叶一菩提，一木一浮生，一草一天堂，一砂一极乐，一方一净土，一笑一尘缘，一念一清静。” 昔时佛祖拈花，惟迦叶微笑，既…

## [浅析 JS 模块规范：AMD 和 CMD][JS _AMD _ CMD] ##

在了解 AMD，CMD 规范前，我们先来简单地了解下什么是模块？

简单的说，一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。当然，模块开发需要遵循一定的规范，否则各用各的就会乱套了。

目前，常用的 JS 模块规范主要有两种：CMD 和 AMD。

## [常用 SCSS 不完全总结][SCSS] ##

## [2017互联网一线大厂面试总结][2017] ##

2017年前端面试经验总结.

## [【原】cookie 小结][cookie] ##

由于 HTTP 是一种无状态的协议，服务器单从网络连接上无从知道客户身份。怎么办呢？就给客户端们颁发一个通行证，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。

## [js拦截全局ajax请求][js_ajax] ##

### 一. 直接引入脚本 拦截需要的ajax 回调或函数。 拦截成功了！ 我们也可以看到jQuery3.1内部已经放弃onreadystatechange而改用onload了。 \#\#\#二. CommonJs下的模块构建工具环境中 ob,类型是对象，key为想要拦截的回调或函数，… ###

## [面试题目别有洞天：优雅es6＋智慧polyfill＋redux迷之命名][es6_polyfill_redux] ##

之前的一篇文章：从一道面试题，到“我可能看了假源码”讨论了bind方法的各种进阶Pollyfill，今天再分享一个有意思的题目。 从解这道题目出发，我会谈到数组的Reduce方法，ES6特性和Redux数据流框架中Reducer的命名等等。一道典型的题目，却如唐代诗人章碣《对月…

## [如何摆脱项目命名困难的尴尬局面][Link 2] ##

如何高效的命名你的项目 在做一个项目的时候，我们往往遭遇命名问题的困惑，当看到一些非专业人的代码，看到他们凌乱的码法，有时候真的苦不堪言。深刻知道一个良好的命名规范的重要性，同时在项目中也会遇到一些命名的瓶颈。所以有必要写一篇关于常见命名的方式。以下是通过3年的编程经验，以及参…

## [低仿饿了么 H5 - 纯前端 Vue 版 + 手把手教学][H5 - _ Vue _ _] ##

这是一个低仿饿了么H5的纯前端练手，数据是伪造的，写的比较粗糙，写这个的目的是为了加深一下熟练度，半年前看到别人写的仿cnodejs网站，我也用vue1仿了cnodeJs的网站，当时写的也是粗糙的令人发指，在线预览：[https://hbxywdk.github.io/vue-cnodeJs/][https_hbxywdk.github.io_vue-cnodeJs]

## [git 团队合作， git 分支开发 、合并、冲突 实例][git _ git _ _] ##

git 团队合作开发过程中，需要用 git 处理的合并分支时如何解决相关问题

## [微信小程序开发之豆瓣同城][Link 3] ##

微信小程序开发案例：豆瓣同城

## [6 款 Javascript 的图像处理库][6 _ Javascript] ##

文 / Tine 译 / Mantra 附原文地址：[http://blog.webkid.io/image-processing-in-javascript/][http_blog.webkid.io_image-processing-in-javascript] 如果你正在寻找更高效的办法来处理或操纵你 web 项目中的图片，那么这篇 blog 介绍的一些库，很值得你仔细阅读一下。这些库…

## [适用于 vue.js 和原生 js 的渐进式图片加载][vue.js _ js] ##

渐进式图片加载

## [你真的会用getBoundingClientRect吗][getBoundingClientRect] ##

本文介绍了什么是getBoundingClientRect；以及获取width,height的兼容性写法；最后介绍了两个使用场景：获取页面元素的位置和判断元素是否在可视区域。

[Three.js _ 3D _Whitestorm.js]: https://juejin.im/entry/58ca98c48ac2477b8e7f2de3
[js _-]: https://juejin.im/entry/59b8aa0c5188257e75175eab
[React Native 3]: https://juejin.im/entry/58c8d34d8ac247005f96ea40
[44 _ JavaScript]: https://juejin.im/entry/58adabd6da2f6054bd1f499f
[Vue _ Dom]: https://juejin.im/entry/58bd3a33a22b9d005ef15ca0
[Vue]: https://juejin.im/entry/58bf745fa22b9d0058895a58
[HTML5 Manifest]: https://juejin.im/entry/59cdb4c86fb9a00a402e1008
[Vue2]: https://juejin.im/entry/58bccc87a22b9d005eee214f
[jQuery]: https://juejin.im/entry/58bad91e128fe100643fb2ac
[Web]: https://juejin.im/entry/59c84f906fb9a00a51439e08
[Link 1]: https://juejin.im/entry/58bd3d56ac502e006c21452d
[JS _AMD _ CMD]: https://juejin.im/entry/58c8e0aeb123db005313c2df
[SCSS]: https://juejin.im/entry/59891d835188256dcc11bfcc
[2017]: https://juejin.im/entry/599038d151882548b31b4f03
[cookie]: https://juejin.im/entry/58c4ccc7128fe1006b37facb
[js_ajax]: https://juejin.im/entry/58c920d2b123db0053157912
[es6_polyfill_redux]: https://juejin.im/entry/58c12fa344d9040069757104
[Link 2]: https://juejin.im/entry/58d0e614570c350058b3e1a8
[H5 - _ Vue _ _]: https://juejin.im/entry/58ba32f38ac24708f2efd3e5
[https_hbxywdk.github.io_vue-cnodeJs]: https://hbxywdk.github.io/vue-cnodeJs/
[git _ git _ _]: https://juejin.im/entry/58c134052f301e006ba9d6a6
[Link 3]: https://juejin.im/entry/58c3d98fda2f6056096b33ef
[6 _ Javascript]: https://juejin.im/entry/58c0f8122f301e006ba80891
[http_blog.webkid.io_image-processing-in-javascript]: http://blog.webkid.io/image-processing-in-javascript/
[vue.js _ js]: https://juejin.im/entry/58d2485c2f301e007e63ed54
[getBoundingClientRect]: https://juejin.im/entry/59c1fd23f265da06594316a9