前端
前端
队友一直叫我撤
不进则退,不进则废
展开
-
echatrs相关参数总结
【代码】echatrs相关参数总结。原创 2023-03-22 09:25:03 · 190 阅读 · 1 评论 -
JavaScript中的一些常用方法
常用的一些JS方法原创 2023-02-22 15:18:01 · 317 阅读 · 0 评论 -
传参值为空时不传字段
前端传参参数为''时的时候不传参原创 2022-08-23 11:59:59 · 576 阅读 · 0 评论 -
vue项目的一些技术输出
‘996’ 2个月的一个小项目中一些前端常用技术点记录原创 2022-07-16 17:38:00 · 622 阅读 · 0 评论 -
css在文字前面设置带颜色的小方块样式
<a-divider orientation="left" class="category"> <label>纳入全省食用农产品合格证管理</label> <a @click="toMapMode">地图模式</a> </a-divider>.category label { color: rgba(0, 0, 0, 0.85); font-size: 24px; &:...原创 2022-05-19 15:16:25 · 2185 阅读 · 0 评论 -
Echart使用小结
饼状图的options在series中使用label 的formatter属性使用’< br>'无法换行直接显示的问题?解析:label 需要使用 \n 换行,tooltip中是使用< br/>换行。原创 2022-04-22 11:12:36 · 345 阅读 · 0 评论 -
JavaScript使小数保留两位小数,整数不补零
后端接口获得的数据有时不是number类型,可以先使用Number() 方法将数据类型变成数字类型;然后使用toFixed()方法,保留参数位数的小数,直接使用该方法会在不够两位的小数后补零、整数补两个0;可以使用parseFloat()方法取浮点数实现例子代码如下:// num1的位数>=两位数时var num1= 11.111;parseFloat(num1.toFixed(2)) // 11.11// num2的位数<两位数时var num2= 11.1;parseFl原创 2022-04-22 11:09:09 · 5001 阅读 · 0 评论 -
Vue的全局自定义指令-防连点
一些请求或提交的按钮需要做防抖处理,可以自定义一个全局指令,便于复用。JS代码import Vue form 'vue';Vue.directive('noReclick', { inserted(el, binding) { el.addEventListener('click', e => { if(el.disabled) { return false; } el.disabled = true; setTimeout(() => {原创 2022-04-20 15:28:05 · 701 阅读 · 0 评论 -
饿了么ui自带的两种远程搜索(模糊查询)用法讲解
问题描述有一种查询叫做前端远程搜索、模糊查询。饿了么自带两种方式可以做,一种是使用el-input中的el-autocomplete,另一种是使用el-select和el-option。这两种都可以选择,但是具体实现的思路方式要和后端商量。模糊查询是谁来做?如果后端做那么前端只需要把用户在输入框中的输入的关键字扔给后端,后端根据前端传过来的用户要查询的关键字,去数据库中进行模糊查询,查到的关联的数据扔给前端,前端拿到数据以后直接呈现给用户看到就行了。前端省事些如果前端做正常情况下,模糊查询其实后端转载 2022-03-29 15:30:58 · 1912 阅读 · 0 评论 -
ElementUI 日期控件禁止选择未来日期
HTML <el-date-picker v-model="queryDate" value-format="yyyyMMdd" type="date" placeholder="选择日期" :picker-options="qsrqOptions" />JavaScript // 日期 .原创 2022-03-24 17:26:37 · 1853 阅读 · 0 评论 -
vscode怎样修改切换自动换行的快捷键
首先启动vscode,在主界面的左下角 找到一个齿轮形状的图标点击它。如图箭头所示。在弹出的命令列表中,点击选择 键盘快捷方式 子选项。 如图箭头所示。在出现的键盘快捷方式 界面中,往下滚动查找,找到“查看:切换自动换行”该命令,双击它或者单击它前面的类似一支笔的小图标,如图箭头所示在弹出的对话框中,按下你想要设置的新快捷键组合,最后按enter回车键确定即可。 如图箭头所示原文地址:[百度经验](https://jingyan.baidu.com/article/f71d60377e7e625bb741原创 2022-03-01 11:35:23 · 4938 阅读 · 0 评论 -
Git使用心得
1、进入新项目从远端拉取代码在选定的文件夹路径下进入cmd,使用git clone + 你复制好的git路径,(例如:git clone https://gitee.com/sht/vue_shop.git )克隆整个项目到本地。2、使用git config --list查看git配置主要是查看本机是否设置了代码提交人的姓名与邮箱,可以使用 git config --global user.name “username” 和 git config --global user.email “email”原创 2022-02-24 17:01:32 · 294 阅读 · 0 评论 -
怎样将jQuery的AJAX返回值保存为全局变量
var coordinates = (function() { var result; $.ajax({ type:'POST', url:'api/api.php', dataType:'json', data:{url:"http://sss.com"}, async:false, success:function(data){ result = data;原创 2021-12-30 17:12:02 · 1324 阅读 · 0 评论 -
sessionStorage的取值,存值,删除(用于浏览器存储客户端的访问数据)
//sessionStorage作为HTML5的Web Storage的两种存储方式之一。//用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。//不是一种持久化的本地存储,会话级的存储。//1,存值sessionStorage['key']='value';sessionStorage.setItem('key','value');//2,取值var v=sessionStorage['key'];var f=sessio转载 2021-12-29 18:09:31 · 2039 阅读 · 0 评论 -
git常用命令
1、配置全局用户名和邮箱git config --global user.name “Your Name”git config --global user.email “[email protected]”查看配置的用户名与邮箱git config – list2、工作区与本地仓库在目标目录下 git init初始化git仓库git ls-files 查看本地仓库文件目录git status 查看工作区和暂存区状态git add 文件名或git add . 将工作区文件添加到暂存区git原创 2021-12-14 20:04:19 · 626 阅读 · 0 评论 -
IntelliJ IDEA前端开发插件整理
Vue.js Vue.js支持插件element Element-UI支持插件,可以对Element-UI中的标签进行智能提示CodeGlance 右侧展示一列当前文件中代码的缩略图Chinese Language package 中文语言包(2020之后版本可用)Translation 翻译工具CodeSearch 选中某段内容,可以直接右键通过搜索引擎搜索进行搜索Atom Material Icons 为文件夹、文件增加图标,让编译器看起来更美观GitToolBox 查看鼠标所在行代.原创 2021-12-10 19:11:24 · 7396 阅读 · 0 评论 -
用户变量和系统变量区别
Windows系统中存在两种环境变量:用户变量和系统变量。两种环境变量有什么区别和共同点?1、两种环境变量中可以存在重名的变量;2、两者都不区分变量名的大小写,如Path和PATH并没有区别;3、用户变量只对当前用户有效,系统变量对所有用户有效;4、windows系统在执行用户命令时,若用户未给出文件的绝对路径,则首先在当前目录下寻找相应的可执行文件、批处理文件等;若找不到,再依次在系统变量的Path保存的这些路径中寻找相应的可执行程序文件。查找顺序是按照路径的录入顺序从左往右寻找的,最前面一原创 2021-08-18 12:07:01 · 8039 阅读 · 0 评论 -
setTimeout、Promise和async/await的执行顺序
要了解代码的执行顺序,必须先了解JS的运行机制为了避免复杂性,从一诞生,JavaScript就是单线程,这已经成这门语言的核心特征,将来也不会改变。所谓单线程,是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。JavaScript单线程任务被分为同步任务和异步任务同步可以保证顺序一致,但是容易导致阻塞;异步可以解决阻塞问题,但是会改变顺序性,根据不同的需要去写你的代码。同步任务会在调用栈中按照顺序等待主线程一次执行;异步任务会在异步任务有了结果后,将注册的回调函数放入任务队列中原创 2021-10-29 15:05:46 · 691 阅读 · 1 评论 -
JavaScript中数组的reduce()方法和concat方法
定义和用法:reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。注意: reduce() 对于空数组是不会执行回调函数的。语法:array.reduce(function (total, currentValue, currentIndex, arr), initialValue)例子(重点在注释):var array = [4, 5, 6, 7, 8];var singleVal = 0;singleVal = array.reduc原创 2021-09-03 15:21:14 · 544 阅读 · 0 评论 -
js变量提升与函数提升的详细过程
js变量提升与函数提升的详细过程先来看两个栗子,下面的两段代码分别输出什么?// 代码段1function foo() { var a = 1; function a() {} console.log(a);}foo();// 代码段2function foo() { var a; function a() {} console.log(a);}foo();答案是:代码段1打印的是1,代码段2打印的是 a() 函数。为什么会这样呢?这就涉及到js中的变量提升原创 2021-09-02 09:43:24 · 431 阅读 · 0 评论 -
JavaScript知识点
1 .介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象:Object、Array、Boolean、Number 和 String 其他对象:Function、Arguments、Math、Date、RegExp、Error 新类型:Symbol 2.eval是做什么的? 它的功能是把对应的字符串解析成JS代码并运行; 应该避免使用eval,不安原创 2021-09-01 16:06:04 · 359 阅读 · 0 评论 -
什么是css sprites,如何使用?
css sprites:精灵图(雪碧图):把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片、背景图是否重复、背景图定位),显示图片,减轻服务器对图片的请求数量优点: 1、减少网页的HTTP请求,提高页面性能 2、图片命名上的困扰 3、更换风格方便 缺点: 1、必须限定容器大小,符合背景图片元素的位置,需要计算 2、维护比较麻烦 使用步骤: 1、制作一张具有多状态的拼合转载 2021-08-30 10:45:47 · 1346 阅读 · 0 评论 -
一些VSCode插件
1.Chinese (Simplified) :适用于 VS Code 的中文(简体)语言包2.Live Server:搭建临时的http服务器,修改本地文件后,浏览器能够立即同步,自动加载,自动刷新。(我觉得可以替代open in browser)3.file-size:显示当前打开的文件大小。4.Path Intellisense:识别引入文件路径,路径补全提示。5.Code Runner:代码一键运行,支持了Node.js, Python, C++, Java, PHP, Perl, Ruby原创 2021-08-26 14:37:46 · 239 阅读 · 0 评论 -
CSS BFC是什么【BFC详解】
问题CSS BFC是什么?解答定义BFC(Block Formatting Context)格式化上下文,是盒模型的一种渲染布局,简言之可以理解为 一个独立的容器,不受外部影响,不影响外部。形成条件固定(fixed)定位和绝对(absolute)定位float:both,left,right(除了none)overflow:hidden,auto,scroll(除了visible)display:inline-block,table-cell,table-caption(- f.转载 2021-08-25 11:55:02 · 167 阅读 · 0 评论 -
scrollTop是什么及用法说明
scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。 通过一个实例演示来讲述scrollTop属性是什么 下面的演示中,外层元素的高度值是200px,内层元素的高度值是300px。很明显,“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时,有部分内容会隐没在“外层元素的上边界”之外,s...转载 2021-08-20 11:23:45 · 16778 阅读 · 1 评论 -
浅拷贝与深拷贝
首先,JS的浅拷贝和深拷贝只是针对于引用数据类型而言基本数据类型:Boolean、Number、String、undefined、Null、Symbol (ES6新增,表示独一无二的值)引用数据类型:Object、Array、Function浅拷贝:概念:浅拷贝只是复制指向某个对象的指针,而不复制对象本身,新旧对象其实还是同一个对象。修改时原对象也会受到影响。深拷贝:概念:深拷贝就是在拷贝数据的时候,将数据的所有引用结构都拷贝一份。简单的说就是,在内存中存在两个数据结构完全相同又相互独立的数原创 2021-08-19 15:13:09 · 72 阅读 · 0 评论 -
闭包应用场景之函数作为参数传递
例:setTimeout原生的setTimeout有一个缺陷,你传递的第一个函数不能带参数。即 setTimeout(function(param){ alert(param) },1000)这样的语句是不生效的(不过在不同浏览器中有不同的错误,总之都无法达到预期效果)这时,我们就可以用闭包来实现这个效果了。 function func(param){ return function(){ alert(param)原创 2021-08-19 14:39:27 · 370 阅读 · 0 评论 -
nvm的安装及npm的一些设置
Nvm是nodejs版本管理工具1.安装nvm之前先卸载node,win+r:cmd,node -v 查看node版本和存在,在 控制面板→程序与功能 中找到node卸载,或uninstall。2.打开nvm下载链接3.下载.zip文件4.安装解压后的.exe文件,记下nvm安装目录,稍后修改设置使用;注:这里是设置nvm的安装路径(可以自定义)!请不要选择Program Files或 Program Files (x86),因为它们命名有空格和()符号,这会导致node安装失败哦!5.下一步原创 2021-08-18 10:54:26 · 12061 阅读 · 0 评论 -
一些前端题库
1.大前端题库2.前端各大公司面试更新表_v202010083.字节跳动Windows开发一面,二面有感原创 2021-08-16 11:24:29 · 101 阅读 · 0 评论 -
“Cannot Read Property ‘split‘ of Undefined”错误的原因及解决办法
If you've ever used JavaScript's split method, there's a good chance that you've encountered the following error: TypeError: Cannot read property 'split' of undefined.如果你曾经使用过 JavaScript 的 split 方法,很有可能你遇到了下面的错误: TypeError: Can not rea...翻译 2021-08-12 13:42:57 · 15289 阅读 · 0 评论 -
在vue中使用回调函数,this调用无效的解决
https://www.jb51.net/article/193079.htm在vue中使用回调函数,this调用无效的解决转载 2021-08-12 09:40:37 · 1264 阅读 · 0 评论 -
vue-cli3 + threejs项目的一些注意点
1.cnpm create vuecli-three2.cnpm install three --save3.import * as Three from ‘three’import { OBJLoader } from ‘three/examples/jsm/loaders/OBJLoader’import { OrbitControls } from ‘three/examples/jsm/controls/OrbitControls’import Stats from ‘three/exam原创 2021-08-10 15:08:19 · 841 阅读 · 0 评论 -
【yarn】文件名、目录名或卷标语法不正确
这个坑折腾了好久,为了避免之后再踩,在这里记录下。1、问题描述在运行yarn create vuepress时报错:文件名、目录名或卷标语法不正确我一开始以为是vuepress的问题,后来上网看文章发现vue、umi等也会出现这个问题,所以这个应该就是yarn的问题。2、踩坑过程根据Command的提示,去到指定目录(我的是'D:\02-install\node.js\node_global\bin')下,找到文件create-vuepress.cmd,其中内容如下:@"%~dp0\C:\Us原创 2021-06-10 10:43:28 · 1208 阅读 · 2 评论 -
修改VSCode编辑器的主题和代码颜色
修改Visual Studio Code编辑器的主题和代码颜色 摘要:自定义Visual Studio Code(VSCode)的主题和代码颜色 在VS Code 的左下角,点击设置。 打开设置后,在搜索栏搜索关键字:主题。 搜索结果显示有许多个在setting.json中编辑,任意点开一个,即可编辑代码的颜色。 在文件setting.json的代码后面,插入相应的代码,然后保存。 代码如下: // 自定义的颜色 "editor.tokenColorCustomiz原创 2021-06-04 10:27:56 · 9176 阅读 · 7 评论 -
webpack5.x搭建本地服务器时因版本问题导致的Error
使用webpack5搭建本地服务器webpack-dev-server时出现版本问题导致报错:Error: Cannot find module ‘webpack-cli/bin/config-yargs’Require stack:处理办法:将webpack、webpack-cli和webpack-dev-server版本对应“webpack”: “^5.26.3”,“webpack-cli”: “^3.3.0”,“webpack-dev-server”: “^3.10.0”...原创 2021-03-19 15:15:06 · 220 阅读 · 0 评论 -
css图片
CSS深入理解之overflow 笔记原创 2021-05-31 17:43:07 · 75 阅读 · 0 评论 -
前端随笔.
1.常见的模块化规范:commonJS:node实现、amd、cmd、es6的modules2.screenlog.js插件3.菊长博客的ammo.js4.免费机场软件节点winXray5.iframe嵌套页面6.你下载node的时候,不仅仅会下载node环境,还会一并下载 npm 和 Gitbash;7.vue init webpack demo8.auto.jsAutoJS是一款新的手机脚本开发工具,开发语言是JS系统目前只支持安卓7.0以上的版本,IOS不能使用。他的主要工原创 2021-05-31 16:02:22 · 2226 阅读 · 2 评论 -
rtsp流通过ffmpeg+nginx转成rtmp以及http-flv流
1.摄像头提供rtsp的视频流,使用VLC转成ogg格式虽然可以通过h5播放,但是延迟太高;最终决定将rtsp流通过ffmpeg+nginx-http-flv转成rtmp以及http-flv流,并通过flv.js在h5页面播放。原创 2021-05-25 10:49:56 · 5831 阅读 · 6 评论 -
Windows下安装使用ffmpeg
1.ffmpeg是一个开源免费的软件,可以进行各种媒体格式转换官网上就能下载,下载地址:Download FFmpeg2.选择window版本下的from gyan.dev项3.选择release下的第一个链接4.将下载的ffmpeg-4.4-full_build.7z文件解压到自定义文件夹,该文件夹内的bin文件内包含3个.exe文件5.将bin文件夹位置添加到环境变量中开始搜索环境变量->编辑系统环境变量->...原创 2021-05-18 16:15:28 · 3103 阅读 · 0 评论 -
vscode设置缩进2个空格
1.左下角点击设置,打开设置( Ctrl + , )2.搜索 tabsize,去掉勾选,4改成2原创 2021-05-14 15:32:50 · 1486 阅读 · 0 评论