2018年05月_qq_35321405

原创 js正则表达式验证手机，邮箱，身份证

一. 简述判断输入手机号，邮箱，身份证是否合法。二. 方法<input id="id" type="text" placeholder="请输入投保人证件号码" class="section-input" size="18" onchange="isIdAvailable(this.value)"/><in

2018-05-26 00:44:45 3300

原创 input调用数字键盘，并限制输入位数

一. 简述手机号输入框的问题，我们想要效果是：控制输入长度，键盘为数字键盘。然而当我们使用 input[type=number]，maxlenght='11'，并没有达到我们想要的效果。长度可以随便输入，键盘不是数字键盘。二. 方法 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" pat...

2018-05-26 00:23:03 2788

原创 angular6---引用echarts插件

一. 简述echarts 是一个百度图表插件，很好用。有两种引入方法：1. angular提供的下载方法；2. 引用第三方js方法。二. 方法一1. 命令行下载npm install echarts --savenpm install ngx-echarts --save2. angular.json 配置echarts路径。3. app.module中引用这个模块...

2018-05-16 19:15:36 22745 21

原创 angular6---引用layer,laydate插件

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

2018-05-16 18:09:15 5895 5

原创 angular6---md5引入

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

2018-05-10 18:56:51 4317 1

一. 步骤第一步：进入项目目录，下载jquery npm install --save jquery第二步：进入项目目录，下载jqureynpm install @types/jquery --save第三步：前两步成功的话，会在package.json文件中多处这两行"@types/jquery":"^3.2.12","jquery":"^3.2.1",第四步：在需要使用jquery的地方引用...

2018-05-10 17:10:06 15510 5

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

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

2018-05-10 11:08:34 2350 1

原创 angular6---路由配置

一. 简述方便我们可以url方式和链接的方式使用该组件，不仅仅通过组件选择器使用它。二. 配置路由第一步：创建路由文件ng generate module app-routing --flat --module=app注释：--flat 把这个文件放进了 src/app 中，而不是单独的目录中。--module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中。第...

2018-05-08 19:18:44 13021

原创 angular6---开发环境搭建和创建项目

一. 简述angular2项目开发和之前用的angularJS+requireJS的开发一点也不一样,相当于又学了一门框架语言，angular2需要使用angular cli 管理项目。版本语言angularJS（angular 1.*）javaScriptangular2，angular4typeScript二. 环境搭建第一步：安装npm，Node Package Manager是nodeJS...

2018-05-08 18:35:29 2343 1

转载 angular(Port 4200 is already in use. Use '--port' to specify a different port.)

一. 问题二. 原因4200端口已经占用了，要运行一个新项目的话，换一个端口号就好了。三. 修改项目端口号方法一. 修改文件方法二. 命令行修改ng server --port 6200...

2018-05-07 15:05:51 1152

是一座岛