自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

圆静居士的专栏

本人菜鸟一个,写博客仅仅是一个记录的作用

原创 vue点击按钮打开新页签,并传参

<div @click="btn"> 跳转 </div> btn() { let routeData = _this.$router.resolve({ path:'/onlineLook', ...

2020-03-20 14:21:33 87 0

原创 在vue中的使用粒子动画 particles.js

1.安装particlesJS npm install --save particles.js 2.创建particles.json文件,设置particles的配置参数 { "particles": { "number": {...

2020-01-17 17:11:20 121 0

原创 js实现代码高亮显示

<template> <div> <div class="operation"> <input type="text" id="text" plac...

2020-01-16 00:08:32 1633 18

原创 vue 如何点击按钮返回上一页

1,vue 如何点击按钮返回上一页呢? 这是vue挂载的范围html代码 <div @click="goOff()">返回</div> 下面是点击返回的方法 第一种只返回上一页 goOff(){ this.$router.go...

2020-01-13 17:12:14 297 0

原创 vue 页面跳转的两种方式

1,标签跳转 <router-link to='two.html'><button>点我到第二个页面</button></router-link> 2,点击事件跳转 html : <button @click=&q...

2020-01-13 17:11:05 219 0

原创 vue实现搜索功能

methods (要有一定的触发条件才能执行,如点击事件) <template> <div> <div class="inputStyle"> <el-input v-model=&q...

2020-01-13 15:38:54 127 0

原创 vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.

一进页面就报错如下 一进入某页面,就会冒出这么一长串的报错,这个是由于v-for循环里,key值可能重复了,所以会报这个错。查看了一下页面代码: 发现key值重复了 key值是必须唯一的,如果重复就会报错 可以把key值改为index,就可以避免这个情况 可以把key值改为index...

2020-01-10 17:28:50 106 0

原创 Vue中在使用router-link报Cannot read property '_normalized' of undefined

vue.esm.js?efeb:1897 TypeError: Cannot read property '_normalized' of undefined at normalizeLocation (vue-router.esm.js?fe87:1295) ...

2020-01-09 15:06:31 1998 0

原创 elementUI 时间格式化

1.html: <el-table-column prop="dateTime" :formatter="dateFormat" label="日期"> </el-table-co...

2020-01-07 14:26:01 94 1

原创 Vue连接MySql数据库

一、vue-cli2 全局安装 npm install vue-cli -g 局部安装项目 vue init webpack 项目名称 例如:vue init webpack demo1 二、express-generator 1.全局安装 npm install expres...

2020-01-07 12:33:23 1437 1

原创 vue+element-ui 实现分页

官方例子   官方提示:     设置layout,表示需要显示的内容,用逗号分隔,布局元素会依次显示。prev表示上一页,next为下一页,pager表示页码列表,除此以外还提供了jumper和total,size和特殊的布局符号->,->后的元素会靠右显示,jumper表示跳页...

2020-01-07 12:30:14 22 0

原创 element-ui的el-table中添加递增序号

// 注意:先把分页做好 data() { return { total: 1000, // 默认数据总数 pagesize:10,//每页的数据条数 - 当前显示数据条数 currentPage:1,//默认开始页面 - 当前页 }...

2020-01-07 12:19:36 138 0

原创 前端和后端终极学习视频(百度网盘资料)

(前台) 1.ps 链接: https://pan.baidu.com/s/1mjYbcJA 密码:pqdt 2.HTML5+CSS3从入门到精通.iso 链接:https://pan.baidu.com/s/1mjYbcJA 密码:gdyw 3.Javascript视频教程 链接: https:...

2018-11-05 00:28:32 9965 12

原创 vue项目实战中的增、删、改、查

现在公司项目是做的后台管理系统,那么无疑要用到增、删、改、查。其实实战里的增删改查都要调用接口,传递参数,而很多的dom操作都反而不需要了。 vue有个很关键的词对增删改查很重要,叫做双向数据绑定。因为你需要不断的传参,传值,接收id,原生DOM的操作能不用就不用,耗性能,还麻烦。以下是个人学习...

2018-11-05 00:15:46 385 0

原创 如何使用mock

mock大法好 mock是一个模拟数据生成器,旨在帮助前端独立于后端进行开发,帮助编写单元测试。mock有如下功能 根据数据模板生成模板数据 模拟ajax请求,生成请求数据 基于html模板生成模拟数据 下载安装 npm install mockjs  ...

2018-10-30 17:52:49 1119 0

原创 element table 前端分页+前端模糊查询

&lt;template&gt; &lt;div&gt;   &lt;el-input v-model="search" placeholder="请输入内容"&gt;&lt;/el-input&...

2018-10-22 01:16:30 1230 0

原创 Axure 8.1.0.3372亲测可用授权码

授权人:Koshy key:wTADPqxn3KChzJxLmUr5jTTitCgsfRkftQQ1yIG9HmK83MYSm7GPxLREGn+Ii6xY key:wTADPqxn3KChzJxLmUr5jTTitCgsfRkftQQ1yIG9HmK83MYSm7GPxLREGn+Ii6xY ...

2018-10-11 10:44:51 2452 5

原创 使用Hexo+Github一步步搭建属于自己的博客(基础)

相关步骤: 1、安装Node.js和配置好Node.js环境,打开cmd命令行,成功界面如下    2、安装Git和配置好Git环境,安装成功的象征就是在电脑上任何位置鼠标右键能够出现如下两个选择   注意:一般出于安全考虑,只有在Git Bash Here中才能进行Git的相关操作...

2018-09-25 18:26:23 149 0

原创 vue.js中el-steps步骤的简单使用

html中: &lt;div class="step"&gt; &lt;el-steps :active="orderStatus" &gt; &lt;el-step :title=&qu...

2018-09-12 18:25:21 3736 0

原创 Axure8.0 安装 汉化 简单使用

其他文章 Axure PR用例、事件和交互样式 : http://blog.csdn.net/zyb2017/article/details/79179258 Axure PR 全局变量、页面传值与条件判断 : http://blog.csdn.net/zyb2017/article/detai...

2018-09-12 15:03:08 697 0

原创 Axure安装、破解、汉化一条龙

Axure的安装教程 初学乍练,从安装应用程序开始 1、下载 下载地址:https://www.axure.com.cn/3510/ 2、破解: 注册码(源于博主“前端大白兔”,原博客网址:http://blog.csdn.net/u012955029/article/details/7859...

2018-09-12 14:59:49 200 0

原创 实用小项目——Vue.js 实现增删查改功能

最近学习了vue.js框架,尝试着做了一个增删查改功能的小项目。 今天发博来跟大家交流交流经验。整体效果如下动态图: 首先,我使用的是Bootstrap搭建整体框架: &lt;!DOCTYPE html&gt; &lt;html&gt; &...

2018-08-30 14:28:21 2570 0

原创 Win10系统插网线总是自动断开网络链接怎么办

找到更改适配器选项 ----&gt; 以太网 ----&gt; 属性-----&gt; 身份验证 -----&gt; 去掉"启用IEEE 802.1X身份验证(N)"  

2018-07-16 21:09:27 10824 0

原创 软件开发中的完整测试所包括的环节UT、IT、ST、UAT

软件开发中的完成测试环境所包括的环节包括:UT、IT、ST、UAT UT = Unit Test 单元测试 IT = System Integration Test 集成测试 ST = System Test 系统测试 ...

2018-07-15 23:43:34 1217 1

原创 测试环境和生产环境

1、开发环境是指开发时所运行的环境,比较随意,只是为了方便开发调试的,是对程序员开放的;而生产环境就不一样了,2、生产环境是系统开发的最后一个环节了,也就是上线,是要提供对外服务的,是要关闭错误报告的,然后把日志打印出来;还有一个测试环境对吧,那就顾名思义,3、测试环境就是上线前的测试,测试环境都...

2018-07-15 21:01:27 714 0

原创 什么是 开发环境、测试环境、生产环境、UAT环境、仿真环境

开发环境:开发环境是程序猿们专门用于开发的服务器,配置可以比较随意, 为了开发调试方便,一般打开全部错误报告。测试环境:一般是克隆一份生产环境的配置,一个程序在测试环境工作不正常,那么肯定不能把它发布到生产机上。生产环境:是指正式提供对外服务的,一般会关掉错误报告,打开错误日志。可以理解为包含所有...

2018-07-15 18:56:05 2467 1

原创 软件测试工作流程

一、测试各个阶段测试计划阶段:产品立项之后,确定测试负责人,开始制定测试计划;测试准备阶段:测试用例,测试样机和配件,测试工具,测试人员全部到位。测试执行阶段:负责人对测试任务分工,按计划执行测试过程,提交并跟踪缺陷。测试总结阶段:项目测试结束,负责人输出测试报告。二.测试对产品质量的控制和推进测...

2018-07-15 09:36:26 567 0

转载 clipboard使用总结(复制文本到剪贴板功能的JavaScript插件)

1. 概述clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器:chrome 42+; Firefox 41+; IE 9+; opera ...

2018-07-10 15:04:32 1069 0

原创 vuejs 和 element 搭建的一个后台管理界面

介绍:  这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术:  vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。  element:基于vuejs2.0的ui组件库。  vue-router:一般单页面应用spa都要用到的前端路...

2018-06-03 21:54:53 15437 7

原创 一步步带你做vue后台管理框架(二)——上手使用 系列教程《一步步带你做vue后台管理框架》第二课

github地址:vue-framework-wz线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架《一步步带你做vue后台管理框架》第二课:上手使用《一步步带你做vue后台管理框架》第三课:登录功能    闲扯再多不会用也没白搭,这节课我来带大家直接上手框架,体验到简单方...

2018-06-03 21:44:04 1589 0

原创 一步步带你做vue后台管理框架(一)——介绍框架 系列教程《一步步带你做vue后台管理框架》第一课

github地址:vue-framework-wz线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架《一步步带你做vue后台管理框架》第二课:上手使用《一步步带你做vue后台管理框架》第三课:登录功能 Features 特性

2018-06-03 21:34:28 1310 0

原创 一步步带你做vue后台管理框架(三)——登录功能 系列教程《一步步带你做vue后台管理框架》第三课

github地址:vue-framework-wz线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架《一步步带你做vue后台管理框架》第二课:上手使用《一步步带你做vue后台管理框架》第三课:登录功能    认证又称“验证”、“鉴权”,是指通过一定的手段,完成对用户身份的确...

2018-06-03 21:24:38 1239 0

原创 基于vue-cli快速搭建开发框架(axios,global,vuex,vue-router...)

title: 基于vue快速搭建开发框架从去年开始接触vue开发,也从头到尾经历了两个大项目,从搭建项目一点点的也积累了不少经验,也给自己挖了不少的坑。同样的,填的坑也不少。今天就总结一下,如何搭建vue前端开发框架。其中涉及的相关技术有:vue-cli脚手架、vuex作为全局事件、变量的管理,g...

2018-05-27 21:56:39 316 0

原创 使用vuejs2.0和element-ui 搭建的一个后台管理界面

说明:  这是一个用vuejs2.0和element-ui搭建的后台管理界面。 相关技术:  vuejs2.0:一套构建用户界面的渐进式JavaScript框架,易用、灵活、高效。  element-ui:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。  vue-router...

2018-05-27 19:38:00 5093 1

原创 vue2.0项目引入element-ui

来源:https://segmentfault.com/a/1190000011023102一、新建项目1.查看 node和npm是不是已经安装好命令:node -v npm -v (没有安装的先安装环境); 2.npm install -g cnpm --registry=https://re...

2018-05-27 19:30:13 1947 0

原创 NPM 学习笔记整理

什么是 NPMnpm 之于 Node ,就像 pip 之于 Python , gem 之于 Ruby , pear 之于 PHP 。npm 是 Node 官方提供的包管理工具,他已经成了 Node 包的标准发布平台,用于 Node 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地...

2018-05-27 17:42:49 394 0

原创 手把手教你搭建 vue 环境

第一步 node环境安装1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装1.2 如果本机已经安装node的运行换,请更新至最新的node 版本下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/第二步 node环境检测为了快乐的使...

2018-05-27 17:38:55 207 0

原创 vue-cli+webpack项目 修改项目名称的方法

使用vue-cli+webpack创建的项目,修改文件名称或者更改文件的位置,运营时会报错,是因为npm项目,在安装依赖(node_nodules)时,会记录当前的文件路径,当修改之后就无法正常启动。解决方法:1 删除 node_modules 文件夹(如果修改项目名称,需要在在package.j...

2018-05-16 19:58:25 1902 0

转载 前端UI大全(针对后台管理ERP类)

最近有个项目需要,维护优化以前一个外包的项目,由于项目比较早所以UI不太美观,想做重构。想满足的条件应该达到如下几个:1、美观、大方、简洁2、兼容IE8、不考虑兼容IE6/IE7,因为现在还有很多公司在使用Win7系统,系统内置了IE83、能通过选项卡打开多个页面,不想做单页,iframe也没关系...

2018-05-14 16:20:53 2390 0

转载 05-Vue入门系列之Vue实例详解与生命周期

Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次 new...

2018-05-03 13:55:38 83 0

提示
确定要删除当前文章?
取消 删除