A_小鹏-CSDN博客

转载 ionic3遇到的刷新页面服务器关闭问题

启动使用ionic serve启动服务器之后只要一刷新界面就会导致服务器关闭，报的错误如下： events.js:136 throw er; // Unhandled ‘error’ event ^Error: read ECONNRESET at _errnoException (util.js:999:13) at TCP.onread (net.js:629:25) 删除no...

2018-07-03 11:57:36 543

原创 Vue导出Excel

Vue按钮导出Excel文件。1、安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader2、项目中新建一个文件夹：（vendor—名字任取）里面放置两个文件Blob.js和 Export2Excel.js。百度云：https://pan.baidu.com/s/1vJ7RnNMKYco2_...

2018-05-03 15:44:05 2015

原创 ElementUI 1.X升级到2.X

最近elementUI 官网爆出对1.X停止维护，那小伙伴们就屁颠屁颠的去升级到2.X吧。首先,删除你的element UI 1.4.8版本 ,输入以下命令:npm uninstall element-ui进入到项目目录,安装2.0npm install [email protected] -Snpm不行的话就用cnpm 修改新增的 theme-chalk 主题然后, 页面的样式就已经升级了

2017-12-08 10:28:25 2066 1

原创 Vue 2.X 生命周期

生命周期简介从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。声明周期细探直接上代码<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script></h

2017-11-09 14:49:03 387

原创 Vue2.0+ElementUI简单form表单验证

首先：template先创建一个form表单，：model绑定表单索要提交的对象，：rules2是此表单绑定的校验规则，ref用来绑定这个dom元素，之后在$refs调用。<el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" > <h3 class

2017-11-06 16:11:25 5847

原创 VUE+elementUI分页

<el-col :span="24" class="toolbar pageBar"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current

2017-09-07 14:38:43 2603

转载 vue表单自定义校验规则

<div id="app"><el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="rule

2017-08-23 15:44:53 16167

原创 vue $refs的基本用法

<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div><script> new Vue({ el: "#app", methods:{ add:function(){ this.$re

2017-08-18 16:54:43 587

原创 vscode中vue标签按tab不显示

现已取消 .vue 文件与 HTML 的默认关联，需要手动配置。设置方法: 文件-首选项-设置设置代码"emmet.syntaxProfiles": { "vue-html": "html", "vue": "html"}

2017-08-04 14:18:48 1829

对于入门者:样式代码写错啦。对于初学者：margin:0 auto;的意思就是：上下边界为0，左右根据宽度自适应！其实就是水平居中！导致margin:0 auto;不能居中其中的一原因就是没有为DIV设置宽度，这很容易理解：DIV没有宽度，如何根据宽度自适应呢？这是新手比较容易犯的错误。对于高手：还有一个能令高手也一样抓狂的原因：没有声明文档类型：DOCTYPE。 DOCTYPE是document

2017-08-02 17:22:54 2143

转载开发单页应用(SPA)时候遇到的微信支付授权目录的坑

好久没写blog了，今天微信终于让我忍不住上来写一篇。项目中要在微信底下开发单页应用(SPA)，前端技术选型用的vuejs+vue-router，vue-router使用hashbang模式（使用hashbang也是为了避免微信jssdk的wx.config签名的坑）。在调用微信支付的时候遇到提示“URL未注册”，这通常是因为没有在微信支付后台正确配置授权目录的问题，但我所遇到的并非如此。我们的应用

2017-07-25 16:42:40 476

原创前端开发规范手册(三)--CSS性能优化

CSS性能优化慎重选择高消耗的样式高消耗属性在绘制前需要浏览器进行大量计算：box-shadowsborder-radiustransparencytransformsCSS filters（性能杀手）避免过分重排当发生重排的时候，浏览器需要重新计算布局位置与大小。常见的重排元素:widthheightpaddingmargindisplayborder-widthpo

2017-07-21 09:52:15 521

原创 Linux基础命令

常用指令ls　　显示文件或目录 -l 列出文件详细信息l(list) -a 列出当前目录下所有文件及目录，包括隐藏的a(all) mkdir 创建目录 -p 创建目录，若无父目录，则创建p(parent) cd 切换目录 touch

2017-07-17 13:39:10 353

原创前端开发规范手册(二)--HTML

一、通用约定标签自闭合（self-closing）标签，无需闭合 ( 例如： img、input、br、hr 等 )；可选的闭合标签（closing tag），需闭合 ( 例如:> 或 )；尽量减少标签数量；img src="images/google.png" alt="Google">input type="text" name="title">ul> li

2017-07-05 11:07:01 393

原创前端开发规范手册(一)--基本原则

此手册主要实现的目标：代码一致性和最佳实践。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。(一)基本原则结构、样式、行为分离尽量确保文档和模板只包含 HTML 结构，样式都放到样式表里，行为都放到脚本里。缩进统一两个空格缩进（总之缩进统一即可），不要使用 Tab 或者 Tab、空格混搭。文件编码

2017-07-04 13:58:44 1217

DricWang的博客