kikikiuu的博客

3.核心原理：flexible将页面分为十份，根据不同设备width给网页中html根节点设置不同的font-size,所有px都用rem代替。原因：源码中设定最大屏幕为540px，超出的仍按照540px进行计算，因为H5有时会需要在pc进行显示，所以将写死的540px改为动态的。1.github地址：https://github.com/amfe/lib-flexible。2.介绍：flexible.js是手淘开发出用来适配移动端的js框架，在不同的设备实现页面适配。// width不写死。

下载文件

给一个reactive包裹的变量重新赋值，上一个数据源就会失去响应性。这是因为，Vue.js的数据响应式是通过对象的属性变化来实现的。当给一个变量重新赋值时，实际上是新建了一个新的对象，而上一个对象就被丢弃了。因此，Vue.js无法检测到变化，也就无法触发更新。

vue3是支持根标签不再是一个根标签下包裹，而是可以多标签下包裹，所以eslint出现以下The template root requires exactly one element.报错信息，可以通过修改vscode的配置将之去掉vscode文件->首选项->设置输入eslint搜索，把对应的打钩去掉即可...

vue-cli显示安装成功了，但是查询版本号却报错官方的文档如下：https://cli.vuejs.org/zh/guide/installation.html顺着官方的思路，去看了下node的版本,觉得可能是自己的node版本等级不够然后我下载了gnvm把node更新到11.0.0才看到现在的node版本需要12.0.0或14.0.0以上的解决方法如下：①更新node版本至12.0.0或14.0.0②灵活点的方法就是下载node版本管理器gnvm或nvm...

Vue图片懒加载1.安装vue-lazyload插件npm install vue-lazyload --save-dev2.引用且全局注册import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { // preLoad: 1.3, // error: 'dist/error.png', loading: '.jpg' // attempt: 1})3.使用方法 <img v-lazy="item.ur

一、文档官网：www.wangEditor.com文档：www.kancloud.cn/wangfupeng/wangeditor3/332599源码：github.com/wangfupeng1988/wangEditor二、下载npm install wangeditor三、使用import E from "wangeditor";const editor = new E("#div1");editor.create();四、在vue中使用①新建一个组件<template

前言：今天在做项目的时候，遇到了一个问题，就是修改数组里面的值，假如数组里面有2-3个值，选择tabActive的时候，渲染没有出现问题，一旦我数组里面的值超过4个时，渲染就出现问题了排查了很久，发现点击的时候，数组也是正常取值的，为啥会有bug呢？其实就是Vue的渲染机制：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。解决方式： methods: { // 调用方法：Vue..

需求:前端监控错误，需要错误内容以及页面的定位发送服务器包括后台（vue）和小程序(uniapp，h5)方案——后台（VUE）：一、 js前端异常监控1.错误类型分析Js一般的运行错误捕获网络请求的相关错误捕获Promise错误资源加载的错误2.使用方法如下：Vue专门的错误警告的方法Vue.config.errorHandler（Vue提供只能捕获其页面生命周期内的函数，比如created,mounted）Vue.config.errorHandler = fu

构建vue-cli都用到哪些技术，它们分别的作用是什么？1.vue.js：vue-cli工程当中的核心，主要的特点是双向数据绑定和组件系统2.vue-router：vue官方推荐使用的路由框架3.vuex：专为Vue.js应有项目开发的状态管理器，主要用于维护vue组件间共用的一些变量和方法4.axios: 用于发起Get、or Post等http请求，基于Promise设计5.vux等，一个专为vue设计的移动端UI组件库6.创建一个emit.js文件，用于vue事件机制的管理7.web.

前端面试题汇总（不断更新中）

element-ui中的input实现模糊搜索

【bug report】handler.apply is not a function

【element-ui笔记】element中el-table（合计）计算指定列

纯js前端分页方法以及vue的实现方法.

//判断时间段之间是否有重叠 handleTimesQuan(timequan){ // 深拷贝 let [...dateCompared]=timequan // 转换成时间戳 dateCompared.forEach((item,index)=>{ item.startTime=this.dateToTime(item.startTime) item.endTime=this.dateToTime(item.endTime)}) ...

他日面试官的询问仍在我耳边游荡，今日特此记录学习简单数组的深拷贝1.for 循环let arr=[1,2,3,4,5]let arr1=copyArr(arr)function copyArr(arr){let arr2=[]for(let i=0;i<arr.length;i++){res.push(arr[i])}return res}2.slice方法将原数组抽离出来形成新的数组let arr=[1,2,3,4,5]let arr1=arr.slice(0).

今天在写项目，突然遇到个需求，需要将form里面的lable换行，百度了下，发现了一个办法，特此记录下来首先，我们先要在我们的lable里面进行以下操作:label="'机组： \n（xxx用）'"双引号嵌套单引号 在需要换行的文字中间 加入\n 换行符然后，再添加css的样式/deep/ .el-form-item__label{ white-space:pre-line;}//如果是lable的话就/deep/ .el-table .cell{ white-sp.

在项目发版的总结过程中，突然看到@click.native.prevent，很好奇它的用法，一开始还以为是element-ui里面自带了，看了之后也没有啊，上网搜集了资料，打算记录下来。代码如下：<el-dropdown-menu slot="dropdown"> <el-dropdown-item @click.native.prevent="handleAgencyRelationship(row)">代理关系处理</el-dropdown-item.

在写项目的时候，遇到 Avoided redundant navigation to current location的问题在网上查的时候，发现大家都说是在菜单栏重复点击的原因，我的工作场景是，点击菜单栏后，在这个单页面里面点击跳转，【跳转的这个页面没有在菜单栏的地址】，然后我想要返回上个页面，我就又点击了一遍菜单栏，就出现了这个报错，【虽然没什么特别的影响，但是看着红色就感觉不是很爽】解决方式：const originalPush = Router.prototype.pushRouter.p.

今天项目要求需要做一个drawer,在配置的时候，发现每次打开都会有个蓝色的框框显示，然后过一会就会消失实在是太丑了，本星人受不了决定研究把他去除在百度的时候，发现原来是element里面自带的解决方法如下：<style lang="scss" scoped>/deep/ :focus{outline:0;}</style>直接加一个deep 穿梭给element更改样式，当他聚焦的时候outline为零...

关于vue项目的seo问题及解决方案

一.vue是什么？Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。什么是渐进式的框架？什么是自底向上增量开发？什么是视图层？单文件组件？和复杂单页应用是...

https://blog.csdn.net/namechenfl/article/details/84643968

‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! xianshenglu.github.io@0.1.0 serve: vue-cli-service servenpm ERR! Exit status 1npm ERR!npm ERR! Faile...

最好是理解背后的原理，这样面试的时候才能侃侃而谈，大家一起加油吧~查漏补缺的同时，不光是去背诵，而是去用我们自己的项目，自己做的小demo是去理解这些概念。一、对MVVM的理解MVVM,是Model-View-ViewModel的缩写其实就是拆分view viewmodel 和model三个部分上图中，左侧的view指的就是我们的页面视图，而model指的就是页面中的数据，比如一个对象的...

叮叮叮，下面是一些vue面试中经常会被问到的题目。一、v-show和v-if的区别v-show的值无论是true还是false,他的元素都是存在于html当中，只是设置了style中的display的值，为none 或者block而v-if只有为true的时候，元素才会显示在html当中二、如何让css只在当前组件中起作用？只需要在当前组件的tyle当中写入 scoped<sty...