![](https://img-blog.csdnimg.cn/20200827083808359.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 55
web
#老程
百里红尘,不醒归路
展开
-
Linux服务器上部署更新/重启nuxt项目
Linux服务器上部署更新/重启nuxt项目:1、 启动/更新/重启 nuxt项目步骤, 建议使用 pm2 进程管理工具; 2、pm2 相关命令; 3、误使用npm 启动后怎么处理;原创 2024-03-21 17:52:33 · 445 阅读 · 0 评论 -
WebSocket 使用示例,后台为nodejs
【代码】WebSocket 使用示例,后台为nodejs。原创 2024-03-21 16:43:46 · 398 阅读 · 0 评论 -
nodejs 实现pdf与图片互转
【代码】nodejs 实现pdf与图片互转。原创 2024-02-27 14:26:33 · 1177 阅读 · 0 评论 -
移动端开发兼容性问题记录(H5、vue、vant)
移动端开发兼容性问题记录(H5、vue、vant): new Date() 、安卓键盘弹起压缩页面高度、sort排序结果不一致……原创 2022-09-13 18:45:43 · 1376 阅读 · 0 评论 -
给页面添加自定义文案水印
给页面添加自定义文案水印:canvas 绘制文案后合成 一张base64图片,添加一个dom占满全屏背景图片使用该图片原创 2022-08-22 15:33:21 · 454 阅读 · 0 评论 -
记录一个小组件(vue)
组件效果图 --------> 手动输入vue代码如下<!-- --><template> <el-dialog title="发放优惠券" :visible.sync="isShow" class="send-coupon" width="30%" top="20vh" @update:visible="(val) => $emit('update:visible', val)" :clos原创 2021-08-11 18:09:34 · 143 阅读 · 0 评论 -
云存储字体测试(字体链接7小时有效)
<html lang="en"><head> <meta http-equiv="content-type" content="text/html" charset="UTF-8"> <title>新标签页</title> <style> @font-face { font-family: REEJI-JunXian-BlackGB-Regular;原创 2021-07-13 10:42:32 · 229 阅读 · 0 评论 -
HTML Dom 知识点整理
名称: Document Object Model(文档对象模型)DOM结点: 整个文档是一个文档节点、每个 HTML 元素是元素节点、HTML 元素内的文本是文本节点、每个 HTML 属性是属性节点、注释是注释节点;DOM 常用方法getElementById()返回带有指定 ID 的元素。getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。getElementsByClassName()返回包含带有指定类名的所原创 2021-07-02 16:22:24 · 121 阅读 · 0 评论 -
Canvas动画制作并转为视频合并音乐
1、canvas动画说明10种动画每种都可以拆分为前后两部分; 前部分为第一张做动作(缩放、左右上下移动), 后一部分为第二张图片进场,进场方式多种根据特效而定;各动画的具体实现参考各动画的代码用到的主要api : 切片 drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)img规定要使用的图像、画布或视频。sx可选。开始剪切的 x 坐标位置。sy可选。开始剪切的 y 坐标位置。sw原创 2021-07-01 17:42:16 · 1347 阅读 · 0 评论 -
Canvas 图片制作动画
Canvas入门文档推荐菜鸟教程W3cschool这个是 做的其中一个动画,只是html案例,后来做了十个添加到项目里面了,另外实现了暂停、继续、背景音乐同步播放/同步暂停、最后还将动画转成了视频并合成了音乐实现上传下载;(rg:下面的是es5语法,再严格模式下不能使用,需要稍微改造下)<!DOCTYPE html><html><head> <title>老程-Canvas-旋转过渡</title> <sty原创 2021-07-01 17:29:56 · 1527 阅读 · 0 评论 -
JS array 对象属性、操作方法 整理
属性length: 字符串长度prototype、constructor常用方法concat() 连接两个或更多的数组,并返回结果arr = [1,2,3]a2 = [4,5,6]a3 = [['a','b','c'],['A','B','C']]s = arr.concat(a2,...a3)//arr = [1, 2, 3]//s = [1, 2, 3, 4, 5, 6, "a", "b", "c", "A", "B", "C"]every() 检测数原创 2021-06-11 18:08:16 · 130 阅读 · 1 评论 -
写第一个 handlebars 模板引擎
Handlebars : 官网<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>老程</title> <meta name='viewport' content='width=device-width, ini原创 2021-04-20 18:38:59 · 193 阅读 · 0 评论 -
记录一个正则表达式
这次遇到到的是需要将正则表达式里面使用变量匹配需求: 将目标文本(每次不一样)中商品图片(可变但是可通过接口查出来)地址后面拼接的后缀去掉,例如:https://xxx.jpg_b.jpg 需要去掉 _b.jpghttps://xxx.jpg_160x160.jpg 需要去掉 _160x160.jpghttps://xxx.jpg_400x400.jpg 需要去掉 _400x400.jpg示例代码如下:let content = '...src="https://img.alicdn.com.原创 2021-04-12 08:59:43 · 120 阅读 · 0 评论 -
前端接收后台返回的流下载
1、后台返回的二进制字节流 byte[ ]{responseType:'arraybuffer} 设置好后端接收返回的格式,一般还有json,buffer,blobaxios.post('url',params,{responseType:'arraybuffer}).then(res=>{ // 开始处理文件下载 - res.data为文件流 let src= window.URL.createObjectURL(new Blob([res.data], { // 后原创 2021-03-26 08:51:59 · 885 阅读 · 0 评论 -
js/jquery 给dom对象添加、删除类名样式
1、用原生js给DOM元素添加、删除一个类名方法一:DOM.setAttribute("class", "类名")DOM.removeAttribute("class", "类名")方法二:DOM.classList.add('类名'); //添加类名DOM.classList.remove('类名'); //删除类名DOM.classList.toggle('类名'); //切换类名setAttribute和add的区别setAttribute用于创建或改变某个新属性。如果指定属性原创 2021-02-02 10:10:24 · 2426 阅读 · 0 评论 -
JS forEach跳出循环实现方法
问题: forEach 使用 break 报错,的么解?forEach结合try…catch()可以跳出循环try { var arr = [1, 2, 0, 3, 4]; arr.forEach(item => { //跳出条件 if (item === 0) { throw new Error("LoopTerminates"); } //do something console.log(item); });} catch .原创 2021-01-27 09:54:39 · 457 阅读 · 0 评论 -
html ajax请求获取数据到页面
初始文章:纯 HTML 页面发请求获取数据并渲染到页面上html<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>物流信息转图片</title> <script src="https://cdn.staticfile.org/j原创 2020-12-17 18:18:21 · 3430 阅读 · 0 评论 -
纯 HTML 页面发请求获取数据并渲染到页面上
刚遇到一个需求:做一个页面,获取物流信息数据渲染到页面上,后台之后会通过页面地址将页面截图返回图片文件,这这这,后面的实现由有点蒙,咱萌新就负责搞个页面渲染数据吧……页面元素很简单,就这点;注意引入 jquery,我用 cdn 的方式引入的<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" .原创 2020-12-17 09:33:26 · 19324 阅读 · 5 评论 -
Js 点击文本后可编辑 并发请求修改到 数据库
需求:点击 ‘编辑’ 图标备注文本信息变成输入框可编辑,编辑后焦点离开发请求到后台修改数据;效果图:开始状态点击后修改以及修改后://编辑备注 editByFont(id, index) { var oldhtml = document.getElementsByClassName('font-editByFont')[index] .innerHTML //如果已经双击过,内容已经存在input,不做任何操作 if (old.原创 2020-11-16 14:37:28 · 737 阅读 · 0 评论 -
Vue js 实现 copy内容到粘贴板
实现点击图标 copy 东西;先记录在这,有机会学习、用、加强<i class="el-icon-copy-document" @click="copyId(item0.tid)"></i>//复制父订单号 copyId(id) { //创建input标签 var input = document.createElement('input') //将input的值设置为需要复制的内容 input.val.原创 2020-11-16 14:27:50 · 252 阅读 · 0 评论 -
前端项目使用nvm安装管理多个node.js版本
1、下载 nvmGithub下载地址:nvm-windows2、安装路径自己选,环境变量他会自己添加的不用管,一步步点就可以了cmd检查安装师傅成功:C:\User\admin> nvm -vversion 1.1.7查看已安装的nodejs版本C:\User\admin> nvm list * 6.10.2 (Currently using 64-bit executable)查看可安装的nodejs版本nvm list available| CURRE原创 2020-08-13 15:48:38 · 744 阅读 · 2 评论 -
Js 根据输入出生日期 计算返回星座和属相
1、源码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>星座属相</title> <style type="text/css"> table{ width: 400px; height: 300px; background-color: gold; font: normal bolder 14px原创 2020-07-22 10:16:10 · 2680 阅读 · 0 评论 -
Vue框架、Element组件快速使用
1、vue官方文档:vue文档2、element组件使用官方文档:element组件使用3、代码案例我是采用cdn的方式引入组件和样式,下面代码实现的是提示框显示<!DOCTYPE html><html lang="en"> <head> <title>老程</title> <meta charset="UTF-8"> <style> @import url("//unpkg.com/elemen原创 2020-07-22 09:38:37 · 166 阅读 · 0 评论 -
Jsp 页面开头做登录判断
1、写java代码判断登录,js做跳转<% String user=(String)session.getAttribute("user"); if(user==null) {%><script> alert('尊敬的游客,由于您未登录,所以无法使用该平台,谢谢合作!'); window.location.href('/view/login.jsp');</script><% }%>2、java原创 2020-07-14 17:53:46 · 2838 阅读 · 0 评论 -
html 开发杂货指南
1、设置页面 title 图标<link href="iocn/title.png" rel="icon" type="image/x-ico">2、清除表单提交后文本框内容profrom 为 表单的 id<script> $('#profrom')[0].reset();</script>原创 2020-07-13 09:11:44 · 209 阅读 · 0 评论 -
请求后页面不刷新 ajax 怎么写
直接看语法ajax写法如下:$.ajax({ url:'https://127.0.0.1:8080/xxx.post', // 请求接口的url type:'post', // 请求方式 data: email, //参数对象 success:function () { // 请求成功后接着执行什么 console.log("success"); alert('发送成功'); // 弹框提示操作成功 } }); 上面 data 的参数 email 就原创 2020-07-10 18:02:42 · 614 阅读 · 0 评论 -
Form 表单 邮箱、手机号、中文名、身份证号码格式验证
页面 HTML 代码<form action="" method="post"> <input type="email" name="senderEmail" id="senderEmail" placeholder="邮箱" required="" /> <input type="text" name="senderPhone" id="senderPhone" placeholder="手机号" required=""/> <input type="bu原创 2020-07-10 17:29:31 · 3831 阅读 · 0 评论