- 博客(58)
- 收藏
- 关注
原创 关于webpack 的面试知识点
常见的loader有: babel-loader(处理es6)、css-loader、style-loader(将css 插入到html 页面的style 中)、less-loader、file-loader、url-loader、image-wabpack-loader等。配置方法: 1、下载 2、在plugins 选项里配置plugin.一个plugin 是一个类。配置方法:1、下载loader 2、在module 选项里配置rules。一、什么是loader?二、什么是plugin。
2023-12-04 19:51:34
730
原创 面试遇到的一些问题(二)
1、v-if v-show 区别,他们的生命周期区别。2、map() 和forEach() 区别。5、vue2 和vue3 声明周期的区别。3、vuex 有什么办法可以永久存储。7、vue-router 路由守卫。6、vue-router 原理。
2023-12-04 19:50:28
592
1
原创 es6 相关面试总结
object.assign()将原对象所有的属性,复制到目标对象,(如果后面的参数有一个不是对象,就会抛出typeerror 错误)注:const 定义的对象,是可以允许修改其属性值的,const 定义的数组,其元素可以被改变。状态的缺点: 1、无法取消 2、当pending 时,无法得知当前的状态,时刚刚开始还是即将完成。是es6 引入的一种新的数据结构,类似于对象,但是键名不仅仅可以是字符串,它可以是任何类型。async 可以理解成,promise 的语法糖,配合promise 更好的实现异步操作。
2023-12-04 16:18:19
1509
原创 常用的操作数组的方法
2、join() 把数组转换成字符串,括号里的参数为分隔符,为空默认 ‘,’5、shift() 删除数组中第一个元素,并返回第一个元素,会改变原数组。3、push() 向数组末尾添加元素,会改变原数组,返回新数组长度。6、unshift() 在数组开头添加元素,跟push()相反。4、pop() 删除并返回数组中最后一个元素,会改变原数组。1、concat() 链接两个数组。
2023-11-29 18:06:57
419
原创 前端面试题(面试碰到的一些)(一)
props(父-子) / $emit(子-父) /ref (子-父) /eventBus (兄弟) / $parent或者$root (兄弟)/vuex / $attrs 和 $listeners (祖先-子孙)display:none(不占据空间,页面重新渲染,性能消耗大)/visibility:hidden(占据空间,但是不能触发点击事件,性能消耗较少)/opacity:0(间距空间,并能触发点击事件,性能消耗较少)扩展: 基本类型传递的是值,引用类型传递的是地址,所以引用类型才需要做深拷贝。
2023-11-27 14:16:20
992
原创 TypeScript 初学总结
元组: tupple 是一个特殊的数组,是固定长度,固定类型的数组,声明元组的时候一定要指明类型,(bug: 使用push() 可以突破元组的界限,无限给元组添加长度。let : 区块定义,解决var 声明中带来的作用域混淆问题。viod: 函数在没有任何返回的情况,就是一个viod类型。unknow: (不保证类型,但能保证类型安全)函数定义可选参数:可选参数只需在参数名后跟随一个。const : 声明常量,不可改变。lastName: "刘",name: "张三",字符串: string。
2023-10-11 17:20:01
161
原创 vue 中使用echarts 报错 Error in mounted hook: “Error: xAxis “0“ not found“
需要手动引入一下 grid
2022-10-27 15:57:25
2361
原创 小程序遇到问题,无法写入文件,因为它会覆盖输入文件。
无法写入文件“/babel.config.js”,因为它会覆盖输入文件。_走错路的程序员的博客-优快云博客_无法写入文件,因为它会覆盖输入文件
2022-04-28 11:42:36
2979
原创 项目中遇到的问题——子元素 margin-top 影响父元素
查阅资料后发现是因为盒模型的规范造成的。有以下解决办法1、 给子元素设置 float: left2、 给父元素设置 padding 值 。但是值不能为 03、 给父元素添加border 值。同样值不能为 0
2022-01-05 10:47:21
213
原创 关于ajax 请求
今天遇见一个这样的问题:需要请求一个接口地址,然后显示跨域,但是在浏览器直接访问是可以访问通的。就这个问题纠结了好长时间,经过查资料发现是这样的: 浏览器访问地址,是 访问 而不是 请求, 就一个目标源,根本就不存在跨域 而ajax 请求 是从A 页面 请求B 。所以本身就是跨域。 ...
2021-08-19 14:03:46
90
原创 element upload 选择文件时指定格式
<el-uploadclass="upload-demo"action=""drag:auto-upload="false":show-file-list="false":on-change='changeUploada'accept=".png,.jpg,.jpeg">accept=".png,.jpg“这样的写法选择文件时 指定选择文件的格式为 png jpg
2021-08-05 10:42:30
376
原创 处理手机号中间*展示
var str1 = $('#telPhone').val() var reg = /^(\d{3})\d*(\d{4})$/; var str2 = str1.replace(reg,'$1****$2') $('#telPhone').val(str2);结果 :
2021-07-22 13:56:36
218
原创 重写原生 alert 样式
js 部分//改写js原装的alert样式var t;var timeclose = 0;var showBackTime = 0;var showTime;window.alert = function (s, a, b, c) { if (s.indexOf("操作失败:[object Object]") >= 0) { return; } if (s == "out") { return; } var d
2021-07-20 15:36:26
544
原创 项目中遇到的问题
今天做bootstrap 得表格跟搜索布局。样式出问题。按钮不是我想要的按钮样子原来 没有加HTML5 的申明<!DOCTYPE HTML><html lang="en">一定要加上这个,才是最新的h5 的申明布局...
2020-02-26 15:36:08
111
原创 项目中遇到的问题——ie 浏览器不支持直接设置透明色
设置了透明色的颜色,在ie上的边框还是有颜色,一直没找到原因。原来是颜色不兼容。这样设置在ie 下有红色的下划线,并且不起作用。附上设置方法。/*ie9以及 以上*/ .pages{ background: rgba(0,0,0,.5); height: 100px; ...
2019-11-28 14:16:06
486
原创 纯 css 重置滚动条样式
*滚动条*/::-webkit-scrollbar { width: 10px; height: 10px;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { /*背景内阴影*/ /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ b...
2019-09-29 10:33:47
1024
1
原创 Vue事件修饰符中的 捕获触发事件 .capture
实现捕获触发事件的机制,即是给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素。若有多个该修饰符,则由外而内触发。多用于遇到事件冒泡是控制触发顺序例:<div @click.capture = "divClick"> <a href="www.baidu.com" @click="linkClick">点击</a>...
2019-07-15 14:04:53
6239
原创 Vue事件修饰符中的 阻止默认行为 .prevent
例:<div> <a href="www.baidu.com" @click.prevent="linkClick">点击</a></div><script>var vm = new vue ({ el:"#app", data: {}, methods: { linkClick() { ...
2019-07-15 13:43:45
2278
原创 Vue事件修饰符中的 阻止事件冒泡 .stop
用法:<a v-on:click.stop="doThis"></a>或者<a @click.stop="doThis"></a>修饰符.stop应该放在需要阻止冒泡的位置上。例:<div id="gpa" @click="dodo"> <div id="pa" @click="doThat">...
2019-07-15 11:29:05
532
原创 为什么vue中的data要用return返回
export default{ data(){ return { } } }主要就是为了防止数据污染return包裹后就是当前组件可用。不会影响其他组件。
2019-07-01 16:32:03
646
原创 项目中遇到的问题,触发父元素事件
场景: 一个收缩面板,面板头部居右增加按钮。但是点击按钮时,总是要触发父元素的伸缩事件。解决方法: span 为按钮。
2019-06-03 13:43:53
106
原创 easy UI 动态设置必填校验
obj.SetRequired = function (required) { var me = this; var control = me.GetControl(); control.textbox('textbox').validatebox('options').required = required; $.fn.val...
2019-04-10 17:18:07
2869
原创 jq 上传照片并预览
html部分<div style="height:150px;border:1px solid red;width:200px;padding:15px"> <!-- 这是要展示上传图片的div以及img标签 --> <div style="width:100px;height:100px;margin:0 auto" id="localImag"&g...
2019-03-11 18:58:17
350
原创 项目中遇到的问题---- 谷歌浏览器中 复选框的默认值不显示问题
最终找到原因是 加载顺序的原因。html 没有加载完,就加载了js解决办法是,延迟,也可以做计时器,但是不要忘了清计时器。
2019-02-27 18:50:37
837
原创 js 复制功能
<body><div><span id="copyMy">省<input class="easyui-textbox"> 市<input class="easyui-textbox" > 区<input class="easyui-textbox" >
2019-02-18 17:01:14
138
转载 表格内容过长,hover 显示详情
https://blog.youkuaiyun.com/github_37517254/article/details/56012412
2019-01-08 14:44:19
1278
原创 弹性伸缩布局 flex (新)
知识点1: 首先,先设置 display: flex; 弹性布局知识点2:flex-direction 设置方向 例:(注意看上边文字) flex-direction:row;flex-direction:row-reverse flex-direction:column;flex-direction: column-reverse知识点3:f...
2018-12-24 14:40:22
226
原创 css3伸缩布局(旧版本)
知识点一: 如果想设置弹性布局,首先,我们要将几个需要布局模块的父元素设置一下容器属性 display:box display :会有兼容性问题。所以需要加前缀 以火狐为例:加前缀 -moz- 例如:加了disolay :box 则会水平分布。若不加则垂直分布知识点二:box-orient 属性知识点三:box-direction 属性主要是设置伸缩容器中的流动顺...
2018-12-21 14:22:27
172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人