自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

圆静居士的专栏

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

  • 博客(632)
  • 资源 (28)
  • 收藏
  • 关注

原创 element之el-select同时获取label和

1、遍历下拉框2、for循环输出数据到数组中

2022-06-29 20:57:20 587 1

原创 vscode全局安装完typescript执行tsc报错(tsc不是内部命令也不是外部命令问题)

1、执行全局安装npm install -g typescript2、配置检查环境变量是否正确在你安装node 的文件里找到tsc.cmd文件,我的在D:\Program Files\nodejs\node_global路径下面 然后将你找到的地址复制 在命令行输入sysdm.cpl后配置系统环境变量 系统属性→高级→环境变量→Path→编辑 在打开的路径中查看变量名Path下的变量值是否有tsc.cmd的路径信息,如没有将之前复制好的路径黏贴进来就OK→确定即可 重启电脑图:

2021-02-03 18:15:26 7821 3

原创 js从数组中的对象取出特定字段并生成新的数组

var arr = [ { 'id': '1', 'name': 'img1', 'imgUrl': './img1.jpg', }, { 'id': '2', 'name: 'img2', 'imgUrl': './img2.jpg', }, { 'id': '3', 'name': 'img3', 'imgUrl': './img3.jpg', }];arr.map(x => {return x..

2020-06-04 11:47:13 7807

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

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

2020-03-20 14:21:33 1542 1

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

1.安装particlesJSnpm install --save particles.js2.创建particles.json文件,设置particles的配置参数{ "particles": { "number": { "value": 40, "density": { "enable": true, ...

2020-01-17 17:11:20 664

原创 js实现代码高亮显示

<template> <div> <div class="operation"> <input type="text" id="text" placeholder="请输入关键字"/> <el-button @click="highlightBtn">高亮&l...

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

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

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

2020-01-13 17:12:14 4479

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

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

2020-01-13 17:11:05 839

原创 vue实现搜索功能

methods (要有一定的触发条件才能执行,如点击事件)<template> <div> <div class="inputStyle"> <el-input v-model="inputModel" placeholder="请输入内容" style="margin-right: 5px">...

2020-01-13 15:38:54 1564

原创 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 688

原创 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) at VueRouter.resolve (vue-router.esm.js?fe87:2622) at Vu...

2020-01-09 15:06:31 14829

原创 elementUI 时间格式化

1.html:<el-table-column prop="dateTime" :formatter="dateFormat" label="日期"></el-table-column>2.vue的methods 里面//方法methods: { //时间格式化 dateFormat(row,colum...

2020-01-07 14:26:01 3389 2

原创 Vue连接MySql数据库

一、vue-cli2全局安装npm install vue-cli -g局部安装项目vue init webpack 项目名称例如:vue init webpack demo1二、express-generator1.全局安装npm install express-generator -g2.express --view=ejs 项目名称例如:exp...

2020-01-07 12:33:23 41368 9

原创 vue+element-ui 实现分页

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

2020-01-07 12:30:14 437

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

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

2020-01-07 12:19:36 4179 2

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

(前台)1.ps 链接:https://pan.baidu.com/s/1mjYbcJA密码:pqdt2.HTML5+CSS3从入门到精通.iso链接:https://pan.baidu.com/s/1mjYbcJA密码:gdyw3.Javascript视频教程链接: https://pan.baidu.com/s/1i6eC5YP密码:ku5k4.Jquery视频教程链接:...

2018-11-05 00:28:32 17430 20

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

现在公司项目是做的后台管理系统,那么无疑要用到增、删、改、查。其实实战里的增删改查都要调用接口,传递参数,而很多的dom操作都反而不需要了。vue有个很关键的词对增删改查很重要,叫做双向数据绑定。因为你需要不断的传参,传值,接收id,原生DOM的操作能不用就不用,耗性能,还麻烦。以下是个人学习记录,大佬批评指正。第一:首先来说一说  增,话不多说,上代码。下面为增、删、改页面效果下面代...

2018-11-05 00:15:46 1444

原创 如何使用mock

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

2018-10-30 17:52:49 2174

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

&lt;template&gt;&lt;div&gt;  &lt;el-input v-model="search" placeholder="请输入内容"&gt;&lt;/el-input&gt;    &lt;el-table    :data="tables.slice((pageIndex-1)*pageSize,pageIndex*pageSize)"   /

2018-10-22 01:16:30 2138 1

原创 Axure 8.1.0.3372亲测可用授权码

授权人:Koshykey:wTADPqxn3KChzJxLmUr5jTTitCgsfRkftQQ1yIG9HmK83MYSm7GPxLREGn+Ii6xYkey:wTADPqxn3KChzJxLmUr5jTTitCgsfRkftQQ1yIG9HmK83MYSm7GPxLREGn+Ii6xY有收到很多私信以上授权码有发现不可用的可以使用下面最新授权:被授权人:zdfans.com...

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

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

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

2018-09-25 18:26:23 241

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

html中:&lt;div class="step"&gt; &lt;el-steps :active="orderStatus" &gt; &lt;el-step :title="item.title" :description="item.description" v-for="item in items"&gt;&l

2018-09-12 18:25:21 11744

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

其他文章Axure PR用例、事件和交互样式 : http://blog.csdn.net/zyb2017/article/details/79179258Axure PR 全局变量、页面传值与条件判断 : http://blog.csdn.net/zyb2017/article/details/79179796一 破解先说破解原因是更新后的Axure更改了授权,3312版之后网上的...

2018-09-12 15:03:08 1819

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

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

2018-09-12 14:59:49 780

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

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

2018-08-30 14:28:21 5666 1

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

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

2018-07-16 21:09:27 26737

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

软件开发中的完成测试环境所包括的环节包括:UT、IT、ST、UATUT = Unit Test 单元测试IT = System Integration Test 集成测试ST = System Test 系统测试UAT = User Acceptance Test 用户接受测试(俗称:验收测试)U...

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

原创 测试环境和生产环境

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

2018-07-15 21:01:27 3572

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

开发环境:开发环境是程序猿们专门用于开发的服务器,配置可以比较随意, 为了开发调试方便,一般打开全部错误报告。测试环境:一般是克隆一份生产环境的配置,一个程序在测试环境工作不正常,那么肯定不能把它发布到生产机上。生产环境:是指正式提供对外服务的,一般会关掉错误报告,打开错误日志。可以理解为包含所有的功能的环境,任何项目所使用的环境都以这个为基础,然后根据客户的个性化需求来做调整或者修改。三个环境也...

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

原创 软件测试工作流程

一、测试各个阶段测试计划阶段:产品立项之后,确定测试负责人,开始制定测试计划;测试准备阶段:测试用例,测试样机和配件,测试工具,测试人员全部到位。测试执行阶段:负责人对测试任务分工,按计划执行测试过程,提交并跟踪缺陷。测试总结阶段:项目测试结束,负责人输出测试报告。二.测试对产品质量的控制和推进测试报告中包含Bug数量和状态,并且对测试结果作专业的结论。测试可推进项目的进程:每个开发人员需要在下一...

2018-07-15 09:36:26 879

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

1. 概述clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器:chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+; 官网2. 使用方式2.1 引入js文件以下所有的代码都使用到以下js...

2018-07-10 15:04:32 4767

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

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

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

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

github地址:vue-framework-wz线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架《一步步带你做vue后台管理框架》第二课:上手使用《一步步带你做vue后台管理框架》第三课:登录功能    闲扯再多不会用也没白搭,这节课我来带大家直接上手框架,体验到简单方便之后你就会爱上这个框架欲罢不能的。  首先跟所有的vue项目一样,两种方式,一种去项目github地...

2018-06-03 21:44:04 2194

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

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

2018-06-03 21:34:28 1545

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

github地址:vue-framework-wz线上体验地址:立即体验 《一步步带你做vue后台管理框架》第一课:介绍框架《一步步带你做vue后台管理框架》第二课:上手使用《一步步带你做vue后台管理框架》第三课:登录功能    认证又称“验证”、“鉴权”,是指通过一定的手段,完成对用户身份的确认。身份验证的方法有很多,基本上可分为:基于共享密钥的身份验证、基于生物学特征的身份验证和基于公开密钥...

2018-06-03 21:24:38 1767 1

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

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

2018-05-27 21:56:39 591

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

说明:  这是一个用vuejs2.0和element-ui搭建的后台管理界面。 相关技术:  vuejs2.0:一套构建用户界面的渐进式JavaScript框架,易用、灵活、高效。  element-ui:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。  vue-router:前端路由,用Vue.js + vue-router 创建单页应用(SPA)非常简单。  axios:...

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

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

来源:https://segmentfault.com/a/1190000011023102一、新建项目1.查看 node和npm是不是已经安装好命令:node -v npm -v (没有安装的先安装环境);2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件,后面的安装npm可以全部改为c...

2018-05-27 19:30:13 3707

原创 NPM 学习笔记整理

什么是 NPMnpm 之于 Node ,就像 pip 之于 Python , gem 之于 Ruby , pear 之于 PHP 。npm 是 Node 官方提供的包管理工具,他已经成了 Node 包的标准发布平台,用于 Node 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。为什么要使用 NPMnpm 是随同 Nod...

2018-05-27 17:42:49 514

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

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

2018-05-27 17:38:55 377

ES6入门基础-阮一峰

《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性。

2018-04-10

AndroidStudio汉化包直接用

直接用就行 安装、使用方法 英文语言包l位于安装目录下的 --lib/resource_en.jar 使用方法: 1.备份lib/resource_en.jar 文件; 2.用压缩软件打开(非解压)resource_en.jar文件,将本项目下的AS_V2.0.0.20_en/resources_cn文件夹内的所有文件添加到resource_en.jar文件内替换原英文语言包文件; 3.点击保存; 4.将已经替换的语言包文件,添加回lib/目录,替换之前的resource_en.jar文件; 5.汉化完成,正常打开AndroidStudio IDE;

2016-12-18

仿新闻客户端3

背景:仿新闻客户端 【圆静】 搭建框架 功能: WelcomActivity:欢迎界面【动画效果】 GuideActivity:引导页面 【红点移动原理】 MainActivity:主页面【实现侧滑菜单】 初始化Fragment并且加载到Activity中来 base文件夹下: BaseFragment:左侧菜单和正文Fragment的基类---->实现视图数据 fragment文件夹下: ContentFragment:正文部分---->四个GroupButton LeftMenuFragment:未实现具体功能 RightMenuFragment:未实现具体功能 CacheUtils:做了一个缓存。判断是否进入过引导页面 DensityUtils:代码适配

2016-12-18

仿新闻客户端2

背景:仿新闻客户端 【圆静】 功能: WelcomActivity:欢迎界面【动画效果】 GuideActivity:引导页面 【红点移动原理】 MainActivity:主页面【实现侧滑菜单】 CacheUtils:做了一个缓存。判断是否进入过引导页面 DensityUtils:代码适配

2016-12-17

仿新闻客户端1

背景:仿新闻客户端 【圆静】 功能: WelcomActivity:欢迎界面【动画效果】 GuideActivity:引导页面 【红点移动原理】 CacheUtils:做了一个缓存。判断是否进入过引导页面 DensityUtils:代码适配

2016-12-17

ks二维码图片

二维码图片资源

2016-12-08

电脑控制手机Vysor

电脑控制手机屏幕

2016-11-14

SlidingMenu第三方框架(atguigu)

很多APP都有侧滑菜单的功能,部分APP左右都是侧滑菜单~SlidingMenu 这个开源项目可以很好帮助我们实现侧滑功能

2016-11-13

Android简历源码

这门水课一学期就三四节,两节Android一节ios,就要交大作业了。 出于兴趣自己开始自学,先是做了个简单的登录界面,再跟从CSDN上下载的仿知乎日报模板结合了一下。 由于要交作业,花一整天的时间完成了这个app的开发。 功能是个人简历介绍。

2016-11-08

后台管理系统静态模版

后台管理系统静态模版 艺谷(深圳)后台管理系统 Bootstrap

2016-11-02

百度地图文档1

百度地图入门 三大核心 BMapManager:百度引擎的管理工具。 MapView:显示地图的类,它的父类是ViewGroup. MapView 的MKMapViewListener MapController:对当前地图进行控制:缩放、旋转、平移。

2016-10-03

时光网接口文档1

1.1执行摘要;1.2编写目的;1.3特殊记号格式说明;1.4抓包的方法使用Wireshark 脚本 2接口说明;2.1接入方式;2.2接入地址; 3.HOME首页接口; 4.1 购票 电影 正在热映数据 5.发现页面 6.商城 7、全球票房榜 7、北美 香港,台湾,日本,韩国 ,预告片,排行榜

2016-10-03

android知识大总结【邯院】

有四个文档,分别为: Android界面设计讲课流程.doc; Android界面设计讲课流程 1 第1章 布局方式 3 第2章 对话框 11 第3章 硬件菜单 17 第4章 输入选择组件 19 第5章 图片和按钮 30 第6章 日期和时间控件 34 第7章 进度条和滑动条 37 第8章 GridView和Gallery控件 43 第9章 AutoCompleteTextView提示输入建议 48 第10章 RatingBar评分组件 50 Android进阶讲课流程2.doc; 1. 广播接收者 3 2. 服务Service 7 3. AsyncTask异步处理任务 15 4. 音频播放 20 8. 视频播放 26 9. 使用摄像头拍照 32 10. 视频录制 39 11. 国际化 43 12. 样式和主题 46 13. 编码实现软件界面 49 14. 标签页(选项卡) 51 15. 用HTML实现网页界面 57 16. android客户端调用web service 63 Android开发讲课流程.doc; Android简介 3 第一章 搭建Android开发环境 4 第二章 Android工程目录介绍 9 第三章 电话拨号器和发送短信小程序 12 第四章 日志输出和单元测试 17 第五章 数据的存储与访问 19 第六章 SD卡的存取和XML读取 24 第七章 SharedPreferences进行数据存储 38 第八章 SQLITE数据库 42 第九章 ListView控件的使用 50 第十章 Activity互相调用 62 第十一章 意图Intent的使用 70 第十二章 Activity的生命周期 72 第十三章 互联网开发 77 第十四章 JSON数据的解析 90 JAVA基础知识点总结.doc 第1章 Java程序设计概述 第2章 Java语言的开发环境 第3章 Java程序的基本结构 第4章 对象和类 第5章 继承和多态 第6章 泛型程序设计 第7章 接口和内部类 第8章 异常处理 第9章 反射,代理,标注 第10章 java常用类 第11章 IO流 第13章 线程

2016-10-03

Wireshark抓包工具1

Wireshark抓包工具1

2016-10-03

北京新闻客户端文档1

北京新闻客户端文档1

2016-10-03

android知识大总结(邯院)

android知识大总结(邯院)

2016-10-03

时光网接口文档

2016-10-03

百度地图文档

2016-10-03

北京新闻客户端文档

北京新闻客户端文档

2016-10-03

夜神模拟器启动night

夜神模拟器启动night

2016-10-03

Beijing新闻客户端

Beijing新闻客户端

2016-10-03

Android快捷键模版

快捷键模版导入到AndroidStudio【File-->Import Settings--->找对应的模版文件】

2016-10-03

手机卫士项目.docx

手机卫士项目.docx

2016-09-05

Java常用英语汇总.pdf

Java常用英语汇总.pdf

2016-09-05

[尚硅谷]_张晓飞_Android面试题大全.pdf

[尚硅谷]_张晓飞_Android面试题大全.pdf

2016-09-02

Android基础部分复习.xmind

Android基础部分复习

2016-09-02

JAVA基础知识点总结

JAVA基础知识点总结

2016-09-02

Java的23种设计模式(疯狂Java总结

Java的23种设计模式(疯狂Java总结)

2016-09-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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