![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
笑魇轻轻
这个作者很懒,什么都没留下…
展开
-
el-select 选择器相关
有两个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原创 2020-12-09 21:45:33 · 470 阅读 · 0 评论 -
Cascader 级联选择器通过状态展示隐藏
在项目中遇到一个新需求,Cascader 级联选择器选择以后,选中的那个数据后来被删除了,但是还要让它回显和以前一样。后端就把所有的数据都保留了,但增加了一个状态字段,供我判断哪些是删除了的,status===0表示删除。我拿到数据以后配合element的disabled来改变下拉框样式将数据隐藏。 <el-cascader v-model="value" :options="options" ></el-cascader> da原创 2020-12-09 21:35:16 · 2618 阅读 · 0 评论 -
自适应布局之动态计算宽高
我们经常会遇到某个高度(宽度)是根据窗口高度(宽度)减去已知div高度(宽度)而得到,此时就需要calc函数。calc()语法非常简单,使用数学表达式来表示,但是得注意:使用“+”、“-”、“” 和 “/”四则运算;可以使用百分比、px、em、rem等单位;可以混合使用各种单位进行计算;表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的,width: calc(100% - 10px)则正确;表达式中有“”和“/”时,其前后原创 2020-07-27 23:29:03 · 983 阅读 · 0 评论 -
axios的封装步骤
一、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';原创 2020-05-15 08:37:51 · 5910 阅读 · 0 评论 -
关于WebPack的简单理解
一什么是WebpackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。二为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法模块化,让我们可以把复杂的程序细化为小的文件;类似于TypeScript这种在Ja原创 2020-05-14 15:03:07 · 330 阅读 · 0 评论 -
vue解决跨域问题的方法
方法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'原创 2020-05-12 15:26:28 · 311 阅读 · 0 评论 -
IE和标准浏览器下有哪些兼容性的写法
原创 2020-05-07 16:20:38 · 519 阅读 · 0 评论 -
HTML5有哪些新特性
1、语义化标签:<hrader></header><nav></nav>等2、绘画canvas3、SVG绘图4、视频和音频,用于媒介的video和audio元素5、input增强型表单控件:calendar,date,time,email,url,search6、本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;s...原创 2020-04-26 17:53:08 · 261 阅读 · 0 评论 -
CSS3有哪些新特性?
一、RGBA和透明度RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个 alpha 通道,即除了红绿蓝三种颜色外还增加一个代表透明度的通道,其中 RGB 值分别表示红色、绿色、蓝色,而 alpha 取值则为 0 到 1 (小数位一位)。二、background属性background-image:设置元素的背景图像。background-origin:规定背景图片的定...原创 2020-04-26 17:50:30 · 239 阅读 · 0 评论 -
Vue中keep-alive的理解和使用
什么是keep-alive?在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件。也就是说,kee-palive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染 。也就是所谓的组件缓存使用场景在使用Vue开发单页面应用时,我们通常会使用Vue-Router进行页面导航,Vue-Ro...原创 2020-04-26 17:27:34 · 5471 阅读 · 0 评论 -
JS判断对象是不是数组
1、通过instanceof判断instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值。let a = [];a instanceof Array; //truelet b = {};b instanceof Array; //false在上方代码中,instanceof运算符检测Array.prototype属性是否存在...原创 2020-04-26 16:28:41 · 204 阅读 · 1 评论 -
原生JS怎样增、删、查、替换Dom节点
(1)创建新节点createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点(2)添加、移除、替换、插入、克隆appendChild()removeChild()replaceChild()insertBefore()cloneNode()(3)...原创 2020-04-23 11:50:31 · 521 阅读 · 0 评论 -
前端页面优化
前端性能优化的原则其实就是更好的用户体验,具体实现的目标大体有两个:1.合理使用内存或缓存,减少请求;2.减少CPU或者GPU的计算,达到更快的展现。前端在性能优化的方向大体有两个:1.减少页面体积,提升网络加载2.优化页面渲染一.减少页面体积,提升网络加载1.压缩 CSS, JS 和 HTML2.CSS Sprites雪碧图、icon图标,base64图片3.尽量合并样式表和j...原创 2020-04-23 11:44:00 · 653 阅读 · 0 评论