2022年8月18日
js 实现帧动画
摘要： 实现帧动画，首先需要这种图片： （图片来着阿里云） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge 阅读全文
posted @ 2022-08-18 16:16 wenwen。 阅读(481) 评论(0) 推荐(0) 编辑
JS 图片添加水印
摘要： 用js给图片格式的文件添加水印并渲染到页面上，这里通过canvas来绘制； 第一步将获取到图片路径，将图片转换为canvas 1 /** 2 * 图片路径转成canvas 3 * @param {图片url} url 4 */ 5 async function imgToCanvas(url) { 阅读全文
posted @ 2022-08-18 16:07 wenwen。 阅读(3041) 评论(0) 推荐(1) 编辑
2022年6月30日
react-devtools下载安装
摘要： 步骤：1.进入 https://chrome.zzzmh.cn/help?token=setup，点击左边插件，右上角输入react搜索 然后下载到本地 找到压缩包，解压，文件夹里会有两个或三个文件，名字最长的那个就是安装包（后缀名为.crx） 回到 chrome浏览器 - 点击右上角 3个点 选择 阅读全文
posted @ 2022-06-30 14:31 wenwen。 阅读(1194) 评论(0) 推荐(0) 编辑
2022年6月28日
Nginx websocket代理
摘要： 首先在http域配置 map $http_upgrade $connection_upgrade { default upgrade; '' close; } 然后在server域增加匹配条件（之前是放 location / {} 下面，发现所有的代理地址都会访问消息服务的地址） location 阅读全文
posted @ 2022-06-28 16:05 wenwen。 阅读(1049) 评论(0) 推荐(0) 编辑
2022年4月15日
随机验证码
摘要： <!DOCTYPE html> <html> <!-- head --> <head> <title>图片登录验证</title> </head> <body> <div style="display: flex;align-items: center;justify-content: space- 阅读全文
posted @ 2022-04-15 15:14 wenwen。 阅读(19) 评论(0) 推荐(0) 编辑
2022年3月15日
手机端H5导航无滚动条滑动效果
摘要： <div class="div_item"> <div id="nav"> <ul class="list"> <li class="item">导航1</li> <li class="item">导航2</li> <li class="item">导航3</li> <li class="item" 阅读全文
posted @ 2022-03-15 13:20 wenwen。 阅读(280) 评论(0) 推荐(0) 编辑
2021年10月25日
8个工程必备的JavaScript代码片段
摘要： 1. 获取文件后缀名 使用场景：上传文件判断后缀名 /** * 获取文件后缀名 * @param {String} filename */ export function getExt(filename) { if (typeof filename == 'string') { return fil 阅读全文
posted @ 2021-10-25 14:21 wenwen。 阅读(60) 评论(0) 推荐(0) 编辑
2021年8月2日
nginx 设置开机自启动
摘要： 一、下载 在windows下实现开机自启动需要一个开源项目Windows Service Wrapper 来实现。 我用的是这个版本。 下载下来，放在Nginx根目录下 下载下来，放在Nginx根目录下，名字改为start-nginx.exe，再新建一个txt文件，名字改为start-nginx.x 阅读全文
posted @ 2021-08-02 14:16 wenwen。 阅读(2541) 评论(0) 推荐(0) 编辑
echarts 饼图配置详解
摘要： 标题设置 1 title: { 2 text: '某站点用户访问来源', 3 subtext: '模拟数据', 4 // x 设置水平安放位置，默认左对齐，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px） 5 x: 'center', 6 // 阅读全文
posted @ 2021-08-02 09:54 wenwen。 阅读(2594) 评论(0) 推荐(0) 编辑
2021年7月26日
jq插件分享——实现Excel表格列宽可拉伸效果
摘要： 因为工作上需要实现一个可调整表格列宽的需求，所以在不停的努力寻找与测试下，发现一个好用的非常小巧的jQuery插件。可实现用鼠标控制，随意拖动表格边框，使其变大和缩小。 加入样式： <style type="text/css"> table{border-collapse:collapse;bord 阅读全文
posted @ 2021-07-26 16:06 wenwen。 阅读(489) 评论(0) 推荐(0) 编辑