#老程-CSDN博客

// 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 585 2

原创 vue 取色面板

需求简述：需要一个取色面板，由于element组件里面的事一个取色按钮，点击了才出现悬浮的取色面板，所以需要想想办法效果图如下：起先思路：想用elementUi里面的取色按钮改造下或是 js代码点击下按钮然后修样式，都尝试了下，最后还是不可行；百度找了下也没找到类似的，类似的有都是JQ写的，最后上github 找到了一个资源用上了资源地址： vue-color安装依赖："vue-color": "^2.8.1",安装注册插件：拉了他的项目运行看了下，我需要用的是它的 chrome.

2021-12-28 17:46:19 1710 2

原创猴油脚本使用

猴油脚本据说是使用最多的插件，最为一个前端必须得玩一下语法：官方文档弄了两个小脚本，可以运行，后面有空持续更新1、美化页面滚动条// ==UserScript==// @name 美化页面滚动条// @namespace 老程// @version 0.1// @description 美化页面滚动条// @author 老程// @match http*://*/*// @icon https://.

2021-12-17 15:09:01 3627 1

原创 Element UI 自定义动态换肤（主题）

无需加载外部资源，动态切换项目主题色（使用的 Element UI）

2021-12-13 19:29:06 7031 9

原创算法题--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 192

原创 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 86

原创前端面试题整理

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 194

原创记录一些关于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 1037

原创 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 822

原创 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 322

原创记录一个小组件(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 131

原创云存储字体测试（字体链接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 219

原创 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 10527 1

原创 HTML Dom 知识点整理

名称： Document Object Model（文档对象模型）DOM结点：整个文档是一个文档节点、每个 HTML 元素是元素节点、HTML 元素内的文本是文本节点、每个 HTML 属性是属性节点、注释是注释节点；DOM 常用方法getElementById()返回带有指定 ID 的元素。getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()返回包含带有指定类名的所

2021-07-02 16:22:24 107

原创 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 1240

原创 Canvas 图片制作动画

Canvas入门文档推荐菜鸟教程W3cschool这个是做的其中一个动画，只是html案例，后来做了十个添加到项目里面了，另外实现了暂停、继续、背景音乐同步播放/同步暂停、最后还将动画转成了视频并合成了音乐实现上传下载；（rg:下面的是es5语法，再严格模式下不能使用，需要稍微改造下）<!DOCTYPE html><html><head> <title>老程-Canvas-旋转过渡</title> <sty

2021-07-01 17:29:56 1475

原创 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 402

原创 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 113 1

原创 JS string 对象属性、操作方法整理

对象属性length：字符串长度prototype、constructor对象方法方法名说明indexOf()返回某个指定的字符串值在字符串中首次出现的位置concat()连接两个或更多字符串，并返回新的字符串replace()在字符串中查找匹配的子串，并替换与正则表达式匹配的子串concat()连接两个或更多字符串，并返回新的字符串concat()连接两个或更多字符串，并返回新的字符串concat()连接两个或更多字符串，并返回

2021-05-07 09:20:32 107

原创 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 322

原创写第一个 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 184

原创记录一个正则表达式

这次遇到到的是需要将正则表达式里面使用变量匹配需求：将目标文本（每次不一样）中商品图片（可变但是可通过接口查出来）地址后面拼接的后缀去掉，例如：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 114

原创前端接收后台返回的流下载

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 746

原创 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 2328

原创 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 439

原创 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 3343

浏览器插件模板（Good Luck）

开发李兰器插件，只是一个模板，可以用；了解下插件的结构；

2021-02-02

java计算器.rar

java课设做一个窗体计算器源码 ①单击计算器上的数字按钮(0、1、2、3、4、5、6、7、8、9)可以设置参与计算的运算数。 ②单击计算器上的运算符按钮(+、一、*、/)可以选择运算符号。 ③单击计算器上的函数按钮可以计算出相应的函数值。 ④单击计算器上的等号(=)按钮显示计算结果。 ⑤在一个文本框中量示当前的计算过程，在一个文本区中显示以往的计算过程。 ⑥单击“保存”按钮可以将文本区中显示的全部计算过程保存到文件:单击“复制”按钮可以将文本区中选中的文本复制到剪贴板;单击 “清除”按钮可以清除文本区中的全部内容。

2020-08-13

csl_shop.sql

11张表：顾客信息表、商品信息表、商品的图片附表、商品的其他信息附表、商品采购记录表、商品类别表、物流信息表、订单明细表、订单表、购物车表、后台管理员账号密码；为设计顾客登录表，顾客可以直接访问通过微信号绑定，有异议可自行加表；

2020-07-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人