![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
厨樱
所有文章均为解决实际工作中的问题后的记录,若有同样的办法未解决问题,请先查看问题原因是否相同,欢迎讨论。
展开
-
【js】JavaScript 对象的连续解构赋值
语法中,可以对对象进行解构赋值。另外,如果想给解构出的。转载 2024-03-28 21:57:35 · 137 阅读 · 0 评论 -
vue项目启动出现可选链?:操作符解析失败
)是:@babel/plugin-proposal-nullish-coalescing-operator。问题截图:Module parse failed: Unexpected token。,本地npm run serve启动时,之前都正常,这次报错了,无法启动。问题描述:vue项目中引入了其他npm包,包中使用可选链操作符。原创 2023-05-17 19:05:32 · 1776 阅读 · 0 评论 -
mouseenter(mouseleave)与 mouseover(mouseout)的区别
从原理上讲,当指针设备(通常为鼠标)移动到(离开)绑有事件监听器的元素上时,mouseenter(mouseleave)事件会被触发,和 mouseover(mouseout)事件类似,但不同的是 mouseenter(mouseleave)不会冒泡,并且当鼠标从它的子元素移动它自身元素时,不会触发 mouseenter(从自身元素离开到子元素时,也不会触发mouseleave)。从表象上讲,mouseenter(mouseleave)只会在元素本身触发,不会在子元素触发;转载 2023-04-12 16:48:53 · 232 阅读 · 0 评论 -
Props中default用法及踩坑记录
简单的说就是在 props-default里面无法引用到 data的数据,所以修改的时候要把data数据复制到default处。同时也要注意用一个工厂函数去返回数组或者对象。用data中的变量,为props赋默认值,尝试多种方法都失败。父组件未向子组件传参数arrList的情况下,一直获取不到default的值。(注意事项已在注释中说明)原创 2023-04-12 17:46:19 · 1548 阅读 · 0 评论 -
持续集成--配置不同仓库的npm包
在项目开发过程中,当我们需要在不同项目中引用公共的自定义npm包的时候,我们优先想到的是将npm包发布到npm官方服务器上,然后在不同的项目上引用就行了。转载 2023-04-04 17:13:40 · 1045 阅读 · 0 评论 -
import require加载时机不同
总结:import命令是编译阶段执行的,在代码运行之前,因此意味着被导入的模块会先运行,而导入模块的文件会后执行。require() 在运行代码时加载依赖项。转载 2023-04-03 18:44:02 · 152 阅读 · 0 评论 -
npm添加Scope的方法
工作中开发了个npm包,无法在.npmrc中单独配置仓库路径,需要添加scope,特记录解决问题的方法。1、什么是Scope,即安装包时,使用的@someScope/packageName,如@或者执行npm init命令,包名参数进行改动(这样即可为npm包添加上scope。原创 2023-04-04 15:19:53 · 791 阅读 · 0 评论 -
去除:Vue项目打包后生成的.map文件&文件hash值命名
文件中设置productionSourceMap和filenameHashing项为false即可。转载 2023-03-21 10:47:15 · 1417 阅读 · 0 评论 -
【js】javascript 队列
js 队列转载 2023-03-09 13:46:27 · 693 阅读 · 0 评论 -
require.context
require webpack转载 2023-02-20 13:45:19 · 159 阅读 · 0 评论 -
【js】判断0.1+0.2是否等于0.3
原生js原创 2023-01-08 18:53:32 · 147 阅读 · 0 评论 -
【js】js绑定事件的三种方法
js 绑定事件 原生js转载 2023-01-02 11:28:49 · 3747 阅读 · 0 评论 -
【html5】webstorage--localStorage和sessionStorage
html5 webstorage localstorage sessionstorage转载 2022-11-13 17:11:29 · 165 阅读 · 0 评论 -
【前端】子元素加margin,父元素div高度计算错误--margin越界
css margin越界 父子元素原创 2022-11-04 13:55:01 · 624 阅读 · 0 评论 -
【vue】Vue中使用原生js创建元素样式不生效解决办法
vue js 动态创建对象 样式不生效转载 2022-11-02 09:38:36 · 1451 阅读 · 0 评论 -
【js】数组排序最常用的sort()排序
数组 排序 js原创 2022-10-31 11:23:33 · 173 阅读 · 0 评论 -
【js】document.createElement创建添加属性
createElement js转载 2022-10-27 14:48:12 · 5042 阅读 · 0 评论 -
【css】flex水平垂直居中
css3 flex 垂直居中原创 2022-08-04 18:24:59 · 289 阅读 · 0 评论 -
【js】forEach、for in、for of 三者对比
循环 es6转载 2022-06-26 16:21:43 · 251 阅读 · 0 评论 -
【前端】localStorage 用法及使用注意事项
localstorage转载 2022-06-14 18:04:34 · 19233 阅读 · 0 评论 -
【css3】vh和vw是什么单位?
css3的vh和vw单位转载 2022-06-09 17:50:22 · 1514 阅读 · 0 评论 -
Date.now()和new.Date().getTime()的区别
date相关转载 2022-06-02 16:32:41 · 1766 阅读 · 0 评论 -
在数组指定位置插入元素
使用splice()方法//在数组指定位置插入var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.splice(2, 0, "Lemon", "Kiwi");//输出结果//Banana, Orange, Lemon, Kiwi, Apple, Mango原创 2022-05-27 09:28:47 · 332 阅读 · 0 评论 -
JS中实现对象深拷贝的几种方式
方式一:通过JSON的stringify与parse方法实现let obj = {a: 1, b: [{c: 2, d: 3}, {e: 4, f: 5}], g: 6}let result = JSON.parse(JSON.stringify(obj)); console.log(result, obj, result === obj); console.log(result.b, obj.b, result.b === obj.b); console转载 2022-05-27 09:26:45 · 5797 阅读 · 0 评论 -
【jquery】jqgrid表头与数据不对齐问题
遇到的问题:jqgrid表格,在页面加载完成之后,表头就和数据不对齐了,如下图:尝试了网上说的white-space:normal;和box-sizing: border-box;等各种改样式的方法,都没有生效,最后设置属性shrinkToFit和responsive都为false,并且在colModel中,给每一行都设置了width,表头和数据对齐了。暂不知道是不是jqgrid自适应的宽度计算出了问题。var colModel = [ { label : 'id', name :原创 2022-05-23 15:15:49 · 911 阅读 · 0 评论 -
【js】获取json的长度,不需要循环
var jsonStr = { a: 1, b: 2, c: 3, d: 4 } var jsonLen = Object.keys(jsonStr).length; //Object.keys(jsonStr) = ['a','b','c','d'] console.log(jsonLen); //输出结果为4自己摸索出来的一个判断json长度的方法,不需要循环。若有大佬发现问题,欢迎讨论。...原创 2022-04-15 17:08:54 · 2300 阅读 · 1 评论 -
【jQuery】将文件拖拽到页面或某个区域内实现上传
实现效果:代码如下:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta .原创 2022-04-10 13:48:15 · 1850 阅读 · 0 评论 -
【jquery】jqGrid根据ID获取行号
根据行号获取ID$('#grid').getCell(rownumber,'id')根据ID获取行号$('#' + rowid)[0].rowIndex转载 2022-02-07 11:00:52 · 671 阅读 · 0 评论 -
$.contains(a,b)
jQuery.contains()函数用于判断指定元素内是否包含另一个元素。简而言之,该函数用于判断另一个DOM元素是否是指定DOM元素的后代。该函数属于全局jQuery对象。语法jQuery1.4 新增该静态函数。jQuery.contains( container, contained )参数参数 描述 container Element类型指定可能包含其他元素的祖辈容器元素。 contained Element类型指定可能被其他元素包含的后代元素.转载 2021-11-29 15:39:18 · 455 阅读 · 0 评论 -
【jQuery】监听div或者span内文本值的改变
html页面<span id="phase"></span>jquery代码$("#phase").bind('DOMNodeInserted',function(e){//执行相应的操作});原创 2021-11-25 10:52:50 · 1545 阅读 · 0 评论 -
【js】js发送get请求
用原生js发送网络请求var httpRequest = new XMLHttpRequest();//第一步:建立所需的对象 httpRequest.open('GET', 'url', true);//第二步:打开连接 将请求参数写在url中 ps:"http://localhost:8080/rest/xxx" httpRequest.send();//第三步:发送请求 将请求参数写在URL中 /** * 获取数据后的处理程原创 2021-11-17 14:36:17 · 18562 阅读 · 1 评论 -
【jQuery】jqgrid根据条件,动态设置单元格是否可编辑
由于我们的表格是双击单元格进入编辑状态,因此在双击事件中进行判断。ondblClickRow: function(rowid, iRow, iCol, e){ //拿到当前单元格的内容 var dblTd = gridId + " tr:nth-child(" + (iRow + 1) + ") td:nth-child("+(iCol+1)+")"; var htmlStr = $(dblTd).html(); //根据内容中是否存在某个字段进行判断 if(htmlSt原创 2021-11-03 17:27:42 · 1656 阅读 · 1 评论 -
【js】ajax加ContentType的方式
$.ajax({ url:"a/b", data : JSON.stringify(param),// contentType: 'application/json', //方法1 headers: { 'Content-Type': 'application/json' },//方法2 type : 'post', dataType : 'json', success : function(data){ console.log(JSON.s.原创 2021-10-26 17:24:01 · 508 阅读 · 0 评论 -
【js】替换数组中的某个对象
对对象属性进行判断,满足则替换var asd = {name: '李四', age: 12};let list = [ {name: '张三'}, {name: '李四'}]list = list.map(t => { return t.name === asd.name ? asd: t; }); console.log(list)转载 2021-10-22 15:07:00 · 6912 阅读 · 0 评论 -
【JQuery】页面关闭时使用JQuery进行Ajax请求
目前测试发现,jquery对unload事件支持较好,页面刷新或关闭时,都能触发unload事件。$(window).bind('unload', function(){ console.log('unload');//页面刷新、关闭都会触发该事件});jquery对于beforeunload事件,仅在页面刷新时可以触发,在页面关闭时,未触发。$(window).bind('beforeunload', function(){ console.log('beforeunload');/原创 2021-10-19 18:12:50 · 1340 阅读 · 0 评论 -
【css】css选择器
选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,...原创 2021-07-03 18:55:35 · 183 阅读 · 0 评论 -
【css3】【待解决】选择器nth-child(3n)适用的场景及遇到的问题
想实现的效果:选择3的倍数的元素,给与不同的样式情况1 <ul id="testUl"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>原创 2021-07-03 13:54:42 · 892 阅读 · 0 评论 -
大白话通俗易懂的讲解javascript原型与原型链(__proto__、prototype、constructor的区别)
javascript原型和原型链是js中的重点也是难点,理论上来说应该是属于面向对象编程的基础知识,那么我们今天为什么要来讲这个呢?(因为我也忘了,最近看资料才揭开面纱…… 哈哈哈) 好了,直接进入正文。在js的编程世界中,万物皆对象;不管你是数组还是函数还是对象,都是属于对象类型;那么这么多对象,如何进行管理呢?js中把对象分为实例对象、函数对象、原型对象三大类; 实例对象: 通过构造函数(所谓构造函数我们可以简单理解为进行new操作的函数就是构造函数)所创建的对象都是实例.转载 2021-06-22 22:51:41 · 212 阅读 · 0 评论 -
【vue】vue+ES6处理数组:shift、unshift、map、filter、foreach、every、some、reduce、find、findIndex等方法
map()test(){ let arr=[0,1,2,3,4]; arr.map((val, idx) => { console.log(val+','+idx); }) },each()foreach()reduce()filter()test(){ let arr=[0,1,2,3,4]; let result = arr.filter(one => one>2);原创 2020-09-24 00:10:33 · 4500 阅读 · 3 评论 -
【JavaScript】js判断JSON是否为空
var obj = {};if(JSON.stringify(obj) == '{}'){ console.log('obj为空');}原创 2020-09-22 22:26:24 · 948 阅读 · 0 评论