努力的样子最美

努力的样子最美

排序:
默认
按更新时间
按访问量

vue---移动端调试功能vConsole

一. 简述 web端项目可以查看浏览器控制台信息,方便调试。然而移动端项目没有控制台可看,调试起来特困难。最近在做基于vue框架的移动端项目,有的bug不看日志,无法调试,很头疼。百度一下终于解决了这个难题,基于vue的有个可以在移动端查看日志的插件vConsole,很好用,也方便。 二. 如...

2018-10-17 13:51:39

阅读数:97

评论数:0

vue引入md5

一. 简述 登录,修改重要信息等场景需要用到md5加密,来保证传输数据保密性,安全性。 二. 步骤 1. 引入md5:yarn add md5 -s 2. 使用md5: 在需要加密的页面,引入该模块 <script> import {pos...

2018-09-18 10:39:01

阅读数:96

评论数:0

vue中引入axios

一. 简述 vue项目中引入axios,它作用和ajax一样来提供网络请求服务。 二. 步骤 1.引用axios:yarn add axios 2.封装axios: /** * @description axios 网络请求封装 * @author xudanfeng */...

2018-09-18 10:29:53

阅读数:85

评论数:0

创建Vue项目流程

一. 简述 vue-router + vue-cli + Element-ui + axios + Echarts开发环境配置,这里前提已安装好node环境。 二. 步骤 初始化vue项目:vue init webpack smile 进入项目目录,安装插件:yarn install ...

2018-09-18 10:20:04

阅读数:17

评论数:0

vue中引入echarts

一. 简述 vue项目中使用图标库echarts. 二. 步骤 引用echarts:npm install echarts -s 配置echarts: // The Vue build version to load with the `import` command // (runti...

2018-09-04 17:34:34

阅读数:121

评论数:0

vue引入element-ui

一.简述 vue项目中使用element-ui框架,可以快速开发后台项目。这里我们从一个新vue项目开始,一步一步引入element-ui。 二. 步骤 初始化vue项目:vue init webpack 项目名 加载element-ui:npm install element-ui --...

2018-09-04 16:55:05

阅读数:43

评论数:0

git查看远程地址,更新代码,提交代码,切换分支命令总结

一.简述 git项目管理,包含克隆项目,上传代码,拉去代码,分支管理。 二.命令行 查看文件状态:git status 查看远程git地址:git remote -v 克隆代码:git clone 项目地址 拉去代码:git pull origin 分支名 更新代码: git ad...

2018-09-03 17:21:16

阅读数:72

评论数:0

vue---组件间传递消息(父子传递消息,兄弟传递消息)

一. 简述 有时候我们需要使用到组件间的传递消息,来达到我们想要效果。比如以下场景,A下包含B1,B2,他们之间可以相互通信。 二. 实现方法 上面那个图包含两中通信方式,父子通信,兄弟通信。我们首先实现父子通信,其次在实现兄弟通信。 2.1 父子通信 B1,B2组件定义props属...

2018-08-13 18:58:23

阅读数:72

评论数:0

vue---Prop使用

一. 简述 prop使用场景:父组件需要向子组件传递消息的时候,子组件就可以定义prop属性,来接受父组件传递消息。 二. 使用方法 定义1: 带校验方式指定属性,方便其他人知道传什么类型的值 Vue.component('my-test',{ props: { ...

2018-08-13 17:45:47

阅读数:37

评论数:0

vue的mixins混入功能

混入minxins:分发vue组件中可复用功能的灵活方式。混入对象可以包含任意组件选项。组件使用混入对象时,所有混入对象的选项将混入该组件本身的选项。 选项合并:组件选项和对象选项同名时,将以恰当方式混合。 数据对象:和组件数据冲突时以组件数据优先 同名钩子函数:混合为一个数组,都将被调...

2018-07-24 15:36:40

阅读数:88

评论数:0

Promise

一. 简述 js是单线程的,Promise解决就是异步编程一种思想,比传统的回调函数和事件强大好多。 Promise:英文承诺意思,Promise对象中保存某个未来才回结束的事件(通常是一个异步操作)的结果。 Promise有三个状态:pendding,rejected,resolved ...

2018-07-24 14:41:06

阅读数:41

评论数:0

元素水平垂直居中三种方法实现

一. 简介实现一个元素水平垂直居中的效果。二. 实现<body> <div class="center"></div> &...

2018-06-21 17:27:07

阅读数:34

评论数:0

鼠标拖动图片,禁止在新窗口中打开图片

一. 简述我们想要拖动图片移动位置,可是发现按住鼠标拖动,会在新的窗口中打开这张图片,影响我们的拖动操作。如何禁止这一行为呢?我们设置禁止拖动的属性就可以了。二. 步骤 <img src="../../assets/img/login_bg.png&...

2018-06-11 10:55:51

阅读数:228

评论数:0

js正则表达式验证手机,邮箱,身份证

一. 简述判断输入手机号,邮箱,身份证是否合法。二. 方法<input id="id" type="text" placeholder="请输入投保人证件号码" cla...

2018-05-26 00:44:45

阅读数:168

评论数:0

input调用数字键盘,并限制输入位数

一. 简述手机号输入框的问题,我们想要效果是:控制输入长度,键盘为数字键盘。然而当我们使用 input[type=number],maxlenght='11',并没有达到我们想要的效果。长度可以随便输入,键盘不是数字键盘。二. 方法 <input type=&quot...

2018-05-26 00:23:03

阅读数:274

评论数:0

angular6---引用echarts插件

一. 简述echarts 是一个百度图表插件,很好用。angular有提供它的下载方法,我们可以不使用引用第三方js的方法。二. 方法一1. 命令行下载npm install echarts --save npm install ngx-echarts --save2. angular.json ...

2018-05-16 19:15:36

阅读数:2710

评论数:2

angular6---引用layer,laydate插件

一. 简述版本为angular6,其他版本一样的步骤。因为第三方插件大部分是js写的,angular直接引用的会出错,angular是基于typeScript基础的。二. 步骤下载laydate插件的 v...

2018-05-16 18:09:15

阅读数:1616

评论数:3

angular6---md5引入

一. 步骤第一步:进入项目目录,下载md5npm install ts-md5 --save下载成功了,会在package.json中注册这个模块。第二步:组件中引用md5模块import {Md5} from "ts-md5";第三步: 使用md5加密Md5....

2018-05-10 18:56:51

阅读数:695

评论数:0

angular6---引入jquery

一. 步骤第一步:进入项目目录,下载jquery npm install --save jquery 第二步:进入项目目录,下载jqureynpm install @types/jquery --save第三步:前两步成功的话,会在package.json文件中多处这两行"@ty...

2018-05-10 17:10:06

阅读数:2886

评论数:3

方向键移动元素位置,如何禁止父容器滚动条的滚动

一. 问题方向键移动div元素位置,父容器的滚动条会出现滚动。我们需要效果,移动元素的时候,父容器不能滚动。二. 解决方法在键盘监听事件中,我们需要加上这样一行代码就可以了。这个preventDefault()方法,阻止元素发生默认的行为。 event.preventDefault();添加这个...

2018-05-10 11:08:34

阅读数:96

评论数:0

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