一段代码系列
关注
分享
扫一扫
使用最简单的一段代码，学习理解知识点。Talk is cheap. Show me the code.
⑥②
这个作者很懒，什么都没留下…
展开
-
使用Canvas画出多个多边形Polygon
使用Canvas画出多个多边形Polygon原创 2022-06-06 15:00:15 · 1693 阅读 · 2 评论 -
btoa和atob在nodejs中应该怎么写？
btoa 方法是将字符串进行base64编码atob 方法是将已进行base64编码的字符串进行解码// 对字符串进行base64编码let res = btoa('123')console.log(res) // MTIz// 对base64编码进行解码res = atob(res)console.log(res) // 123btoa 和 atob两种全局方法在nodejs环境中也是可以使用的，但也是为了旧版 Web 平台 API 兼容，在新代码是最好不要使用，因为有可能原创 2022-04-18 18:49:04 · 5683 阅读 · 0 评论 -
一段代码，js动态创建脚本和样式
1、动态创建引入外部脚本function loadScript(url){ var script = document.createElement('script') script.type = 'text/javascript' script.src = url document.body.appendChild(script)}2、动态创建页面内脚本function loadScriptCode(code){ var codeNode = doc原创 2022-03-28 22:07:31 · 888 阅读 · 0 评论 -
一段代码，nodejs使用past-time将日期转换成昨天、今天、明天
这里使用 past-time 插件。npm i past-timeconst pastTime = require('past-time')let date = new Date()date.setMinutes(10)date.setSeconds(2)for (let i = 0; i < 12; i++) { let t1 = pastTime(date, {awaysShort: false, format: 'YYYY-MM-DD hh:mm:ss'})原创 2021-12-03 10:00:23 · 357 阅读 · 0 评论 -
Canvas学习，用Canvas画五子棋并进行简单判断输赢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五子棋</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> <styl...原创 2021-06-17 11:13:16 · 555 阅读 · 1 评论 -
build.gradle配置文件与Groovy闭包语法之间的关系
gradle是一个基于Ant和Maven的概念的自动化构建工具，它是使用Groovy语言来声明项目设置，同时也增加了Kotlin的语言的DSL。gradle的配置文件与Maven的xml配置相比看上去非常的简洁，gradle的配置文件是基于Groovy语言来书写的，先来看一下简单的Java的gradle配置文件。plugins { id 'java-library' }repositories { mavenCentral() }dependencies { .原创 2021-05-12 10:47:26 · 371 阅读 · 0 评论 -
使用mp-cloud-http在koa2中操作微信云开发数据库
微信小程序云开发提供了 HTTP API 访问云开发资源，mp-cloud-http对http请求的api进行简单的封装，方便调用。安装使用npmnpm install mp-cloud-http例子const HttpMpCloud = require('mp-cloud-http')const cloud = require('wx-server-sdk') // 微信开发的sdk，用于条件参数的生成// 参数let env = '环境id', appid =原创 2021-04-27 14:44:35 · 241 阅读 · 0 评论 -
使用ffmpeg命令行剪切视频音频，并对视频进行优化
有时候需要对视频或音频进行剪辑，但又不想安装打开剪辑工具，这个时候就可以用到ffmpeg命令来进行简单的音视频的剪切、转MP3等工具。ffmpeg -i 源视频.mp4 -strict -2 -vf scale=640:360 -profile:v main -b:v 75k -b:a 64k 输出视频.mp4其中的参数可以简单了解一下-b:v 视频编码-b:a 音频编码-profile:v main 设置其中编码率要根据实际情况进行更改。如果只是想将视频转换成mp3音频，也可原创 2021-04-27 14:42:06 · 697 阅读 · 0 评论 -
为什么sequelize连接数据库查询时间字段时总是多8个小时？
在使用sequelize连接mysql数据库时，有一个datetime类型的字段，查询到前台时总是多了8个小时，这肯定是时区转换的问题了。但数据库和电脑的时区都是东8区的，没有问题，也就是说sequelize在取得时间的时候可能做了什么转换。在查sequelize的api文档时发现，还有一个timezone的时区参数需要配置，默认值是"+00:00"，这个参数就是在数据库的日期转换到javascript的日期时用的。当我们使用sequelize连接数据库时，还会使用SET TIMEZONE设定时区，所以原创 2020-06-12 16:23:54 · 1847 阅读 · 0 评论 -
一段代码，koa如何使用koa-router-cache来缓存路由数据
koa-router-cache 可以用来缓存路由数据信息，可以使用内存或是redis进行数据缓存，对于内容页面来说，可以将页面缓存在内存中，以减少不必要的数据库请求。koa-router-cache 使用的还是koa的插件生成方法，所以需要使用koa-convert转换成支持kao2的函数。下面是使用内存级别的缓存，想使用redis可以直接参考koa-router-cache的文档进行配置。// 配置使用路由请求缓存const convert = require('koa-convert'原创 2020-06-09 16:00:06 · 866 阅读 · 1 评论 -
一段代码，nodejs的koa集成ueditor的上传图片文件功能
前置条件首先需要配置koa-body来拿到上传文件的内容，可以参考：https://blog.youkuaiyun.com/lw001x/article/details/106565449使用ueditor这里就直接拿官网的demo代码上来意思一下。<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>ueditor demo&l原创 2020-06-09 12:45:34 · 300 阅读 · 0 评论 -
一段代码，vue如何使用photoswipe
使用npm安装photoswipenpm i photoswipe编辑photoswipe的vue组件<template> <!-- 这段html代码，是用来显示图片弹出层的，是由photoswipe提供的 --> <!-- Root element of PhotoSwipe. Must have class pswp. --> <div class="pswp" tabindex="-1" role="dialog" a.原创 2020-06-08 17:47:43 · 997 阅读 · 5 评论 -
一段代码，使用flex布局方式写出图文列表
在学习使用新的知识，最直观的方式就是用一段代码来展示学习。其实在flex布局中，我们可以用最简单的代码写出好看的页面。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>使用flex布局的列表页面</title> <style> .list { } .item {原创 2020-06-05 16:19:38 · 534 阅读 · 0 评论 -
一段代码，koa上传文件，上传文件到腾讯云
上传图片文件对于内容管理的项目来说是一段最基本的代码，对于使用Nodejs开发来说，这段代码在配置上来说就相对的简单了不少，先不管性能上与其他框架来说有什么差距，起码对于小的项目来说，Nodejs作为web服务是一个不错的选择。前端：form表单上传图片文件，KindEditor配置上传服务端：Koa、koa-body接收文件上传到服务器目录这里使用koa-body对文件上传进行配置，配置如下：var koaBody = require('koa-body')app.use...原创 2020-06-05 11:12:29 · 1003 阅读 · 0 评论 -
一段代码，使用微信云开发上传文件并显示进度
一开始使用微信云开发的时候，CDN流量和存储流量都是每个月固定收费的，所以对于那些访问资源正好比免费的多一点的时候，就比较尴尬。还好几经更替，微信云的资源可以开通按量付费，用多少交多少的钱，这个时候再用微信云开发提供的存储、CDN等资源就舒服多了。不论是头像上传，还是音频上传，上传文件对于小程序开发还是比较重要的一个环节。function uploadFile(filePath, cloudPath) { const uploadTask = wx.cloud.uploadFile({原创 2020-06-05 09:54:24 · 770 阅读 · 0 评论 -
一段代码，使用koa-less配合autoprefixer编译less
在开发项目的时候，const Koa = require('koa'), app = new Koa(), serve = require('koa-static'), convert = require('koa-convert')const path = require('path')// 将less文件放入静态文件夹内，再配置koa-less，访问对于名称的css后就可以自动编译了var less = require('koa-less')app.use(c原创 2020-06-04 16:52:36 · 386 阅读 · 0 评论