小六路-CSDN博客

原创前端知识大杂烩（每天一个知识点）

Javascript基础1.var let区别 (推荐使用let)let是块状作用域，而var是函数作用域。 let不能在定义之前访问该变量（var是可以的，它确实是js世界中许多bug和困扰的源头）。 let不能被重新定义// 输出 5,5,5,5,5for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000);}// 输出 0,1,2,3,4for (let...

2021-05-06 16:12:00 334 5

原创各种记录（不定时更新）

1、windows 命令查询 Tomcat 并发连接数-an |find /c ":8087"

2020-05-18 16:51:36 109

原创 less学习（随笔，不定时更新）

1.安装npm install less less-loader --save-dev2.

2020-04-30 11:55:59 145

原创前端知识点系列

1.健康档案实现效果：代码：<fieldset> <legend>健康档案</legend> 身高：<input type="text" /> 体重：<input type="text" /></fieldset>...

2020-04-30 09:38:26 1157

原创 vue 键盘快捷键标注

使用vue，Css ,js 做一个虚拟键盘并添加快捷键的标注信息

2023-07-24 16:21:05 2078

原创 node 版本太高问题

node 版本太高问题项目无法启动解决办法。

2023-04-21 16:55:21 219 1

原创 leaflet-contxtmenu 右键菜单叠加问题

【代码】leaflet-contxtmenu 右键菜单叠加问题。

2023-04-21 15:14:21 569 2

原创 nginx 访问静态图片

1.获取全局对象web: window, self, frames, this node: global, worker: self , 通用: globalThisI

2023-02-15 17:43:48 2873 3

原创 React + ts + react-router-dom + andt + hooks（没写完）

1.创建react + ts 项目create-react-app react-demo --template typescript2.安装路由npm install -save react-router-dom

2023-02-15 17:25:39 259

原创 vite+vue3+ts+vant 移动端

1.创建vite项目通过npm初始化npm init vite@latest通过Yarnyarn create vite或者自定义模板# npm 6.xnpm init vite@latest my-vue-app --template vue-ts# npm 7+, 需要额外的双横线：npm init vite@latest my-vue-app -- --template vue-ts# yarnyarn create vite my-vue-app --t

2023-02-15 17:24:44 491

原创 python3.7

下载安装ancconda(python3.7)

2023-02-14 16:10:56 352

原创 vue 页面等比例缩放-组件

vue 页面等比例缩放-组件

2023-02-14 16:09:49 863

原创 Vue2 实现一个页面调用另一个页面的函数

Vue2 实现一个页面调用另一个页面的函数

2023-02-01 15:21:37 683

转载 vue调取电脑摄像头实现拍照功能

vue调取电脑摄像头实现拍照功能

2022-10-18 09:12:31 1512 4

原创 js 修改scss变量

js 修改scss变量

2022-08-12 17:13:27 4559 3

转载 Vue.use原理及源码解读

Vue.use原理及源码解读

2022-07-29 14:53:03 174

原创 Git拉取代码时报错，找不到项目

Git拉取代码时报错，找不到项目

2022-07-19 16:23:37 966

原创二次封装组件，继承属性、方法及插槽

vue 组件二次封装

2022-07-19 15:06:43 4190 2

原创 vue组件的拖动排序

Vue Grid Layout -适用Vue.js的栅格布局系统01 - 基本 | Vue Grid Layout -️ 适用Vue.js的栅格布局系统 (jbaysolutions.github.io)vuedraggabl<template> <div>  <div class="itxst"> <div class="col"> <di

2022-04-12 15:18:19 1244

转载 ES6中箭头函数VS普通函数的this指向

ES6中箭头函数VS普通函数的this指向普通函数与ES6中箭头函数里，this指向的问题一、普通函数中this（1）总是代表着它的直接调用者，如obj.fn，fn里的最外层this就是指向obj（2）默认情况下，没有直接调用者，this指向window（3）严格模式下（设置了'use strict'），this为undefined（4）当使用call，apply，bind（ES5新增）绑定的，this指向绑定对象注释：1. call 方法第一个参数是this的指向，后面传入

2022-03-01 11:34:50 147

原创 svg 缩放相关参考

https://segmentfault.com/a/1190000007143300js操作svg整体缩放__听风吻雨的Code港湾-CSDN博客_js svg放大缩小https://blog.csdn.net/j_sam_2009/article/details/7334189

2021-12-10 15:20:34 279

原创 webtrc 视频通话切换前后置摄像头

var mediaCamera = 0; //摄像头默认前置0 后置摄像头1/** * 切换摄像头 */function changeMediaCamera() { // 设置后置摄像头 var constraints = { audio: true, video: { facingMode: { exact: 'environment' } } }; if (mediaCamera === 0) { /.

2021-11-09 15:46:59 2443

转载 Kurento

WebRTC之Kurento:直播、视频通话、视频会议我都行！前言前段时间做rtsp无插件网页端播放的时候无意中接触到一款叫Kurento的媒体服务器，简单来讲，Kurento就是一个WebRTC媒体服务器，同时提供了一系列的客户端API，可以简化供浏览器、移动平台使用的视频类应用程序的开发。今天就跟大家分享一下，通过接触Kurentu了解什么是WebRTC,以及WebRTC是干什么的。关于WebRTCWebRTC，名称源自网页即时通信（英语：Web Real-Time Communicat

2021-10-28 10:29:00 2561 1

转载 mysql HOST_CACHE表

HOST_CACHE表标签：数据库performance_schema数据库下的host_cache表会记录连接客户端主机名、IP地址信息和其他连接信息，帮助诊断连接问题，可以使用select查询 mysql> use performance_schema; mysql> select * from host_cache\G; IP：连接服务器的客户端的IPHOST:解析过的DNS主机名，如果名字不知道就是NULLHOST_VALIDATED...

2021-10-28 09:58:35 1361

原创 mysql8 忘记密码重置

管理员模式打开cmd1> net start mysqlcd 进入mysql安装目录 bin下 2> cd D:\A-Software\mysql-8.0.19-winx64\bin3> mysqld --console --skip-grant-tables --shared-memory管理员打开第二个cmd ,cd 进入mysql安装目录 bin下4> mysql -uroot -p5> flush privileges...

2021-08-19 10:38:47 54

原创纯前端验证码

使用:// 验证码if(code1.verify(document.getElementById("textfield3").value) === false){ alert("验证码不正确"); return;} 引入vcode.js/** * Created by Lee on 2014/9/16. */(function(){ var randstr = function(length){ var key = { ...

2021-07-29 10:58:52 155

转载 Promise 手写实现

1函数// 声明构造函数function Promise(executor) { this.promiseStatus = 'pending'; //promise状态值 this.promiseResult = null; // promise结果值 this.callback = []; //then方法中的回调函数 // 保存实例 const self = this; // 成功回调的函数 function resolve(data)

2021-07-16 10:51:12 155

原创 react/vue中的key有什么作用

1). react/vue中的key有什么作用(key的内部原理是什么? )2).为什么遍历列表时，key最好不要用index?3.开发中如何选择key?:1.最好使用每条数据的唯一*标识作为key, 比如id、手机号、身份证号、学号等唯一值。2.如果确定只是简单的属示数据。用index是可以的。1.虚拟DOM中key的作用:1).简单的说: key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用。2).详细的说:当状态中的数据发生变化时，react会根据[新数据.

2021-06-28 17:44:59 162

原创 html5 input获取文件内容，上传文件

<label for="pop_audio" id="label1"> <input style="display:none;" id="pop_audio" type="file" multiple @change="selectFile($event)" /> <div>选择文件</div></label>1.获取本地路径const selectFile = event => { // 获取.

2021-06-25 15:16:18 3168

转载 HTML5 数据本地存储介绍

前端数据本地存储介绍本文介绍本地数据存储的选型。简单总结一些查询到的关于本地数据存储的技术。控制台展示前端存储Chrome：前端离线存储目前支持 Cookie、localStorage、sessionStorage、IndexedDB、Web SQL Database以及FileSystem.本地存储概览1）本地数据存储：一般存储的都是数据Cookie：浏览器均支持，容量为4KB，用起来超级麻烦，而且限制极大；不适合 IE用户数据（UserData）：仅IE支持 Web存

2021-06-17 10:30:12 607

原创 typeScript相关问题记录

问题1：解决办法

2021-06-15 15:14:44 78

转载 BFC（Block Formatting Context，块格式化上下文）

BFC是什么？BFC有什么用？看完全明白一、BFC是什么？官方定义BFC（Block Formatting Context，块格式化上下文）是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。详见MDN看不明白？那就对了！官方解释若不搞得抽象难懂些，怎能显出高大上？！（手动滑稽）还是让逆战在新冠疫情期的我来给你解答吧！个人理解1、BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响；2、可以通过一些条件触发BF

2021-05-07 10:52:27 142

原创 Vue中ESlint配置文件eslintrc.js

/** * 参考文档 * 【eslint英文文档】https://eslint.org/docs/user-guide/configuring * 【eslint中文文档】http://eslint.cn/docs/rules/ */ /** * eslint有三种使用方式 * 【1】js代码中通过注释的方式使用 * 【2】通过webpack的eslintConfig字段设置，eslint会自动搜索项目的package.json文件中的配置 * 【3】通过配置文件的方式使用，配置文件有.

2021-03-23 16:50:31 1040

原创 Cordova 打包相关

Cordova + vue 打包安卓[Android] apk 及 Apk版本自动升级及安装[实时获取下载进度]准备一、Cordova + vue 打包安卓(Android) apk1.安装Cordova环境2.新建Cordova项目（建议放在英文目录下）3.Vue项目打包放入cordova项目4.调试打包apk软件5.打包成安卓apk6.APK签名7.常见的问题二、Apk版本自动升级及安装（实时获取下载进度）1.安装安卓插件2.添加cordova.js3.创建版本更新js4.调

2021-03-23 09:21:24 98

原创前端知识点系列 ---- 实现椭圆，半椭圆，圆弧

/* 半个椭圆 */div { height: 50px; background: linear-gradient( to right, rgba(254, 172, 94, 0.5), rgba(199, 121, 208, 0.5) ); border-radius: 50% / 0 0 100% 100%;} /* 椭圆 */div{ height: 100px; background: linear-gradient...

2021-03-22 14:47:02 820

转载前端知识点系列---背景色渐变

参考：https://www.cnblogs.com/liangdecha/p/9797124.html线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义background: linear-gradient(to left,#d3959b,#bfe6ba); //右→左background: linear-gradient(to right,#d3959b,#bfe6ba);//做由..

2021-03-22 14:45:51 533

原创代码规范 eslint+prettier

插件 koroFileHeadersetting.json添加配置使用二、ESLint + Prettier 保存时自动修复代码ESLint ：代码检查+代码格式化工具。Prettier：代码格式化工具。vetur：vue代码格式化工具，底层默认的是Prettier。vscode安装以下插件setting.json添加配置项目中设置规范首先在项目安装依赖，pckage.json然后配置lint规则，.eslintrc.js如果有必要还可以配置pret

2021-03-22 14:39:06 1308

原创 vue 项目代码规范

vue3.0项目规范一、目录结构├── babel.config.js 相关配置及规范见官网 https://cli.vuejs.org/zh/config/#babel├── dist 生成打包后文件├── node_modules 安装的依赖包├── package-lock.json npm包配置文件、依赖包小版本信息├── package.json npm包配置文件、依赖包信息├── public public中的表态资源会被复制到输出目录(...

2021-03-22 14:35:46 588 1

原创 vue3.0 登录页demo

<template>  <div class="login-top"> <img src="./icon-header.svg" class="icon-head" alt="" /> <div class="login-top-centent">欢迎登录</div> <div class="title-name">hello word 系统&lt...

2021-03-15 10:42:39 4432

转载 flex弹性布局

原文地址：https://www.cnblogs.com/hellocd/p/10443237.htmlFlexbox是 flexible box 的简称（注：意思是“灵活的盒子容器”），是CSS3引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个...

2021-03-12 16:17:20 139