功能
14篇文章 · 0订阅
  • Web Worker：靓仔，要不要试试开个「子线程」耍耍？很快的哦！
    前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天给大家讲一个你们既熟悉又陌生的东西——Web Worker 为什么js是单线程语言？ 先给大家说说
    前端 JavaScript 性能优化
    Web Worker：靓仔，要不要试试开个「子线程」耍耍？很快的哦！
  • react 打造页面可视化搭建 4 -实现拖拽自定义容器大小 持续更新
    可视化搭建的项目要求元素可以像做图软件一样随意的拖动改变大小那怎么实现这个功能呢？先来一个简单的版本吧？基础js事件mouseDown:鼠标的键钮被按下mousemove:鼠标在目标的上方移动mous
    React.js
    react 打造页面可视化搭建 4 -实现拖拽自定义容器大小 持续更新
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript
  • 如何用 js 获取虚拟键盘高度？-前端早读课
    9月7号早读文章由@汤谷投稿分享。 正文从这开始～ 这是一个存在很久的历史问题了，对于这样一个具有普遍性的问题浏览器偏偏没有给出解决方案，what？没有方案还聊个什么？ 别急，别急，接下来我们一起来扒一扒关于软键盘高度和 input 的问题 我们先来看一个短片认识一下这个问题 …
    前端 JavaScript 浏览器
  • 前端大文件上传
    最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…
    JavaScript
  • JS 实现抛物线动画
    在做无人便利小程序的项目中，某一天产品说要像某产商产品学习，给添加购物车增加抛物线小球动画。好吧，产品你最大，做！ 工具有了，我们再看一下什么是抛物线。 所以我们需要把这个抛物线动画分解成 两个 同时 进行但 不同动画效果 的动画。 据我所知，用 transform: tran…
    JavaScript 前端
  • 从零开始编写一个babel插件
    我们编写的babel插件是所属于babel-loader,而babel-loader基本运行与webpack环境.所以为了检测babel插件的是否起作用，我们必须构建webpack环境. babel-traverse对AST树进行解析遍历出整个树的path. plugin转换出…
    前端 Babel
  • 前端本地文件操作与上传
    第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…
    JavaScript
  • CSS Scroll Indicator —— 纯CSS 滚动指示器
    前段时间拜读阮老师的 《ECMAScript 6 入门》 ，看到官网上每个章节的页面都有一个类似进度条的东西，出于好奇，上网查了一下，发现这个东西叫Scroll Indicator. Scroll Indicator：滚动指示器。通俗来说，就是当前可视区域距离页面顶部的占比，效…
    CSS 前端 JavaScript
  • 纯前端实现人脸识别-提取-合成
    最近火爆朋友圈的军装照H5大家一定还记忆犹新，其原理是先提取出照片中的面部，然后与模板进行合成，官方的合成处理据说由天天P图提供技术支持，后端合成后返回给前端展示，形式很新颖效果也非常好，整个流程涉及的人脸识别和图像合成两项核心技术在前端都有对应的解决方案，因此理论上前端也可以完成人脸识别-提取-合成整个流程，实现纯前端的军装照H5效果。
    前端 单元测试 机器学习
    纯前端实现人脸识别-提取-合成