wxy964666897的博客

原创 javascript中的null和空和{}和undefined的区别

leti;leti = undefined;//变量声明之后默认就是undefined，这两行是一个效果leti = '';//是空字符串，String类型leti = null;//是Object类型，但是不指向任何对象let i = {};//也是Object类型，有指向，指向一个没有属性的空对象很简短的总结，有什么不对的地方希望各位大佬能提出来。...

原创 vue-router禁止浏览器点击回退，原生js禁止回退

网上大多数使用的beforeEach和导航守卫，我这种方法针对某一个页面的操作更好用。methods里面新增方法：myBack(){history.pushState(null,null,document.URL);}在mounted或activated生命周期添加代码：//禁止后退history.pushSta...

原创 web前端工程师 面试题 vue方向

1.vuex的执行过程2.vuex的优点3.echarts的地图板块的背景颜色根据数值不一样显示不同颜色的方法4.flex布局垂直居中的方法5.jsonp为什么能跨域6.webpack的执行过程，打包的过程7.webpack的优化方法8.vue生命周期9.js闭包是什么在javascript语言中，闭包就是函数和该函数作用域的组合我的理解是，闭包就是能够读取...

原创 less预编译如何使用calc函数

height:calc(~"100vh-1.1rem");

原创 vue swiper循环loop不生效，出现空白页

原因1：可能是没有在外层加上vi-if判断图片所在的数组是否存在；原因2：可能使用了v-lazy，不能使用v-lazy；参考配置：swiperBannerOption:{slidesPerView:1,loopAdditionalSlides:2,spaceBetween:0,notNextTi...

转载 富文本前端转义

//解析转义后的富文本标签function HTMLDecode(text) {var temp = document.createElement(“div”);temp.innerHTML = text;var output = temp.innerText || temp.textContent;temp = null;return output;}...

原创 手机网页h5输入框input在ios被键盘顶起，解决办法

如下代码：window.addEventListener('focusout',function(){window.scrollTo(0,window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop)})...

原创 git屏蔽掉node_modules和dist的变化监听，不上传node_modules

.DS_Storenode_modules/dist/

原创 vue router每次跳转回到顶部

exportdefaultnewRouter({routes,scrollBehavior(to,from,savedPosition){//totopreturn{x:0,y:0}}})/* css */#app{min-height:100%;}...

原创 平滑锚点跳转 vue 原生js

//锚点跳转jump(querry){this.$el.querySelector(querry).scrollIntoView({behavior:"smooth",//平滑过渡block:"start"//上边框与视窗顶部平齐。默认值});}...

转载 css显示省略号

/*显示一行，省略号*/p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}/*显示两行，省略号*/ p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-o...

原创 vue 使用预编译器 scss sass

webpack版本:4.28.0node版本:10.14.2npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装sass-loadernpm install style-loader --save-dev //安装style-loader在webpack.base....

转载 css3 clac函数的易错整理

css3里面要用到计算属性calc错误栗子：div{width:calc(100%-50px)}/*这样是不生效的*/运算符"+ - * /"左右两边均要留空格正确栗子：div{width:calc(100% - 50px)}...

原创 前端--弹出框弹出后禁用背后的滚动

弹出框显示后背后仍然可以滚动的问题可以这样解决，第一种设置body，但是不兼容ios，第二种禁用touch事件，但是pc端无效，于是把两种结合就能兼容ios和其他手机端和pc端。//弹出框后禁止滑动 //先设置body，iOS无效$("body").css({"height":"100%","overflow":"hidden"})//恢复$("body").css({"h...

转载 maven在mac配置环境

然后在里面加上如下环境变量配置，command  +s保存

转载 idea中xml打开方式变成file

原创 js、jquery点击事件不能用时，注意事项

jquery的animate不能用关于颜色的属性，需要导包，rubbyjs；内部js样式一定要声明： type="text/javascript"；