在 React 项目的开发过程中，你是否遇到过这样的情况：打开一个文件，看到密密麻麻、毫无规律的 import 语句，瞬间感觉大脑一片混乱？

1. 当前环境的一系列判断 2. user Agent常量的一系列操作 3. 字符串操作 解析： 获得该字符串第一个字符的unicode，然后与 0x24 和 0x5F 作比较。 若作为一个想进阶中高级的前端，charCodeAt方法的各种妙用还是需要知道的（面试算法题各种考）…

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

写在前面： 本文都是我目前学到的一些比较零碎的知识点，也是相对偏一点的知识，这是第二篇。前后可能没有太大的相关性，需要的朋友可以过来参考下，喜欢的可以点个赞，希望对大家有所帮助。本文的受众是刚学前端，大手子可以跳过。 1.页面加载完成之后，才开始执行函数。 $(function…

近期项目中用到的一些自己写的或者整理而成的前端效果干货

这段时间在做移动端的开发, 有一个功能就是发表评论,其实这个功能本身是比较简单的, 但是在提测是的时候QA给哦提了一个bug,说输入手机自带的emoji表情发送失败了.我就奇怪了,emoji表情也是文本内容,怎么就发送失败呢,我通过Chrome调试之后发现,向后台发送的时候就显…

这样写不会在控制台打印出期望的内容。而是在浏览器上渲染出 console.log(this.props.todos) 这个字符串。 我们先来看一些很直接的解决方案，然后我们将会解释原理。 我们必须记住：JSX 不是原生的 JavaScript，也不是 HTML。它是一种语法扩展…

look，当hasMoney为true的时候，嗨翻天，为false的时候的睡一天。这种操作符在我们的根据简单的判断条件赋值的时候非常有用 如此，我们的代码就不会充斥着大量的if判断条件句，还能略显骚气。但是，别骚过度了 上面的例子有点为了装逼而装逼的感觉，在代码可读性方面有点糟…