lorena0928-CSDN博客

原创 angular2.x 实现滑动拼图验证码功能

angualr2.x 实现滑动拼图验证码功能滑动拼图验证码功能请参考原文链接，感谢作者分享！ - http://www.jb51.net/article/137129.htm - 下面举例说明在angular2版本及以上版本怎么实现此功能。引入js 首先将封装好的js插件引入到项目目录下配置js 全局配置第一种方法是：找到配置文件 an...

2018-05-18 13:49:13 5069 1

原创前端上传图片到oss服务，模仿微博多张图片上传（最多九张）

效果图如下核心js文件推荐《前端上传组件Plupload使用指南》，有较详细使用指南。文件地址：https://www.cnblogs.com/2050/p/3913184.html#plupload_doc4首先是css文件的引入上传组件的css &lt;link rel="stylesheet" href='../css/uploadOss.css'/&gt;...

2018-09-28 16:44:23 3365 3

原创六位input输入框的短信验证码(PC jQ)

六位input输入框的短信验证码(PC)完整代码直接复制下边html，注意引入js css 文件&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;meta charset="utf-8"&gt;&lt;head&gt; &lt;script src="../j

2018-07-11 11:15:36 6385 1

原创 angular2.x 集成PDF.js

angular2.x 集成PDF.js访问源码及地址 github的地址 https://github.com/mozilla/pdf.js 参考文章地址 https://blog.csdn.net/Java_Mike/article/details/77743132?locationNum=7&fps=1需要引入的文件包 generic文件，请...

2018-05-29 10:18:44 2842 1

原创 angular2.0以上版本的表单校验

angular2.0以上版本的表单校验 htm具体例子代码块<div class="c-content-inner"><form [formGroup]="form"><div class="row"><div class="col-md-12"><p class=&quot

2018-05-08 14:51:42 526

原创 sourceTree 如何更改git用户的名称

sourceTree 如何更改git用户的名称如图广播一下小广告，我的小店【treasure时尚包包】，复制这条信息￥wdRB0GcGXTH￥后打开手淘希望给点一下关注。。。...

2018-05-08 14:37:27 5881

原创限定上传文件格式方法

限定文件上传格式实现代码let that = this;//限定文件格式const filetypes = [".jpg", ".png", ".xls", ".pdf", ".xlsx"];const filepath = event.target.value;if (filepath) {let isnext = false;const fileend = fi...

2018-05-08 14:23:07 1773

原创 angular2抽取公共复用组件（模块间公用）

angular2抽取公共复用组件（模块间公用）例如创建footer组件 - ng g c footer –module - footer.component.spec.ts (测试文件) - *footer.component.ts （ts组件文件）-footer.module.ts (模块文件)具体代码 footer.component.t...

2018-05-08 14:16:54 5856

原创 h5 input type=date 怎么进行赋值（回显）

h5 的input 有多种类型可以选择，例如时间插件 input type=date ,如何进行赋值操作。-html部分 <td>// <label style="margin:0 20px;">接听时间：</label> <input type="date" style="line-height...

2017-09-15 10:30:13 35568

原创 webstorm terminal终端后，有时候会出现折行现象

打开webstorm terminal终端后，有时候会出现折行现象，特别乱，如何解决？1.打开打开你的终端；2.cmd.exe。3.在边框右键属性，设置成旧版本。4.重新启动webstorm 就可以了。

2017-09-15 10:07:26 2125

原创 vue 输入框限定输入金额的范围并且用千分符显示，初始值有格式限制

vue 输入框限定输入金额的范围并且用千分符显示，初始值有格式限制为了避免代码的耦合，利于后期维护，尽量将功能函数分开来写。首先是千分符转化 comdify(n) { let re = /\d{1,3}(?=(\d{3})+$)/g; let n1 = n.replace(/^(\d+)((\.\d+)?)$/, function (s,

2017-08-05 23:13:40 17816

原创 angular限制input框输入金额（是小数的话只保留两位小数点）

需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。js判断部分： checkInput: function (event) { var id = event.target.getAttribute(“id”);//获取input的id var reg = /^[-?\d]+(.)?(\d{1,2})?/;//匹配正则while

2017-07-13 15:06:24 7889

原创 datepicker 增加选择年月及自定义到某个月份

首先声明一下，这个插件的原创作者是 MoBinniGITHUB地址请访问：https://github.com/mobinni/material-date-picker(function() { 'use strict'; /** * By Mo Binni */ var app, contains; app = angular.module('

2017-07-06 15:26:25 2308

原创实现下拉框和搜索框一体功能

页面中实现下拉框和搜索框一体功能html>html>head lang="en"> meta charset="UTF-8"> title>实现下拉框和搜索框一体功能title>head>body>h4>这个既可以做input 又可以使用 selecth4>div style="position: relative;" class="form-control">s

2017-03-09 15:31:45 7911

原创 mui的索引列表插件-增加热门城市

mui的索引列表插件的使用：动态数据绑定以及顶部搜索并增加热门城市页面中需要引入的文件。搜索框的样式移动到了header部分了。搜索框搜索完内容之后再点击清除按钮，然后点击字母索引会出现列表卡顿现象，请参照js里边注释的两行。搜索过内容清空后，会出现点击索引搜索时，搜索框一直聚焦，大家可自行进一步修改。并且搜索框的搜索只显示有数据的列表。希望大家进一步优化。有问题请指正。

2017-03-09 14:56:40 7971 6

原创关于flexble.js 刷新后才能自适应手机的问题

首先大家都知道flexible.js手淘框架，是一个用来适配移动端的js框架。手淘框架的核心原理就是根据不同的width给网页中html跟节点设置不同的font-size，然后所有的距离大小都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。使用步骤简单介绍如下：1.引入flexible.js 2.根据拿到的设计手稿进行rem值转换。引入js后，加载dom时，整个页面会

2017-03-09 14:39:55 1133

lorena0928的博客