实战技巧
实战技巧
南朝听月
A ship in harbor is safe, but that is not what ships are built for.
展开
-
调试技巧 conso.trace()
同时也可以看一下一个变量在哪里做修改,具体怎么使用,可以配合watch方法的使用。console.trace() 方法用于显示当前执行的代码在堆栈中的调用路径。console 的 trace() 方法向 Web 控制台输出一个堆栈跟踪。trace是一个很好的调试错误的办法,可以查看函数在哪一些地方做了调用。原创 2024-09-26 00:30:00 · 167 阅读 · 0 评论 -
git提交commit信息规范,fix,feat
it提交时常见的字段含义,包括新功能(feat)、修复bug(fix)、文档更新(docs)、代码格式调整(style)、重构(refactor)、构建工具更改(chore)、版本回退(revert)、性能提升(perf)、测试相关(test)、代码改进(improvement)、打包操作(build)以及持续集成(ci)原创 2024-08-02 23:14:58 · 502 阅读 · 0 评论 -
console调试,chrome调试工具之Console
console调试,chrome调试工具之Console原创 2023-02-15 11:39:39 · 3621 阅读 · 0 评论 -
京东放大镜效果,购物车网站放大镜效果
京东放大镜效果,购物车网站放大镜效果原创 2022-02-15 11:01:03 · 131 阅读 · 0 评论 -
回车聚焦到下一个输入框
<el-form-item prop="userName"> <el-input clearable placeholder="用户名" prefix-icon="el-icon-user" v-model="loginForm.userName" ref="input1" @keyup.enter.原创 2021-04-15 10:58:00 · 429 阅读 · 0 评论 -
input标签上传文件(一篇搞定)
input type="file"美化之所以会谈到input type="file"美化是因为默认的样式实在难以恭维,用过的人都知道,下面对其进行美化。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta nam原创 2021-03-03 11:14:36 · 13488 阅读 · 0 评论 -
下载,下载图片,下载资源
下载,下载图片,下载资源原创 2022-01-17 14:58:56 · 289 阅读 · 0 评论 -
表格排序问题,element表格排序问题,element-plus表格排序问题
表格排序问题,element表格排序问题,element-plus表格排序问题原创 2022-01-13 14:27:16 · 2466 阅读 · 0 评论 -
vue下载功能,下载excel,下载文件
场景需要:在一个数据表的右上方有一个下载按钮,点击之后,进行这个表格的下载。<el-button type="success" @click="downloadTable">模板下载</el-button>data: //下载时发送请求的数组 downloadArry: [],methods: //下载事件 downloadTable() { //制作一个发送请求时的参数 this.columns.forEach(原创 2021-03-03 11:27:37 · 256 阅读 · 0 评论 -
项目中关于token的操作,操作token,localStorage
const TOKEN_NAME = 'hkzf_token'// 获取 tokenconst getToken = () => localStorage.getItem(TOKEN_NAME)// 设置 tokenconst setToken = value => localStorage.setItem(TOKEN_NAME, value)// 删除 tokenconst removeToken = () => localStorage.removeItem(TOKE原创 2021-12-01 16:43:01 · 538 阅读 · 0 评论 -
如何获取body和html元素、documentbody、documentElement
var myBody = document.body; // document.getElementsByTagName("body")[0] console.log(myBody); var myHtml = document.documentElement; console.log(myHtml);原创 2021-11-26 16:51:43 · 1114 阅读 · 0 评论 -
回到页面顶部、window.scrollTo(0,0),页面滚动
onFilter = (filters) => { window.scrollTo(0,0) this.filters = filters; this.searchHouseList(); };摘要滚动到文档中的某个坐标。语法window.scrollTo(x-coord,y-coord )window.scrollTo(options)参数x-coord 是文档中的横轴坐标。y-coord 是文档中的纵轴坐标。options 是一个包含三个属.原创 2021-11-26 16:37:31 · 3802 阅读 · 0 评论 -
一个函数的执行时间、console.timeEnd
使用 console timer如果需要知道一个函数的执行时间,可以这么做:for (let i = 0; i < 100000; i++) { // some code}console.timeEnd() // x ms原创 2021-11-25 10:33:53 · 189 阅读 · 0 评论 -
给一个变量设置一个默认值、双问号、或运算符
如果需要给一个变量设置一个默认值,可以这么做:let totoconsole.log(toto) //undefinedtoto = toto ?? 'default value'console.log(toto) //default valuetoto = toto ?? 'new value'console.log(toto) //default value?? 还可以使用 ||。利用 || 的短路特性也可以达到这一效果...原创 2021-11-23 17:29:15 · 319 阅读 · 0 评论 -
条件简写、&&
当条件为 true 时,执行某些操作,我们可能会这样写:if(condition){ toto()}这种方式可以用 && 简写:condition && toto()&& 当前面的判断值屎真的时候,就执行后面,如果为假就不执行了...原创 2021-11-23 17:12:46 · 245 阅读 · 0 评论 -
if中如果有返回值时,就不要写else了
if(...) { return 'toto' }else { return 'titi'}如果 if 有返回值,可以这样写if(...) { return 'toto' } return 'titi'原创 2021-11-22 16:52:11 · 995 阅读 · 0 评论 -
可选项、经常检查对象的某些属性是否存在、检查对象的某些属性是否存在
在 JS 中,我们需要经常检查对象的某些属性是否存在,然后才能再处理它,不然会报错。早期我们可能会这么干:const toto = { a: { b: { c: 5 } } }if (!!toto.a && !!toto.a.b && !!toto.a.b.c) { ... } // toto.a.b.c exist如果对象嵌套很深,我们这写法就难以阅读,这时可以使用 ? 来简化:if (!!toto.a?.b?.c) { ... } // toto.原创 2021-11-18 16:58:22 · 158 阅读 · 0 评论 -
转换为布尔值、把空值转换为布尔值
!(NOT)运算符可以使用两次!!,这样可以将任何变量转换为布尔值(像布尔函数),当你需要在处理它之前检查某个值时非常方便。!!{}true!![]true!!NaNfalse!!""false!!nullfalse!!undefinedfalseBoolean({})trueBoolean([])trueBoolean("")falseBoolean(null)falseBoolean(undefined)falseBoolean(NaN)原创 2021-11-18 16:32:08 · 644 阅读 · 0 评论 -
避免if语句过长、if语句、includes()
可以使用数组的includes() 方法includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。let site = ['runoob', 'google', 'taobao'];site.includes('runoob'); // true site.includes('baidu');//false定义和用法includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。[1, 2, 3].incl原创 2021-11-18 16:19:38 · 522 阅读 · 0 评论 -
post请求用formData和json都会报接口成功
parameter: { id:"", isChecked: "", verifyRemark: "" }interactions._submitWarningReason = function() { let that = this; axios .post(api + "/api/violation/check", that.warningError.parameter ) .then((res) => { if (res.da.原创 2021-11-18 10:57:14 · 928 阅读 · 0 评论 -
如果有一个类,或者一个对象。 还有一个可能在多处访问的变量,可以使用挂载的方式,将这个变量挂载类或者对象上
如果有一个类,或者一个对象。还有一个可能在多处访问的变量,可以使用挂载的方式,将这个变量挂载类或者对象上labeL.id = item.valuethis.map = map;class Map extends React.Component { // 容器准备好了再进行初始化地图实例 componentDidMount() { this.initMap(); } initMap = () => { // 创建地图实例 const map =原创 2021-10-15 10:24:38 · 125 阅读 · 0 评论 -
为什么要给组件添加一个校验
因为项目中不止你一个人,你自己是知道这个组件怎么用。添加了一个校验,控制台会有一个明确的报错提示。团体合作项目中,别人并不清楚这个组件怎么用以后维护你项目的人,自然也不清楚这个组件怎么用程序员精神把,尽自己所能,做到机制...原创 2021-10-14 10:01:50 · 86 阅读 · 0 评论 -
web程序中获取当前地理位置
地理位置API 允许用户向 Web应用程序提供他们的位置,出于隐私考虑,报告地理位置前先会请求用户许可地理位置的API是通过 navigator.geolocation 对象提供,通过getCurrentPosition方法获取获取到的地理位置跟 GPS、IP地址、WIFI和蓝牙的MAC地址、GSM/CDMS的ID有关比如:手机优先使用GPS定位,笔记本等最准确的是定位是WIFI我们所获取到的是经纬度,其实对我们来说是没有用的,所以我们需要借助百度地图、高德地图等的开放接口,来帮..原创 2021-10-09 10:03:55 · 2837 阅读 · 0 评论 -
删除自己添加的注册表,删除注册表
方法一:右键.reg文件,选择编辑,然后打开开始,运行,输入regedit,一次按照.reg文件里面的路径找到注册表项,然后删除。方法二:如果不是修改注册表值而只是添加注册表值的.reg文件,右键.reg文件,选择编辑,在中括号前面加上一个减号,保存,重新添加注册表,就可以把原有的注册表值删掉。.reg内容Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\GWMY]@="GWMY Protocol""URL Protocol"="原创 2021-09-16 16:29:36 · 7479 阅读 · 0 评论 -
浏览器崩溃
开发过程中,出现了网页没有响应浏览器崩溃掉的情况浏览器转转转,半天加载不进来而且就算五六分钟加载进来之后,页面的交互是比较卡顿的,打个搜索的字就会卡的一顿一顿的。问题解决:看了控制台所有的请求,就看那个接口阻塞了,进行排查。但是并没有解决问题。最终问题解决: 主屏上的列表没有做分页,直接请求所有的数据,进行渲染,导致数据量太大,浏览器处理不过来,导致浏览器的崩溃。浏览器处理的数据是有上限的,在这个上限以下都是非常得丝滑。对数据进行分页处理,加载也就三五秒就完成。...原创 2021-08-18 19:45:10 · 258 阅读 · 0 评论