- 博客(64)
- 收藏
- 关注
RSS订阅转载 js相同的正则多次调用test()返回的值却不同
项目中文件上传需要验证文件的格式，第一次正常，第二次就验证不通过了。在验证的地方console.log()两遍，发现结果不一样 ！！！正则和文件名都没变，但是两次的验证结果不同。this.reg = /\.(xlsx|xls)$/ig;console.log(this.reg.test(newFile.name)) //trueconsole.log(this.reg...
2019-08-20 16:46:00
244
转载 Scss换肤
项目中虽然没有一键换肤的要求，但是产品要求后期能换主题。在开发组件中涉及到主题的地方，要提取一些公用的变量，不要直接写死样式值。但是如果只是定义一些变量的话，只是完成控制颜色等值的提取。后期切换的话需要把所有变量再写一遍并注释之前的。不是很优雅。一、Scss部分定义变量以及映射表// 默认主题$default-theme : ( base-col...
2019-08-11 15:41:00
611
转载 vue之虚拟DOM、diff算法
一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS文件和元素上的inline样式，生成页面的样式表。...
2019-08-09 10:07:00
159
转载 vue-cli3构建ts项目
1、构建项目vue create xxx上面的第一条，也就是 aaa 这一个选项在你第一次创建项目的时候是并不会出现的，只有你第一次创建完成项目后回提示你保存为默认配置模板，下次新建项目的时候就可以使用你选用的配置快速新建项目了，不需要再重新选择配置项目了。第二条选项便是 vue cli 3 默认的项目模板，包含 babel 和 eslint。第三条选项便是自...
2019-08-06 15:16:00
388
转载 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 -...
2019-08-04 19:09:00
182
转载 VMware虚拟机安装centos7
镜像下载地址：http://www.linuxdown.net/在vmware上开始安装CentOS系统，点击菜单新建虚拟机，进入如下图步骤进行操作。接着进行自定义硬盘操作最后虚拟机就创建好了，如下图，点击开启此虚拟机别以为...
2019-08-04 16:28:00
72
转载 HTML <input> 标签的 accept 属性
<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。值描述au...
2019-08-01 18:18:00
330
转载 http请求post，文件导出兼容IE10+
1.post的方法里要加responseType: 'blob'参数，不然下载的excel会乱码2.使用{type: "application/vnd.ms-excel"}的写法，可以保存为xls格式的excel文件（兼容老版本）。而使用“application/vnd.openxmlformats-officedocument.spreadsheetml.sheet”则会保存为xl...
2019-08-01 18:11:00
233
转载 VUE项目中文件上传兼容IE9
项目使用VUE编写，UI是ElementUI，但是Element的Upload组件是不兼容IE9的。因为IE9中无法使用FormData。查找资料基本有两种解决方法：1.引入JQuery和jQuery.form。2.使用vue-upload-component1、jQuery.form 插件提供ajaxSubmit和ajaxForm两种表单提交方式，注意：不要对同一个表单同...
2019-07-26 11:54:00
984
转载 vue-property-decorator使用指南
在Vue中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写。1、安装npmi-Svue-property-decorator@Prop@PropSync@Provide@Model@Watch@Inject@Provide@Emit@Component(provided byvue-class-component...
2019-07-19 12:05:00
581
转载 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程序的另一项基本操作是处理网页或服务器端的文本数据...
2019-07-19 11:41:00
639
转载 使用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...
2019-07-19 11:28:00
2471
转载 Element-ui中ElScrollBar组件滚动条的使用
在翻看 element-ui官网的文档时，发现其左侧导航和右边的内容超出屏幕时，滚动条的样式比较小巧，通过浏览器审查工具查看，发现它是使用了el-scrollbar的样式，跟element-ui的组件样式命名一致。但文档中并没有关于这个 scrollbar组件的使用文档，搜索一番得知这是一个隐藏组件，官方在 github 的 issues 中表示不会写在文档中，需要用的自己看源码进行调用...
2019-07-19 09:09:00
612
转载 HTTP:Web的基础
一、HTTP:Web的基础1、URI 每个Web服务器资源都有一个名字，这样客户端就可以说明它们感兴趣的资源是什么了。服务器资源名称被称为统一资源标识符（URI） URI有两种形式，分别为URL和URN1.1、URL: 统一资源定位符（URL）是资源标识符最常见的形式。URL描述了一台特定服务器上某资源的特定位置。它们可以明确说明如何从一个精确、固定的位置获取资...
2019-07-08 15:42:00
549
转载 HTTP报文
一、HTTP:Web的基础二、HTTP报文1、报文流 HTTP使用术语流入和流出来描述事务处理的方向。 HTTP报文会像河水一样流动。不管是请求报文还是响应报文，所有报文都会向下游流动。所有报文的发送者都在接受者的上游。 1、1 报文组成 由三个部分组成：对报文进行描述的起始行、包含属性的首部块、以及可选的、包含数据的主体部分。1、2 ...
2019-07-08 15:41:00
89
转载 Promise详解
一、简介 Promise，他是一个对象，是用来处理异步操作的，可以让我们写异步调用的时候写起来更加优雅，更加美观便于阅读。顾名思义为承诺、许诺的意思，意思是使用了Promise之后他肯定会给我们答复，无论成功或者失败都会给我们一个答复，所以我们就不用担心他跑了哈哈。所以，Promise有三种状态：pending（进行中），resolved（完成），rejected（失败）。只有异步...
2019-06-10 11:06:00
109
转载 js 异步转同步
在项目中有些逻辑或者请求依赖另一个异步请求，大家常用的方法是回调函数。现在有个高大上的解决方案：await async 。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。并且await 只能出现在 async 函数中，否则会报错...
2019-04-29 14:54:00
229
转载 vue slot+传参
插槽分为默认插槽和具名插槽：默认插槽： //父组件<div> <h3>父组件</h3> <testChild> <div>默认插槽</div> </testChild></div>//子组件<div> ...
2019-04-28 15:34:00
742
转载 js 对象拷贝
在JavaScript中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String），而复杂数据类型包括Object、Function、Array。而对于基本数据类型来说，复制一个变量值，本质上就是copy了这个变量。一个变量值的修改，不会影响到另外一个变量。let val = 123;let co...
2019-04-18 15:33:00
59
转载 ReactNative环境搭建
1、搭建开发环境1.1安装Chocolatey用管理员打开cmd，执行以下命令：powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" &...
2019-04-04 16:11:00
78
转载 go.js remove 特定part
我想删除一个实际上是背景的部分。假设这是我添加part的方式myDiagram.add（ scope.gj（go.Part，//此Part未绑定到任何模型数据{ layerName：“Background”，position：new go.Point（0,0）， selectable：false，pickable：false ,name:'特定name...
2019-02-21 17:50:00
136
转载 移动端自适应
1、js动态设置html的字体大小var clientWidth = 0;if(document.documentElement.clientWidth >= 600){ clientWidth = 600;}else{ clientWidth = document.documentElement.clientWidth;}documen...
2018-11-11 19:29:00
79
转载 闭包
虽然工作有两年多了，但是对于闭包这个概念一直不甚解，查过一些博客和视频，大概有三种说法：闭包可以简单的理解为函数嵌套每一个函数都可以理解为闭包闭包不是一句话可以简单概括的各有各的说法，也不知道到底信谁的，后来想到书是最有权威的，尤其是经典。JavaScript语言精粹对闭包是这样描述的： 它首先列举了一个例子： //创建一个名为 quo 的构造函...
2018-10-14 16:47:00
82
转载 执行环境及作用域链
执行环境（execution context，为简单起见，有时也被称为“环境”）是JavaScript 中最为重用的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个变量，但解析器在处理数据时会在后台使用它。...
2018-10-14 16:46:00
64
转载 Promise（避免金字塔回调）
前后端分离开发，前端通过接口获取数据，但是有的页面不止一个接口，就会出现金字塔回调，可以通过 Promise 封装请求。request-data.js：function reqData(posturl, req, res, callback) {//请求用户数据 request({ url: con.url + posturl, ...
2018-09-17 10:27:00
122
转载 微信小程序echarts层级太高
项目中因为需求，底部的tab导航栏是自己写的，在开发者工具中一切正常；但是在真机上页面滑动时，echarts的层级比tab高，调过两者的z-index后仍然如此。经过查找后发现cover-view和cover-image替换tab的view后，可以解决以上的问题。<!--底部公共tabBar--><cover-view class="tabbar-con...
2018-09-04 10:51:00
3234
转载 js实现复制文本内容到剪切板
function copyUrl() { var Url2=document.getElementById("url").innerText; var oInput = document.createElement('input'); oInput.value = Url2; document.body.appe...
2018-07-18 14:08:00
83
转载 微信小程序 picker 中range-key的坑
<picker class='fr' bindchange="onChangeBuild" range-key="{{'num'}}" value="{{buildIndex}}" range="{{aBuilding}}"> <view class="picker"> 罗兰{{aBuilding[build...
2018-06-29 14:09:00
359
转载 小程序中使用ECharts 异步加载数据
官网例子都是同步的，怎么引入及同步demo请移步官网<view class="container"> <ec-canvas id="mychart-dom-multi-bar" canvas-id="mychart-multi-bar" ec="{{ ecBar }}"></ec-canvas> <ec-canvas id="...
2018-06-27 09:57:00
272
转载 npm --save-dev --save 的区别
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：--save-dev（-D）--save（-S）在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，责被写入到 dep...
2018-05-23 15:57:00
89
转载 javascript中Date常用方法
一、Date的构造函数有四种形式的Date构造函数：//1.构造函数没有参数，则返回当前日期的Date对象var now=new Date();//2.构造函数的参数为日期的毫秒数，返回距离1970年1月1日经过该毫秒后对应的日期var date=new Date(1222233);//3.构造函数的参数为对应的日期字符串，返回对应的日期对象，其中年，月，日是...
2018-04-16 15:07:00
84
转载 浏览器后退刷新页面
项目中未读消息列表，点击读取再返回后，仍然显示未读。 window.onpageshow = function(event) { if (event.persisted) { window.location.reload() } };onpageshow 事件在用户浏览网页时触发。onpages...
2018-04-12 15:00:00
954
转载 layer.photos()异步修改图片地址后显示异常
项目中有一个图片有预览（用的layer.photos()），需要异步修改图片地址，但是成功修改后第一次预览会显示修改前的大图，第二次以后就都正常了。尝试修改成功后再次调用layer.photos()，也没有作用。把layer.js文件中loop || parent.on('click', options.img, function(){ v...
2018-02-26 17:27:00
700
转载 img transform:scale 放大在ios下变模糊
/*img标签放大再缩小*/img { width: 400%; transform: translate3d(-50%, -50%, 0) scale(0.25, 0.25); -webkit-transform: translate3d(-50%, -50%, 0) scale(0.25, 0.25); -moz-transform: translat...
2017-11-14 10:29:00
1107
转载 手机端input[type=date]的placeholder不起作用
<div class="input clearfix"> <label class="fl">起始日期</label> <input class="fl text_date" type="date" name="" value="" placeholder="年/月/日" /&...
2017-10-31 17:13:00
161
转载 zepto和jQuery on事件委托在苹果手机上的”坑“
移动端用zepto做的页面，突然发现on绑定的click事件并没有触发，代码如下：<ul> <li class="a">1111111aaaaaaasssss</li> <li class="b">aaaaaaassssss</li> <li class="c">ssssssss...
2017-10-18 20:36:00
132
转载 js cookie存取
if(getCookie('guide') == 'true'){ window.location.href='' } else { setCookie('guide','true'); } function getCooki...
2017-10-18 14:04:00
52
转载 js实现消息滚动效果
<div class="inform" style=""> <div style="height:35px; overflow:hidden;"> <ul id="marquee" style="height:35px;"> <li><a h...
2017-10-18 13:47:00
325
转载 Iframe父页面与子页面之间的相互调用
父页面：<!DOCTYPE html><html><head> <title>parents</title> <meta charset="UTF-8"></head><body><div id="default">div内容<...
2017-09-12 17:51:00
90
转载 input type date 解决移动端显示placeholder
在最近的一个项目中使用到了html5的一个新标签属性,type="date"时，发现placeholder属性失效无法使用。如果是这样的效果，那么客户体验是可想而知的差了。最后想了一下，想到用css+js双保险来搞定它。方法1：css：input[type="date"]:before{ content: attr(placeholder);//强...
2017-09-12 09:48:00
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人