小程序Canvas如何实现撤销、笔迹回放操作 接上一篇文章。 轨迹自动播放实现在画布上绘制笔迹的时候,通过touchmove事件将每一次绘制的点坐标都记录起来,同时也要将当前笔迹的颜色、宽度等数据记录起来。最终画布上所有的笔迹都转换成了一个数据列表,当播放的时候,再将列表里面的数据一条一条的在canvas上重新绘制出来,通过setTimeout进行自动循环不断的去绘制。 看代码: 1234567891011121314151617181920 2022/02/28 小程序 #canvas #小程序 #uni-app
我的第一个小程序:Canvas画布的使用 先放出小程序码: 功能先列出目前小程序已完成了功能: 笔记绘制; 颜色和宽度; 背景; 撤销; 恢复撤销; 清空; 保存本地; 笔记播放; 分享/口令分享; 下面简单介绍几个重要的功能实现 画布的实现由于一开始使用了uni + vite + vue3来进行小程序的开发,遇到的第一个坑就是当前版本的uni不支持canvas响应touch事件,从而直接导致无法进行正常的绘制操作。于是就 2022/02/28 小程序 #canvas #小程序 #uni-app
从 PostCSS 插件,体验编码到发布全过程 因项目的需求,自己动手写了一个 PostCSS 插件 postcss-px2vw,主要用于将 px 转成 vw 和 rem,rem 作为回退模式。也刚好借此机会总结一下 npm 包的发布流程,文章还会介绍到七牛云图片的使用与上传相关的技巧,以及期间遇到的一些问题。 为什么需要它转换 px 单位的插件有很多,知名的有 postcss-px-to-viewport 和 postcss-pxtorem, 2018/08/26 大前端 #npm #PostCSS #七牛云
超轻量代码实现字段校验工具库(移动端) 先附上项目的链接地址: github: https://github.com/moohng/dan/tree/master/src/validator 动机有表单的地方必有校验,我们使用不同的框架有不同的校验方法。在PC端基于React的Ant Design框架中的Form表单的功能就十分强大,而在移动端,却很难找到一款能与之匹敌完整框架。移动端比较流行的vux框架,虽然有的组件自带了校验功能 2018/02/10 瞎折腾 #Vue #npm #validator
永久删除Git仓库中的大文件 有时候,手一抖就把一个几十M甚至上百M的文件提交到了git仓库中,这下整个人都不好了有木有。因为这个大文件直接是删不掉的,它会一直占用着你的项目空间大小,直到你实在受不了最后删库。以后每次首次拉取和推送项目的时候都是一个漫长的等待过程,我就是有过这样的经历才决定写这样的一篇文章,留着备用。 那么如何在不破坏git仓库的前提下完美删除没用的大文件? 一、找到项目中的大文件1234# 查看项目空间占用 2017/09/07 大前端 #git #删除大文件
js中的异步处理:你想知道的都在这了 假如你已经知道了什么是异步,并且已经写过很多的异步代码。这篇文章主要介绍几种对异步代码的处理,即异步编码姿势: 回调函数; Promise; 迭代器、生成器; async/await。 重点在第3、4部分。 回调函数这个没什么好说的,直接看一段代码: 123456789const fs = require('fs');fs.readFile('confi 2017/09/06 大前端 #promise #异步 #await #async #yield
前端工具篇:浅谈Git和Github 首先指出,Git和Github不是一个概念,完全没有可比性。 Git可以说是每个程序员必备的技能,Github是检验一个程序员是否合格的标准。反正这东西虽然不一定要十分精通,但一定要能懂会用。Git是一个实用的版本控制(代码管理)工具,Github则是一个仓库托管(代码共享)平台,全国大神聚集的地方,装逼神器。 关于Git的详细教程建议阅读其官方文档,中文版,就是有点多,对于一般人来说阅读前三章即 2017/08/10 大前端 #Git #Github
Vue入坑史,插件系统详解 越是让你感觉到害怕的事情,就越要去面对它。 什么是插件Vue的插件一般就是用来扩展Vue的功能。比如,当需要Vue实现Ajax请求功能,我们希望通过this.$get(url)的形式就可以发送一个get请求。那么,我们就需要给Vue的实例添加一个$get方法,Vue实例本身是没有这个方法的。 Vue的一些插件: vuex:官方状态管理插件; vue-router:官方路由插件; vue-re 2017/08/10 大前端 #Vue #插件
正向代理和反向代理,一次说清 作为一个Web前端开发人员,一些服务器端的知识也是必不可少的。我之前也有了解过服务器端,可是对有的东西仍是一知半解的。今天在知乎中看到一篇文章,把正向代理和反向代理讲解的很透彻。由此,我便想站在一个前端开发者的角度,谈谈正向代理和反向代理。 有哪些需求场景先不谈概念,先说需求。 对于一个程序员来说,会科学上网是必不可少的。有的东西,在国内是访问不了的,那么如何访问像谷歌这样的网站呢? 有时候,我 2017/08/10 大前端 #反向代理 #正向代理 #nginx
全栈实用技能,pm2部署node应用到服务器 背景介绍一般的,我们开发一个前端项目通常是在本地通过Node.js搭一个服务器,所有的开发测试过程基本上都是在本地搞定。有时候,我们需要把我们的作品上线,好让更多的人能够访问到。比较传统的方法可能就是将本地代码通过ssh、ftp等方式上传到服务器,然后通过ssh登入到服务器,配置好环境,然后手动启动我们的应用。 然而,很多时候我们的源码会不断的更新,如果全部由我们手动上传然后再启动,总显得太过繁琐 2017/08/08 大前端 #pm2 #部署 #nodejs