前言作为一个前端切图仔，怎么能没有自己的个人网站呢。这篇文章就教大家使用阿里云搭建一个个人网站。话不多说，请往下看一、购买阿里云服务器首先我们得有一个云服务器去部署我们的项目，你可以选择阿里云，腾讯云等各种云。（以阿里云为例）登录阿里云，选择最新活动-->新手上路-->免费试用只要你没有用过阿里云的产品，你就可以免费领取下面的云服务器最基础的配置，个人测试是没问题，如果...

web端video截图和录屏功能的实现前言平常在用视频app，特别是一些摄像头监控软件的时候，经常会对直播、回放的视频进行抓拍录屏的操作。今天就来实现一下这两个功能思路截图： 主要是利用canvas的drawImage和toDataURL两个方法。将获取到的video标签加入到canvas中，然后再将canvas导出为图片。drawImage： 可以在画布上绘制图像、画布或视频；也能够绘制图像的某

前言我们写项目的时候会需要模拟数据，这里教大家使用node去实现一个简单的爬虫，获取目标网站的数据资源。（末尾附完整代码）思路首先找到目标网页，爬取整个网页的html内容，查看网页源代码，找到需要爬取内容的DOM结构，根据正则或者使用jquery操作（cheerio）提取相应的内容，然后将结果写入文件。一、准备所需要的模块：1、http：网络通信2、fs：文件操作3、cheerio...

前言使用fs.unlink()或者fs.unlinkSync()可以删除文件，使用fs.rmdir()或s.rmdirSync()可以删除空的目录。但是一个非空目录并没有直接的操作去删除。这样只能去封装一个函数。思路1.首先定义一个函数，传入一个目录路径，判断路径是否存在fs.existsSync()2.读取该目录下的所有资源（文件、空目录，非空目录）fs.readdirSync()3....

前言作为一个前端切图仔，怎么能没有自己的个人网站呢。这篇文章就教大家使用阿里云搭建一个个人网站。话不多说，请往下看一、购买阿里云服务器首先我们得有一个云服务器去部署我们的项目，你可以选择阿里云，腾讯云等各种云。（以阿里云为例）登录阿里云，选择最新活动-->新手上路-->免费试用只要你没有用过阿里云的产品，你就可以免费领取下面的云服务器最基础的配置，个人测试是没问题，如果...

前言由于vue通过js动态控制路由去生成内容，导致搜索引擎无法收录，天生不适合SEO。而Nuxt是一款基于vue的框架，内置了服务器端渲染。Node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端，而不是纯 javascript。与传统的 Vue SPA 相比，使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。Nuxt的部署与vue有出入，主要有两种模式，n

前言最近公司的小程序来了一个需求，需要实现一个树形结构的展示。pc端的tree组件可谓百家争鸣，拿来即用的组件很多，奈何在网上检索一番，并未发现小程序端有适合的tree组件，于是便开始了尝试，自己写一个简单的tree组件。（末尾附完整代码）先看效果开始首先项目结构如图模拟一下树形结构数据index/index.jsdata: {dataTree: [{id: 1,name: '一级A',child

最近用vue做一个手机端的项目，写完几个页面之后想着用手机测试，但是直接输入 ip+端口号是不可以的（192.168.xx.xx:8080）在之前2.x版本的时候 可以通过修改config文件夹下的config.js, ,但是3.x版本的没有这个文件夹。就需要自己来新建了。1.首先在项目根目录新建vue.config.js文件然后在vue.config.js输入module.expo...

用vue做单页应用，在我们来回切换路由或者点击返回键的时候，页面总是会重新刷新。这样的用户体验是非常差的，我们希望页面的数据会保留，而不是每次进入都要重新载入。这里我们可以使用vue官方提供的内置组件keep-alive，------>官方传送门。下面简单介绍一下如何使用。一、强制缓存1、所有的组件都缓存<keep-alive><router-view...

       我们平时开发项目中，并不是所有的路由都可以直接访问，有些路由需要登录之后才可以查看，这里就需要在跳转时进行一个判断，如果已经登录则直接跳转，否则跳转到登录页。通过全局导航守卫实现，即router.beforeEach。      这并没有结束，本地可能存在登录信息.