前端应用实例
24篇文章 · 0订阅
  • JavaScript 中 this 的错误认识、绑定规则、常见问题讲解
    相信 Javascript 中的 this 会使很多同学在工作学习中产生困惑，笔者也同样是，经过阅读各种资料及实际工作中的应用，做了以下梳理，主要内容包括长期以来大家对 this 的错误认识及 this 的绑定规则，箭头函数、实际工作场景中遇到的问题，希望对于有此困惑的你能有所…
    JavaScript
    JavaScript 中 this 的错误认识、绑定规则、常见问题讲解
  • CSS 五种方式实现 Footer 置底
    页脚置底（Sticky footer）就是让网页的 footer 部分始终在浏览器窗口的底部。这样的布局随处可见，偶然看到 CSS-TRICKS 上介绍页脚置底的文章觉得不错，对开阔布局的思路挺有帮助，遂译之。
    CSS 前端
    CSS 五种方式实现 Footer 置底
  • 浏览器兼容性问题解决方案 · 总结
    普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…
    HTML CSS JavaScript
    浏览器兼容性问题解决方案 · 总结
  • 在CSS中解决过长和不期望出现的内容问题
    当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内容来测试，以减少这种情况的发生。
    CSS
  • zBase -- 轻量级 DOM 操作库
    没有任何依赖 轻量级的 Dom 操作库，封装一些常用的 css 选择器和事件操作等
    前端 DOM
    zBase -- 轻量级 DOM 操作库
  • js+nodejs完成文件上传
    原文: http://i.jakeyu.top/2017/01/10/表单文件上传/作者: Jake FormData对象使用一些键值对来模拟一个完整的表单，然后使用ajax发送这个FormData对象，后端便可以拿到表单中上传的文件。 前端处理 HTML代码 <…
    Node.js JavaScript
    js+nodejs完成文件上传
  • ul>li*3 实现翻书动画效果
    按惯例，上GIF： 重现：https://codepen.io/anon/pen/JJBxOm这是我今天参加面试时候，面试官让我做的一道题，面试官坐我旁边看我现场做，然而我比较菜，回来后才做出来……来看看HTML部分：由于li是inline-block元素，所有没有写li的闭合，…
    前端 CSS
    ul>li*3 实现翻书动画效果
  • 初识 three.js 的故事
    提到 Three.js，就必须说一下 OpenGL 和 WebGL。 OpenGL 大概许多人都有所听闻，它是最常用的跨平台图形处理开源库。 WebGL 就是基于 OpenGL 设计的面向 web 的 3D 图形标准，它提供了一系列 JavaScript API，通过这些 API 进行图形渲染，系统硬件会加速 3D 渲染，从而获得较高性能。 而 Three.js 是 JavaScript 编写的 WebGL 第三方库，通过对 WebGL 接口的封装与简化而形成的一个易用的图形库。
    three.js JavaScript Vue.js
    初识 three.js 的故事