- 博客(98)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 城南花未开,老程已不在;
无言独上西楼,月如钩。寂寞梧桐深院锁清秋;剪不断,理还乱,是离愁,别是一般滋味在心头;2021-09-07 08:59:00
2021-09-07 09:00:23
747
原创 Linux服务器上部署更新/重启nuxt项目
Linux服务器上部署更新/重启nuxt项目:1、 启动/更新/重启 nuxt项目步骤, 建议使用 pm2 进程管理工具; 2、pm2 相关命令; 3、误使用npm 启动后怎么处理;
2024-03-21 17:52:33
492
原创 页面同一时间多条提示的问题优化 Notification、Message、element-ui
有人反馈页面经常一下报出多条错误提示;并要求页面上同一时间只能出现一条提示信息;通过改造Message和Notification的原始方法来实现;
2023-04-03 09:56:20
842
1
原创 移动端开发兼容性问题记录(H5、vue、vant)
移动端开发兼容性问题记录(H5、vue、vant): new Date() 、安卓键盘弹起压缩页面高度、sort排序结果不一致……
2022-09-13 18:45:43
1392
原创 在web网页上打开电脑本地exe应用
在web网页上打开电脑本地exe应用1、用于测试打开exe应用的html代码2、配置注册表3、效果展示
2022-06-06 16:52:21
4391
5
原创 JavaScript 数组常见排序算法(冒泡、选择、插入)
// sort函数排序[8,2,4,9,1,3,7,5,6].sort((a,b)=>{return a-b})// 冒泡排序 // 思想: 每次找出一个 最大/小 将它像冒泡一下 排到最左/右 // 分析: 需要两层循环,// 第一层:冒泡多少次; 需要找到 a.length-1 个最大的数,剩下一个已经是最小的了不用在冒泡// 第二层:需要比较几次; 找出本次最大的需要比较几次,已经找出了i个最大的,name剩余 a.length-i个数只需要比较 a.length-i-1 次.
2022-02-22 10:44:13
629
2
原创 vue 取色面板
需求简述:需要一个取色面板,由于element组件里面的事一个取色按钮,点击了才出现悬浮的取色面板,所以需要想想办法效果图 如下:起先思路:想用elementUi里面的取色按钮改造下 或是 js代码点击下按钮然后修样式,都尝试了下,最后还是不可行;百度找了下也没找到类似的,类似的有都是JQ写的,最后上github 找到了一个资源用上了资源地址: vue-color安装依赖:"vue-color": "^2.8.1",安装注册插件:拉了他的项目运行看了下,我需要用的是它的 chrome.
2021-12-28 17:46:19
1801
2
原创 猴油脚本使用
猴油脚本 据说是使用最多的插件,最为一个前端必须得玩一下语法: 官方文档弄了两个小脚本,可以运行,后面有空持续更新1、美化页面滚动条// ==UserScript==// @name 美化页面滚动条// @namespace 老程// @version 0.1// @description 美化页面滚动条// @author 老程// @match http*://*/*// @icon https://.
2021-12-17 15:09:01
3726
1
原创 算法题--js
题目:var numArr = [];var optionStrArr = [];function haveBothStr(str) { return str.indexOf("#") > -1 && str.indexOf("$") > -1;}function getArr(str, f) { let arr = []; arr[0] = str.substring(0, str.indexOf(f)); arr[1] = str.substrin
2021-10-11 08:39:23
210
原创 js-闭包
参考资料: 阮一峰-闭包function f1() { var count = 100; addC = function () { count += 1; }; delC = function () { count -= 1; }; function f2() { return count; } return f2;}var result = f1();result(); //100addC();addC();result(); //10
2021-10-08 16:46:07
99
原创 前端面试题整理
1、网络中使用最多的图片格式有哪些? jpg和png有什么区别?JPEG,GIF,PNG,最流行的是jpeg格式,可以把文件压缩到最小区别:1、jpg是有损压缩格式,png是无损压缩格式。2、jpg图像没有透明的背景,而png图像可以保留透明的背景。3、png格式的图片可以编辑,但是jpg格式的图片则不可更改。4、png与jpg图片相比,png格式的图片更大。2、简述css盒子模型一个css盒子从外到内可以分成四个部分:margin(外边距),border(边框),padding(内边距),
2021-09-27 00:10:24
223
原创 记录一些 关于vue2 -> vue3 杂七杂八的坑/变化
记录一些 关于vue2 -> vue3 杂七杂八的坑最大的两个问题 :① element-ui 换了,vue3 用的是 element-plus②devtools 换了,vue3要安装另一版本的插件 chrome商店 、 github左边 vue3项目用 右边 vue2 项目用其他 很多变化 需要看官网v-lazy 资源包 换成 vue3-lazy.sync 语法换成 v-model 参考官方vscode 报错 ‘v-model’ directives require no
2021-09-22 16:41:00
1110
原创 vscode配置用户代码片段(快捷键自定义代码模板)
vscode 配置 用户代码片段入口如下分享两个我配置的1、vue 文件代码初始化,有些已经注释了,可以自行调整{ // Place your snippets for Vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body
2021-09-09 14:32:39
921
原创 css 子盒子在父盒子里竖直居中(不知道父子盒子高度)
<div class="father"> <div class="son"></div></div>transform 很强大(矩阵缩放、翻转、移动 都可以) ,下次整理一下本次用到 translateY 上移自身 50% 的高度,然后 top到父盒子50%的高度,就正好在正中间了.father{ position: relative;}.son{ position: absolute; top: 50%; transfo
2021-09-07 17:17:23
341
原创 记录一个小组件(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
153
原创 云存储字体测试(字体链接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
236
原创 node js 通过url下载文件到本地指定目录
需求简介,有一堆字体需要从oss上下载到本地,数据库只存了相对路径,但是完整路径可以拼接出来,每个字体要下载图片和字体并放入同一个文件夹(即一个字体一个文件夹)// 下载方法//引入相关资源包var fs = require("fs");var path = require("path");var request = require("request");/** * * @param {*} url 网络文件url地址 * @param {*} fileName 文件名 * .
2021-07-13 08:26:54
11763
1
原创 HTML Dom 知识点整理
名称: Document Object Model(文档对象模型)DOM结点: 整个文档是一个文档节点、每个 HTML 元素是元素节点、HTML 元素内的文本是文本节点、每个 HTML 属性是属性节点、注释是注释节点;DOM 常用方法getElementById()返回带有指定 ID 的元素。getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。getElementsByClassName()返回包含带有指定类名的所
2021-07-02 16:22:24
133
原创 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
1374
原创 Canvas 图片制作动画
Canvas入门文档推荐菜鸟教程W3cschool这个是 做的其中一个动画,只是html案例,后来做了十个添加到项目里面了,另外实现了暂停、继续、背景音乐同步播放/同步暂停、最后还将动画转成了视频并合成了音乐实现上传下载;(rg:下面的是es5语法,再严格模式下不能使用,需要稍微改造下)<!DOCTYPE html><html><head> <title>老程-Canvas-旋转过渡</title> <sty
2021-07-01 17:29:56
1544
原创 nodejs 开启http服务 操作 mysql 数据库 案例
了解了一下 nodejs ,发现它还能连接mysql、mongoDB,连接方式还比较简便,没啥jdbc的七大步;测通一下;代码稀烂,不过能跑通看下结果首先数据库整点测试数据/*Navicat MySQL Data TransferSource Server : localhostSource Server Version : 50540Source Host : localhost:3306Source Database : cslTar
2021-07-01 16:47:12
430
原创 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
140
1
原创 JS string 对象属性、操作方法 整理
对象属性length: 字符串长度prototype、constructor对象方法方法名说明indexOf()返回某个指定的字符串值在字符串中首次出现的位置concat()连接两个或更多字符串,并返回新的字符串replace()在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串concat()连接两个或更多字符串,并返回新的字符串concat()连接两个或更多字符串,并返回新的字符串concat()连接两个或更多字符串,并返回
2021-05-07 09:20:32
125
原创 copy 一下 vue 的 devtools 的插件配置
manifest.json{ "name": "Vue.js devtools", "version": "4.1.5", "version_name": "4.1.5", "description": "Chrome and Firefox DevTools extension for debugging Vue.js applications.", "manifest_version": 2, "icons": { "16": "icons/16.png", "
2021-04-23 11:43:33
350
原创 写第一个 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
201
原创 记录一个正则表达式
这次遇到到的是需要将正则表达式里面使用变量匹配需求: 将目标文本(每次不一样)中商品图片(可变但是可通过接口查出来)地址后面拼接的后缀去掉,例如: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
131
原创 前端接收后台返回的流下载
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
923
原创 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
2439
原创 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
469
原创 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
3453
java计算器.rar
2020-08-13
csl_shop.sql
2020-07-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人