自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Coder_KellySha的博客

不积跬步,无以至千里;不积小流,无以成江海

  • 博客(44)
  • 收藏
  • 关注

原创 小程序使用弹窗组件Modal,阻止冒泡事件

在modal组件上加一个catchtap事件(里面不写内容都可以),亲测有效!<i-modal title="提示" visible="{{ visible }}" catchtap="stopPropagation" bind:ok="call" bind:cancel="handleClose" ok-text="是" cancel-text="否"> <vi...

2019-10-15 14:07:12 891

转载 关于小程序widthFix图片高度不能自适应的问题

微信小程序 Image 图片实现宽度100%或设置成某个rpx的值例如520rpx,高度自适应要如何设置呢?一般做法如下:样式设置宽度100%,.img{  width: 100%;}在图片组件上添加属性mode="widthFix"<image class="img" src="../../images/hello.png" mode="widthFix">即...

2019-10-09 15:23:16 3274 2

原创 小程序动态添加class样式

<i-tabs current="{{ currentTab }}" scroll bindchange="handleChangeScroll"> <i-tab i-class="tab-item {{item.key=='xxx'?'tab-lg-width':''}}" wx:for="{{tabList}}" wx:key="index" ...

2019-09-27 16:55:32 1516

原创 ng-alain 表格st实现某行标红

html中,增加 rowClassName属性<st #st [rowClassName]="rowClassName" [data]="url" [columns]="columns" [page]="page"></st>根据某条件,返回类名rowClassName(record: STData, index: number) { if(recor...

2019-09-27 14:46:25 1828

转载 数组中的对象,判断是否有重复值

var arry = [{ itemType: "1", item_id: "86753", organizationId: "3117", price: "1000", qty: "1",},{ itemType: "1", item_id: "86753", organizationId: "3118", price: "1000", qty: "...

2019-09-16 18:10:58 7857

转载 HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法

本文转载自:https://blog.csdn.net/J_Y_X_8/article/details/51372942禁止鼠标右键、禁止全选、复制、粘贴;oncontextmenu事件禁用右键菜单;js代码:document.oncontextmenu = function(){ event.returnValue = false;}// 或者直接返回整个事件do...

2019-09-11 10:07:59 209

原创 表格中 css控制文本过长显示省略号...

// Angular (ng-alain)columns: STColumn[] = [ { title: '备注说明', index: 'remark', render: 'remark' },}<ng-template st-row="remark" let-item let-index="index"> <div class="text-overfl...

2019-09-10 10:22:56 501

原创 截取指定字符串前后的字符串

var str = '14-1';var arr= str.match(/(\S*)-/);console.log(arr);// ["14-", "14", index: 0, input: "14-1", groups: undefined]var arr1= str.match(/-(\S*)/);console.log(arr1);// ["-1", "1", in...

2019-08-30 14:38:43 884

原创 有i标签<i></i>不能对齐

<div> <i style="width:12px ;height:24px;display:inline-block;background: red;"></i> <span class="text-sm" style="display:inline-block;margin-left:16px;height:24px;line-h...

2019-08-22 16:40:45 2348

转载 iconfont图标symbol引用方式,有的图标不能通过设置color样式来修改颜色的解决办法

现象:iconfont安装后的图标,是通过symbol引用方式,有的图标不能通过color修改颜色的解决办法,有的又可以。​​​​​​​<svg class="icon" aria-hidden="true" style="color:red;"> <use xlink:href="#icon-PDF"></use></svg>...

2019-08-21 16:30:30 3660

转载 javascript中取前n天的日期

方法一:var d = new Date();d = new Date(d.getFullYear(),d.getMonth(),d.getDate()-n);方法二:var now = new Date();now.setTime(now.getTime()-n*24*60*60*1000);转载自:javascript中取前n天日期的两种方法分享https://ww...

2019-08-21 14:09:13 122

原创 angular实现消息滚动

<div nz-row class="mb-sm"> <nz-card class="news-card"> <h3 class="font-weight-bold msg-text">最新消息:</h3> <div class="scroll-box" [class.scroll-top]="flag"> ...

2019-08-21 13:42:23 1493

原创 angular DatePipe 使用注意

这个问题,纠结了快一个小时,最后发现是手误。特此发帖,时刻铭记!this.datePipe.transform(new Date(), 'yyyy-MM-dd HH:mm:ss');输出: "2019-08-20 15:21:39"this.datePipe.transform(new Date(), 'yyyy-MM-dd hh:mm:ss');输出: "2019-0...

2019-08-20 15:25:51 2620

原创 angular 引入DatePipe使用报错:No provider for DatePipe!

@Component({ // selector: 'app-audit-manage-purchase-edit', // templateUrl: './purchase-edit.component.html', providers: [DatePipe]})@Component({ // selector: 'app-audit-manage-purcha...

2019-08-20 14:51:38 3867 2

转载 JS -- sort()方法实现对象数组的排序

sort()方法会改变原数组,默认按unicode码顺序排列我们通常遇到的都是数组排序,对于对象数组当然也是可以的,方法如下:对象数组排序可以选择它的某一属性进行比较var arr = [ { name:"小明", age:12 }, { name:"小红", age:11 }, { name:"小刚", age:15 }, { name:"小华", age:13...

2019-08-20 10:39:53 593

转载 js数组对象常用方法小结

~~~数组添加元素后一般返回数组的新长度 如: push(ele1[,ele2...]), unshift(ele1[,ele2...])~~~数组删除元素后一般返回被删除的元素 如: pop() , shift()var colors = new Array();var count = colors.push("red","green","black");alert(count...

2019-08-20 10:22:26 178

转载 17个实用的Javascript数组对象方法

使用这些数组和对象方法,你将无需再次使用for或while循环。.filter()根据数组的条目是否通过特定条件来创建新数组。举例创建一组符合法定饮酒年龄的学生年龄。const studentsAge = [17, 16, 18, 19, 21, 17];const ableToDrink = studentsAge.filter( age => age &gt...

2019-08-20 10:09:03 131

原创 JS 数组及数组对象去重

js数组中重复的对象去重https://www.cnblogs.com/shiyunfront/p/7423977.htmlvar arr = [ { "value": 1, "label": "小明" }, { "value": 2, "label": "小红" }, { "value": 1, "label": "小...

2019-08-19 11:29:28 151

原创 ng-zorro栅格下垂直居中Align Center 子元素不设置固定宽度margin自动变宽的问题

<div class="wrap right-shade" nz-row nzType="flex" nzJustify="space-around" nzAlign="middle"> <router-outlet></router-outlet></div>.wrap { flex: 1; padding: 0; }...

2019-08-17 10:03:55 1835

转载 常用密码的正则表达式

/** * 密码至少包含 数字和英文,长度6-20 */ String reg = "^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$"; /** * 密码包含 数字,英文,字符中的两种以上,长度6-20 ...

2019-08-13 20:39:00 10738

原创 A4纸在屏幕上的像素尺寸

A4纸的尺寸是210mm*297mm,也就是21.0cm*29.7cm,而1英寸=2.54cm,如果屏幕DPI分辨率为72像素/英寸,换算一下:相当于1cm可呈现 (72px/2.54cm) =28.34px下面是一些常用分辨率下A4纸在屏幕上的像素尺寸:分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842;分辨率是96像素/英寸时,A4纸的尺寸的图像的像素是794×11...

2019-08-13 14:56:47 16303

原创 ajax自定义header请求头

https://www.csdn.net/gather_20/OtTaIgysNjA4LWJsb2cO0O0O.html$.ajax({ type: "POST", url: 'http://.......', dataType: "json", data: data, headers : { 'X-Requested-With': 'XMLHttpRequest', 't...

2019-08-13 10:35:24 207

转载 JS中判断对象是不是数组的方法

var arr = [1,2,3,1];var arr2 = [{ abac : 1, abc : 2 }];function isArrayFn(value){ if (typeof Array.isArray === "function") { return Array.isArray(value); }else{ return Object.prototype....

2019-08-07 13:41:47 80

原创 Angular 在页面上显示换行<br>文本

str= '劳务派遣制 2019-07-01T05:13:44-2019-07-01T05:13:45 与公司签订第1次劳动协议<br>协管 2019-07-09T05:13:49-2019-07-31T05:13:51 与公司签订第2次劳动协议<br>'<div>{{str}}</div>↑↑↑ 如果直接显示在页面是不换行的...

2019-07-31 14:11:47 5293

原创 Angular动态绑定style

方法一:<p [ngStyle]="{'width':spanLabelFixed+'px'}"></p>方法二:<p [ngStyle]="styleMethod()"}"></p>// ts中styleMethod() { const style = { width: this.spanLabelF...

2019-07-31 11:14:54 9289

原创 Angular4 之DatePipe(时间管道)

{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}} // 1989-07-22 10:21:21{{ dateTime | date:'medium' }} // 1989年7月22日 上午10:21:21{{ dateTime | date:'short' }} // 1989/7/22 上午10:21{{ dateTime | date:'...

2019-07-31 10:13:00 11413

原创 Angular6 路由传参及获取参数的两种方式

第一种:Path传参http://localhost:4200/vehicle-manage/details/34routers配置{ path: 'details/:id', component: VehicleManageDetailsComponent, data: { title: '车辆详情' } }源页面——传递参数details(id) { this.ro...

2019-07-30 16:42:43 7300

原创 JS天气插件(最全)

1.中国天气实例:https://cj.weather.com.cn/plugin/pc2. 心知天气文档:https://docs.seniverse.com/api/start/start.html实例:https://github.com/seniverse/seniverse-api-demos3. 和风天气文档:https://dev.heweather.com...

2019-07-29 16:28:25 19216 2

原创 基于webpack的React项目搭建

基于webpack的React项目搭建(一)基于webpack的React项目搭建(二)基于webpack的React项目搭建(三)

2019-07-26 15:04:48 99

原创 使用WebStorm上传本地项目到GitHub

https://blog.csdn.net/yingyingbaibai/article/details/70239016本地项目:①VCS>>Checkout...>>GitHub②项目>>右键>>Git>>+Add③项目>>右键>>Git>>Commit...>&g...

2019-07-26 14:25:52 339

转载 iview-admin 部署缺少本地文件问题

转载自:https://blog.csdn.net/qq_36040161/article/details/79615358本人在issue当中看到了诸多关于生产打包路径不对,字体图标引用错误的问题.以下是我的解决方案提供给大家参考:1.webpack.base.config.js17行修改为:path: path.resolve(__dirname, '../dist')...

2019-07-26 14:24:08 229

原创 【iView】表格换行后title鼠标hover显示

// 换行后title鼠标hover显示render: (h, params) => { var text=params.row.hotword; return h('div',{ style:{ overflow:'hidden', whiteSpace: 'nowrap', textOverflow:'ellipsis' ...

2019-07-26 14:22:53 927

原创 JS 在线预览Word,Excel

word文件XDOC可以实现预览以DataURI表示的DOC文档,此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览,具体实现方法请看官方文档官方DEMO:XDOC阅读器下面这种方式可以实现快速预览word但是对文件使用的编辑器可能会有一些限制<a href="http://www.xdocin.com/xdoc?_func=to&am...

2019-07-26 13:58:20 31182 8

转载 Web服务器怎样搭建 解析在Win10系统中搭建Web的方法

Web服务器怎样搭建 解析在Win10系统中搭建Web的方法可能较少人知道在Win10系统中的Web服务器是什么吧,其功能就是在局域网中能够进行资源共享,以便Win10使用者时刻都能将个人数据传达服务器端中,快速执行数据的同步。应该怎样搭建Web服务器呢?今天就将为给位解决Web服务器怎样搭建 解析在Win10系统中搭建Web的方法分享,请看如下:  1、点击“开始——控制面板—...

2019-07-26 13:44:39 1579

原创 click点击一次执行多次的问题

$("#id").click(function() {alert(1);});点击id元素执行多次alert(1),此处为代码错误,将click事件进行了多次绑定,需解绑后再进行绑定,解决方法如下:$("#id").off("click").on("click",function() {});...

2019-07-26 13:43:31 1266

原创 如何用JS取得网址中的文件名

var a="http://www.jb51.net/html/images/logo.gif";var b=a.split("/");console.log(b); // ["http:", "", "www.jb51.net", "html", "images", "logo.gif"]var c=b.slice(b.length-1, b.length).toString(Str...

2019-07-26 13:36:52 2027

原创 git命令简写配置

找到此目录下的 .gitconfig 文件 ‪C:\Users\你的用户名\.gitconfig添加:[alias] c = commit co = checkout dt = difftool mt = mergetool

2019-07-26 13:00:25 154

原创 从GitLab拉取项目代码到本地

git clone gitlab:qxj/ServicePlatform/sp.admin.gitcd 目录git remote -v

2019-07-26 12:52:48 11541

原创 快速 取push后的数组长度

var arr = new Array();var length = arr.push('a');length; // 1 => 得到为arr的length

2019-07-25 10:01:24 386

原创 React之组件生命周期

Vue、Angular和React三大框架的组件生命周期对比: Vue create mount update destroy beforeCreate created beforeMount mounted ... Angular onInit ...

2019-07-24 16:06:29 124

空空如也

空空如也

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

TA关注的人

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