Scss换肤 项目中虽然没有一键换肤的要求,但是产品要求后期能换主题。在开发组件中涉及到主题的地方,要提取一些公用的变量,不要直接写死样式值。但是如果只是定义一些变量的话,只是完成控制颜色等值的提取。后期切换的话需要把所有变量再写一遍并注释之前的。不是很优雅。一、Scss部分定义变量以及映射表// 默认主题$default-theme : ( base-col...
vue-cli3构建ts项目 1、构建项目vue create xxx上面的第一条,也就是 aaa 这一个选项在你第一次创建项目的时候是并不会出现的,只有你第一次创建完成项目后回提示你保存为默认配置模板,下次新建项目的时候就可以使用你选用的配置快速新建项目了,不需要再重新选择配置项目了。第二条选项便是 vue cli 3 默认的项目模板,包含 babel 和 eslint。第三条选项便是自...
js相同的正则多次调用test()返回的值却不同 项目中文件上传需要验证文件的格式,第一次正常,第二次就验证不通过了。在验证的地方console.log()两遍,发现结果不一样 !!!正则和文件名都没变,但是两次的验证结果不同。this.reg = /\.(xlsx|xls)$/ig;console.log(this.reg.test(newFile.name)) //trueconsole.log(this.reg...
vue之虚拟DOM、diff算法 一、真实DOM和其解析流程? 浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。 第二步,用CSS分析器,分析CSS文件和元素上的inline样式,生成页面的样式表。...
VMware虚拟机安装centos7 镜像下载地址:http://www.linuxdown.net/在vmware上开始安装CentOS系统,点击菜单新建虚拟机,进入如下图步骤进行操作。接着进行自定义硬盘操作最后虚拟机就创建好了,如下图,点击开启此虚拟机别以为...
VMware+node+nginx+vue 1、安装CentOS 这里不再复述,不会的请移步VMware虚拟机安装centos72、部署1、安装 node.jscd /usr/local/wgethttps://nodejs.org/dist/v10.14.0/node-v10.14.0-linux-x64.tar.xz 解压源码cd /usr/local/tar -...
http请求post,文件导出兼容IE10+ 1.post的方法里要加responseType: 'blob'参数,不然下载的excel会乱码2.使用{type: "application/vnd.ms-excel"}的写法,可以保存为xls格式的excel文件(兼容老版本)。而使用“application/vnd.openxmlformats-officedocument.spreadsheetml.sheet”则会保存为xl...
HTML <input> 标签的 accept 属性 <form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。值描述au...
vue-property-decorator使用指南 在Vue中使用TypeScript时,非常好用的一个库,使用装饰器来简化书写。1、安装npmi-Svue-property-decorator@Prop@PropSync@Provide@Model@Watch@Inject@Provide@Emit@Component(provided byvue-class-component...
VUE项目中文件上传兼容IE9 项目使用VUE编写,UI是ElementUI,但是Element的Upload组件是不兼容IE9的。因为IE9中无法使用FormData。查找资料基本有两种解决方法:1.引入JQuery和jQuery.form。2.使用vue-upload-component1、jQuery.form 插件提供ajaxSubmit和ajaxForm两种表单提交方式,注意:不要对同一个表单同...
ts常用数据类型 1.1 布尔值let isTrue: boolean = false;console.log(isTrue);1.2 数字let age: number = 26;console.log(age);1.3 字符串let name: string = "bob"; JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据...
使用element-ui的el-menu导航选中后刷新页面保持当前选中 <el-menu :default-active=‘$route.path‘ :router=‘true‘ :unique-opened=‘true‘ :default-openeds="defaultOpeneds" background-color="#bd1e22" text-color="#fff" active-text-color="#ff...
Element-ui中ElScrollBar组件滚动条的使用 在翻看 element-ui官网的文档时,发现其左侧导航和右边的内容超出屏幕时,滚动条的样式比较小巧,通过浏览器审查工具查看,发现它是使用了el-scrollbar的样式,跟element-ui的组件样式命名一致。但文档中并没有关于这个 scrollbar组件的使用文档,搜索一番得知这是一个隐藏组件,官方在 github 的 issues 中表示不会写在文档中,需要用的自己看源码进行调用...
HTTP:Web的基础 一、HTTP:Web的基础1、URI 每个Web服务器资源都有一个名字,这样客户端就可以说明它们感兴趣的资源是什么了。服务器资源名称被称为统一资源标识符(URI) URI有两种形式,分别为URL和URN1.1、URL: 统一资源定位符(URL)是资源标识符最常见的形式。URL描述了一台特定服务器上某资源的特定位置。它们可以明确说明如何从一个精确、固定的位置获取资...
HTTP报文 一、HTTP:Web的基础二、HTTP报文1、报文流 HTTP使用术语流入和流出来描述事务处理的方向。 HTTP报文会像河水一样流动。不管是请求报文还是响应报文,所有报文都会向下游流动。所有报文的发送者都在接受者的上游。 1、1 报文组成 由三个部分组成:对报文进行描述的起始行、包含属性的首部块、以及可选的、包含数据的主体部分。1、2 ...
Promise详解 一、简介 Promise,他是一个对象,是用来处理异步操作的,可以让我们写异步调用的时候写起来更加优雅,更加美观便于阅读。顾名思义为承诺、许诺的意思,意思是使用了Promise之后他肯定会给我们答复,无论成功或者失败都会给我们一个答复,所以我们就不用担心他跑了哈哈。所以,Promise有三种状态:pending(进行中),resolved(完成),rejected(失败)。只有异步...
js 异步转同步 在项目中有些逻辑或者请求依赖另一个异步请求,大家常用的方法是回调函数。现在有个高大上的解决方案:await async 。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。并且await 只能出现在 async 函数中,否则会报错...
移动端自适应 1、js动态设置html的字体大小var clientWidth = 0;if(document.documentElement.clientWidth >= 600){ clientWidth = 600;}else{ clientWidth = document.documentElement.clientWidth;}documen...
闭包 虽然工作有两年多了,但是对于闭包这个概念一直不甚解,查过一些博客和视频,大概有三种说法:闭包可以简单的理解为函数嵌套每一个函数都可以理解为闭包闭包不是一句话可以简单概括的各有各的说法,也不知道到底信谁的,后来想到书是最有权威的,尤其是经典。JavaScript语言精粹对闭包是这样描述的: 它首先列举了一个例子: //创建一个名为 quo 的构造函...
vue slot+传参 插槽分为默认插槽和具名插槽:默认插槽: //父组件<div> <h3>父组件</h3> <testChild> <div>默认插槽</div> </testChild></div>//子组件<div> ...