weixin_45259626的博客

有两个Select 选择器，前面一个下拉框选中的数据，是后面Select 选择器的总数据。 <el-select v-model="value1" multiple placeholder="请选择"> <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" &g

在项目中遇到一个新需求，Cascader 级联选择器选择以后，选中的那个数据后来被删除了，但是还要让它回显和以前一样。后端就把所有的数据都保留了，但增加了一个状态字段，供我判断哪些是删除了的,status===0表示删除。我拿到数据以后配合element的disabled来改变下拉框样式将数据隐藏。 <el-cascader v-model="value" :options="options" ></el-cascader> da

我们经常会遇到某个高度（宽度）是根据窗口高度（宽度）减去已知div高度（宽度）而得到，此时就需要calc函数。calc()语法非常简单，使用数学表达式来表示，但是得注意：使用“+”、“-”、“” 和 “/”四则运算；可以使用百分比、px、em、rem等单位；可以混合使用各种单位进行计算；表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的，width: calc(100% - 10px)则正确；表达式中有“”和“/”时，其前后

一、axios的封装步骤安装引入环境的切换设置请求超时post请求头的设置请求拦截响应的拦截封装get方法和post方法1.安装npm install axios; // 安装axios2.引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。// 在http.js中引入axiosimport axios from 'axios';

一什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。二为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法模块化，让我们可以把复杂的程序细化为小的文件;类似于TypeScript这种在Ja

方法1.后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 　　方法2.使用JQuery提供的jsonpmethods: { getData () { var self = this $.ajax({ url: 'http://f.apiplus.cn/bj11x5.json'

1、语义化标签：<hrader></header><nav></nav>等2、绘画canvas3、SVG绘图4、视频和音频，用于媒介的video和audio元素5、input增强型表单控件：calendar,date,time,email,url,search6、本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；s...

一、RGBA和透明度RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道，即除了红绿蓝三种颜色外还增加一个代表透明度的通道，其中 RGB 值分别表示红色、绿色、蓝色，而 alpha 取值则为 0 到 1 （小数位一位）。二、background属性background-image：设置元素的背景图像。background-origin：规定背景图片的定...

什么是keep-alive?在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。也就是说，kee-palive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 。也就是所谓的组件缓存使用场景在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Ro...

1、通过instanceof判断instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置，返回一个布尔值。let a = [];a instanceof Array; //truelet b = {};b instanceof Array; //false在上方代码中，instanceof运算符检测Array.prototype属性是否存在...

（1）创建新节点createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点（2）添加、移除、替换、插入、克隆appendChild()removeChild()replaceChild()insertBefore()cloneNode()（3）...

前端性能优化的原则其实就是更好的用户体验，具体实现的目标大体有两个：1.合理使用内存或缓存，减少请求；2.减少CPU或者GPU的计算，达到更快的展现。前端在性能优化的方向大体有两个：1.减少页面体积，提升网络加载2.优化页面渲染一.减少页面体积，提升网络加载1.压缩 CSS, JS 和 HTML2.CSS Sprites雪碧图、icon图标，base64图片3.尽量合并样式表和j...