HTML
12篇文章 · 0订阅
  • HTML5 上传图片文件（含拖拽、预览、上传、美化）
    上篇文章讲了如何上传文件。本文讲细分讲述图片上传、预览等。
    HTML JavaScript
    HTML5 上传图片文件（含拖拽、预览、上传、美化）
  • 文件上传那些事儿
    最近把产品目前使用的 FileUploader 从老的组件库分离出来的，自己也查阅了相关的各种资料，对文件上传的这些事有了更进一步的了解。把这些知识点总结一下，供自己日后回顾，也供有需要的同学参考，同时也欢迎各位大牛拍砖指点共同学习。
    HTML HTTP 前端框架
  • HTML5 手势检测原理和实现
    本文首发在「前端外刊评论」。一个关注前端前沿技术，探寻业界深邃思想的自媒体。欢迎文末扫码关注公众号。 关于作者 周林，github，陆金所前端程序员，专注 Hybrid APP 性能优化和新技术探索。欢迎任何形式的提问和讨论。 前言 随着 Hybrid 应用的丰富，HTML5 …
    React.js HTML 前端
    HTML5 手势检测原理和实现
  • HTML5 之图片上传预处理
    在开发 H5 应用的时候碰到一个问题， 应用只需要一张小的缩略图， 而用户用手机上传的确是一张大图， 手机摄像机拍的图片好几 M，这可要浪费很多流量。 像我这么为用户着想的程序员，绝对不会让这种事情发生的， 于是就有了本文。
    前端 HTML
  • html5canvas: 教你实现知乎登录动态粒子背景
    本文首发于我的个人博客：http://cherryblog.site/github 项目地址：https://github.com/sunshine940326/canvas-nest 首先上效果图：最终效果图 因为使用 gif 图片的原因，线条不是很清晰，大家可以到我的博客观看效果…
    HTML 前端 CSS
    html5canvas: 教你实现知乎登录动态粒子背景
  • HTML5 桌面通知：Notification API
    Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显示出来。 想要向用户显示通知消息，需要获取用户权限，而相同的域名只需要获取一次权限。…
    HTML
    HTML5 桌面通知：Notification API
  • 很全很全的前端本地存储讲解
    网络早期最大的问题之一是如何管理状态。简而言之，服务器无法知道两个请求是否来自同一个浏览器。当时最简单的方法是在请求时，在页面中插入一些参数，并在下一个请求中传回参数。这需要使用包含参数的隐藏的表单，或者作为URL参数的一部分传递。这两个解决方案都手动操作，容易出错。cookie
    JavaScript ECMAScript 6 前端
  • 前端本地文件操作与上传
    第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…
    JavaScript
  • localStorage 还能这么用
    只知道用 localStorage 存储键值对，那你就 out 了
    前端 开源 JavaScript
    localStorage 还能这么用
  • 移动端 H5 图片上传的那些坑
    上周做一个关于移动端图片压缩上传的功能。期间猜了几个坑，在此总结下。大体的思路是，部分 API 的兼容性请参照 caniuse：利用 FileReader, 读取 blob 对象，或者是 file 对象，将图片转化为 data uri 的形式；使用 canvas，在页面上新建一个画布，利用 canvas 提供的 API，将图片画入这个画布当中；利用 canvas.toDataURL()，进行图片的压缩，得到图片的 data uri 的值上传文件。
    HTML JavaScript 前端
    移动端 H5 图片上传的那些坑