- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端常见面试题总结
call，bind，apply区别及实现相同点： call和apply都是默认执行函数并将this指向第一个函数，不返回新的函数；a.call(b,1,2,3,4,5);a.apply(b,[1,2,3,4])区别：call从第二个参数开始为给函数a的传参；apply第二个参为数组，也是传给函数a的参数bind：返回一个改变了this指向的新函数；第一个参为this指向的参，第二个开始为给函数传的参数；let c = a.bind(b,1,2,3,4,5);c();call,b
2022-02-16 10:28:24
823
原创 在if中 import按需引入插件
在if中import引入插件昨天发生产忘记注释移动端的Vconsole插件把他带到了生产环境，整个人真是裂开了。因为impor不能直接在if中使用。之前一直都是发生产的时候手动注释引入和调用。但是昨天忘记注释了就很尴尬。之后查资料发现两种可以判断环境的引入方式异步引入（我没用这种试了一下没生效就没理他，但是看其它文章说是他是可以的）if(process.env.env == "test" || process.env.env == "devTest"){ import("vconsole").t
2022-01-20 15:03:54
1239
原创 Electron基础了解和用法总结
main.js 基础配置let electron = require('electron'); // 引入electron模块let app = electron.app; // 创建electron引用let BrowserWindow = electron.BrowserWindow; // 创建窗口引用let mainWindow = null; // 声明要打开的主窗口app.on('ready', () => { mainWindow = new BrowserWindow
2021-12-15 09:27:45
1599
原创 vue3 开发问题总结
‘slot’ attrbutes are deprecated原因：sloat属性已弃用；// 之前<structure> <div sloat='header'> // 报错 'slot' attrbutes are deprecated</structure>//vue3 插槽使用<structure><template v-sloat='header'> <div sloat='header'>
2021-09-16 14:40:09
298
原创 js中this指向的几种情况
箭头函数this指向上级作用域let obj={ fn：function(){ console.log(this)//obj return ()=>{ console.log(this)//obj } }}var f =()=>{cosole.log(this)//window}f()在全局作用域，this指向window；this 和window是同一块空间地址； console.log(this);// window
2021-08-26 15:31:05
190
原创 常用正则校验集合
数字转千位符const reg= function(numStr){ return numStr.toString().replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,'$&,') //stringObject.replace(regexp/substr,replacement)参数 描述 /* replacement====> $1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。 $&am
2021-08-26 10:43:04
228
原创 vue3.0基础内容总结
vue2更新原因Vue2.x 中所有数据都是定义在data中，方法定义在methods中的，并且使用this来调用对应的数据和方法。假设实现简单的加减功能就需要在data，methods，computed 中去定义变量和方法。当我们增加一个需求，就需要去重复定义。当出现大量逻辑，业务复杂的情况下就要在 data、methods、computed 以及 mounted 中反复的跳转。Vue3.x 就推出了Composition API主要就是为了解决上面的问题。Composition APIset
2021-07-05 16:40:41
171
原创 H5内嵌企业微信操作
引入微信的jdk1.为支持微工作台（原企业号）功能，请引用此文件。原企业微信的js文件在微工作台不生效。<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>2.所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA（single-page application）的web app可在每次url变化时进行调用）。调用方式如下 this
2021-05-21 18:02:41
2628
原创 h5阻止ios皮筋效果
移动端开发时，H5长页面在iOS系统中滑动时，当页面滑动到顶部或底部时，页面还能够上滑或下滑，手指离开屏幕后回弹，这就时橡皮筋效果，单纯来说这个效果并没有什么问题，但是它对H5页面却并不友好，会导致穿透，导致H5页面出现被截断的假象；解决办法，动态计算页面高度添加禁止滑动 <template> <section class = "structure" :style="{height:outerHeight}" @touchmove.stop @touchstart.
2021-02-19 14:47:22
1144
原创 判断对象或数组每一项是否有值
判断对象是否有值const vallidatebasicinfo = (json)=>{ let flag = true; let value = Object.value(json) if(!value.length){ flag = false; return } for(let i =0;i<value.length;i++){ let d = value[i]+''; if(!d || d.trim(
2021-02-18 15:12:03
1450
原创 Echarts自定义提示内容
echarts 默认带的提示框是显示系列名和value数值。有的时候我们需要自己根据不同情况定义他显示的内容例如echarts 默认显示的样式为想要展示的为代码如下 var option = { title: { text: name }, tooltip: { show: true,//设置是否显示提示框 trigger:
2020-11-25 17:00:25
2303
原创 Lay ui导出数据到Excel
用layui 自带的到处数据到excel比较坑，不能自定义数据。会将身份证等 长整数的 自动变成E+并且 后面有000.从而导致数据不能完整导出。后来在官网找到个插件可以设置每一行的返回值，这样就完美解决了没法处理后台返回的而数据的问题插件文档及下载地址代码如下 <button type="button" lay-submit="" class="layui-btn layui-btn-warm" id="exportExcel"name="exportExcel">
2020-11-24 18:43:47
656
原创 cookie,localStorage,sessionstorage及token的区别
cookie和sesson安全性：sesson比cookie安全，sesson时存储在服务器端的，cookie时存储在客户端储存的类型不同：cookie只支持字符串数据。想要设置其他类型的数据需要转成字符串sesson可以储存任意类型有效期不同：cookie可以设置长时间保存比如长使用的默认登陆功能，sesson一般失效事件较短，客户端关闭或者sesoon超市都会失效储存大小不同：单个cookie储存的数据不能超过4k，sesson可储存的数据远高于cookie，但是访问量过多，会占用过多的服务器
2020-11-18 18:16:07
997
原创 element ui 周时间选择器 展示为yyyy-mm-d ~ yyyy-mm-d 形式
element ui 中时间选择器周 展示为2020-11-2 - 2020-11-8 形式因为element周时间选择器选中时展示的出来的样式是yyyy年mm周这样样式而我们有时候需要的是2020-11-2 - 2020-11-8这种形式。写了几种改变value值的方法都是失败了，然后想到了在创建一个input输入框覆盖到时间选择器上，让时间选择器改为透明也可以实现类似效果。以下是代码效果就是这样html部分 <!-- :picker-options="{'firs
2020-11-18 16:50:02
1169
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人