- 博客(84)
- 收藏
- 关注
RSS订阅原创 javascript-ScrollIntoView（）导致整个页面滚动条发生变化
element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })二、另一个滚动方案您可以使用scrollTop代替scrollIntoView()：var target = document.getElementById("target");target.parentNode.scrollTop = target.offsetTop;如果要滚动的滚动元素不止一个，则需要根据中间元素..
2021-01-13 15:29:16
2876
原创 window.print() 引发的问题解决方案
打印的对象最好是个表格，就算不是表格也放到表格里去元素添加此css属性不被分割成两页page-break-inside:avoid;把元素放到此部分每个打印页面顶部都会有这个元素<thead></thead>把元素放到此部分每个打印页面底部都会有这个元素<thead></thead>...
2020-04-20 16:16:01
2183
原创 mvc（vue、ng...） 引用数据与被引用数据被关联更改的解决方案
使用转字符串再转回json的方法JSON.parse(JSON.stringify(this.obj));这样引用数据发生改变，被引用数据却不会改变
2020-03-19 19:54:39
225
转载 rem自适应布局
使用rem实现自适应布局，应该算是当前移动前端的一大趋势，有些人对此还有点迷惑，搞不懂rem是如何实现自适应布局，如何根据设计稿来调整rem的值？rem布局如何用雪碧背景图片？rem一定要加载JS吗？rem的根htmlfont-size设置为多少合适？看看这篇文章，也许能帮到你。这些问题整理来自之前发表过的文章，细心的读者也可以自己翻翻之前的内容找到答案，本文统一给个回复，如果对你有用，还请...
2019-04-28 14:51:01
381
转载 Angular导入导出Excel控件简介
1、SheetJS/js-xlsx官网：https://sheetjs.com/GitHub:https://github.com/sheetjs/js-xlsxSheetJS简化了电子表格阅读，编辑和导出电子表格适用于Web浏览器和服务器支持每种Excel文件格式---------------------作者：dq012来源：CSDN...
2019-03-20 15:12:30
636
转载 ng 父子之间数据通信
一、@ViewChild父组件中使用@ViewChild拿到子组件的变量和方法（父组件可调用子组件的方法和变量）parent.component.ts:import { Component, OnInit, ViewChild } from '@angular/core';import { ChildComponent } from './child.component';...
2019-03-19 17:21:39
216
转载 angular2-6 打印组件 - essence-ng2-print插件
https://www.jianshu.com/p/bac7f86e7b80https://blog.csdn.net/qq_34790644/article/details/87603253html导出pdf：https://blog.stahlmandesign.com/export-html-to-pdf-how-hard-can-it-be/
2019-03-14 15:00:46
2452
原创 angular4 date管道符 展示参数
{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}}{{ dateTime | date:'medium' }}{{ dateTime | date:'short' }}{{ dateTime | date:'fullDate' }}{{ dateTime | date:'longDate' }}{{ dateTime | date:'mediu...
2019-02-15 19:36:00
990
2
原创 ionic3 + echarts4 项目搭建
1：在ECharts官网：http://echarts.baidu.com/index.html下载或在线定制下载官方提供的js文件2:在ionic3项目的index.html文件中引入echarts文件3:在需要的页面ts里加入以下代码。import { Component, ViewChild, ElementRef } from '@angular/core';import {...
2019-02-13 19:07:34
729
转载 angular5 路由生命周期
Angular 5.0 来了! 有这些大变化https://blog.csdn.net/li420520/article/details/84500092路由器生成周期事件我们给路由器添加了新的生命周期事件，让开发者可以跟踪running guard启动到激活完成的各个阶段。这些事件可在有子组件更新时，在一个特定的路由器出口上展示加载动画，或者测量性能。新的事件（按顺序）是Guar...
2019-01-29 18:42:02
983
转载 css3修改滚动条样式
前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这2个滚动条demo： demo1（图片版）、demo2（纯CSS3版）滚动条组成::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚...
2019-01-08 11:59:33
339
转载 ng 富文本编辑框
http://www.ionic.wang/article-index-id-103.htmlhttps://www.cnblogs.com/scott-j/p/9016027.html github地址：https://github.com/KillerCodeMonkey/ngx-quill
2018-12-23 21:20:06
507
转载 ng组件冲突 样式修改： :host ::ng-deep
在使用一些第三方的组件的时候，要修改组件的样式。这种情况下使用::host ::ng-deep .className{ 新的样式......}这样的方式就可以方便的修改样式了。比如领导嫌nz-timeline组件垂直距离太大，希望整个界面紧凑一点。我们就可以在使用了该组件的的组件中引入这样的CSS代码：//修改ant-timeline-item之间的间距:hos...
2018-12-23 11:47:14
6879
转载 angular calendar 日历控件
https://mattlewis92.github.io/angular-calendar/#/kitchen-sink
2018-12-17 10:12:04
4415
转载 angular6.1项目文件解释
1.根目录1.1三大目录e2e目录：是端到端（end-to-end)测试；mode_modules目录：是angular6.1项目所依赖的第三方模块库文件；src目录：这时放置了我们项目的所有文件。1.2其他文件：.editorconfig： 给你的编辑器看的一个简单配置文件.gitignore： git 排除文件angular.json： angular cli 的配...
2018-12-10 16:17:02
442
1
原创 js 合并对象 重复则覆盖
//合并对象public extend(obj1: object, obj2: object) {for (var obj in obj2) {obj1[obj] = obj2[obj];}return obj1;}
2018-12-07 18:20:53
8086
转载 js获取当前 年月日-时分秒
function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month ...
2018-11-01 17:23:02
665
转载 svn文件图标不显示-解决方案
win+r呼出运行窗口，在 运行里 输入 regedit 进打开注册表，HKEY_LOCAL_MACHINE->SOFTWARE->Microsoft->Windows->CurrentVersion->Explorer->ShellIconOverlayIdentifiers 打开后发现Tortoise 系列（1TortoiseNormal，2Tortois...
2018-10-30 18:17:58
7816
2
转载 Rem自适应js之精简版flexible.js
//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWidth) { var doc = document, win ...
2018-10-29 18:00:25
585
转载 JavaScript实现页面到滚动到指定位置执行某些操作
使用JavaScript实现页面滑动到指定位置加载动画。若页面滚动到class名为group-pic的元素的位置时开始加载使用JavaScript实现页面滑动到指定位置加载动画。若页面滚动到class名为group-pic的元素的位置时开始加载$(document).ready(function(){ var a,b,c; a = $(window).height(...
2018-10-29 15:09:05
2715
原创 videogular2 在ionic项目里报错(rxjs_1.fromEvent is not a function)
这种是videogular2 跟ionic版本兼容问题换个videogular2版本试试把原来版本去掉 自己手动安装 npm install videogular2@6.1.0 --save亲测有效!
2018-10-26 17:51:43
818
原创 仿今日头条 选中tab位置始终居中
HTML:<ul class="catelist"><li (click)="changetab(0)">推荐</li><li (click)="changetab(1)">推荐2</li><li (click)="changetab(2)"
2018-08-24 14:47:19
3164
转载 纯原生JS的瀑布流插件Macy.js
官网地址： http://macyjs.com/github地址：https://github.com/bigbitecreative/macy.js
2018-08-22 17:05:03
960
转载 //银行卡号码检测规范
//验证银行卡号规范luhnCheck(bankno) {var lastNum = bankno.substr(bankno.length - 1, 1); //取出最后一位（与luhn进行比较）var first15Num = bankno.substr(0, bankno.length - 1); //前15或18位var newArr = new Array();for...
2018-08-14 11:29:54
627
转载 ionic2/3 图片保存到相册---利用cordova-plugin-photo-library插件
ionic中很多功能都是可以利用插件完成的，而且简捷方便，此次图片保存到相册就是利用cordova-plugin-photo-library完成的。官方文档 ionic： https://ionicframework.com/docs/native/photo-library/ GitHub：https://github.com/...
2018-08-01 17:24:24
3435
原创 使用 html2cavas js插件 将HTML页面生成图片保存至本地(pc端)
一, 导入html2canvas.min.js大家可以去html2canvas官网看看 http://html2canvas.hertzen.com/ 二，把html页面生成base64码//把html生成图片htmltoimg() {let w = $(".contentbox").width();let h = $(".contentbox").height();...
2018-08-01 16:15:02
3713
转载 ionic3 滚动页面时 (ios) safari橡皮筋效果
-webkit-overflow-scrolling:auto | touch | [initial | inherit | unset | revert]; 用ionic3做手机通讯录，拖动右边字母索引控制联系人(scroll-content元素)滚动时， 在ios中ionic页面会跟着一起滚动。原因就是： 1、ios 中ionic内置浏览器为Safari， 2、她实...
2018-07-18 18:50:47
964
原创 es6 去重加排序
let arr = [5,9,1,5,1,80,2,5];arr = Array.from(new Set(arr));arr.sort((a,b)=>{return a-b;});
2018-06-26 09:48:52
1208
转载 ionic3/ionic2 配置 用ios/android样式
官方链接 http://ionicframework.com/docs/api/config/Config/ 在config里有详细介绍比如全局都用ios样式在 app.module.ts — imports 里加上：IonicModule.forRoot(MyApp,{ iconMode:'ios',// 在整个应用程序中为所有图标使用的模式。可用选项："ios"，"md" ...
2018-06-25 16:51:15
594
转载 关于nodejs的npm命令无反应的解决方案
最近在弄cordova，又要折腾nodejs了。今天安装cordova模块的时候，看到nodejs的默认模块安装路径在c盘于是想修改下，按命令 npm config set prefix 。结果就遇坑了，之后我的npm命令完全无反应，不是加载的那种状态而是下标不停地在哪里闪...之后找解决方案，说要删除npmrc文件。强调：不是nodejs安装目录npm模块下的那个npmrc文件而是在C:\Use...
2018-05-31 16:35:25
1153
转载 Javascript控制html5 Audio标签
Javascript控制html5 Audio标签9 Replies在上一篇文章：Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了。这里写篇文章记录一下：如何使用js控制html5的audio标签。javascript动态创建audio标签在页面中添加audio元素的方法主要是两种，一种是在html中加入audio代码，可以加入一些属性（auto...
2018-05-25 10:12:43
6800
转载 ionic3 解决img标签无法在手机上正常显示问题
问题阐述：本人使用img标签为页面引入一个图片，在浏览器能够正常显示，但是打包安装到手机端时确无论如何都显示不了。解决方案：一般这种情况有很多可能性，比如说：引用路径不对图片没有加载图片损坏……下面是我程序中的代码：乍一看并没有什么毛病，在src/pages/home目录下的home.html文件中若想引用src/assets/imgs下的logo.png文件相对路径就是”./../assets/...
2018-05-11 10:55:35
1839
转载 验证正则表达式集
let reg = /^[1][3,4,5,7,8][0-9]{9}$/; //手机号验证if(!reg.test("123")){ alert("手机号输入不规范!"); return;} 验证11位手机号:^[1][3,4,5,7,8][0-9]{9}$验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字...
2018-04-26 10:49:44
308
原创 gulp与webpack的区别
gulp与webpack的区别常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。gulpgulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建
2018-03-27 17:33:13
980
转载 前端构建工具gulp的使用介绍及技巧
前端构建工具gulpjs的使用介绍及技巧gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一...
2018-03-27 17:16:04
199
原创 angular2、4中数据模型改变 页面不刷新解决方案
类似于angular1里的$scope.$apply();方法 //页面引入所需模块 import { ChangeDetectorRef } from '@angular/core';//注入服务constructor(public changeDetectorRef:ChangeDetectorRef ) {}//在更改数据后不刷新的地方添加这两句话this.changeDetectorRe...
2018-03-27 15:21:06
11573
1
转载 angular4、ionic3 "组件" 生命周期
组件生命周期//这个顺序是按照执行的先后排列的constructor：构造器函数，一般用于注入服务ngOnChanges：检测到输入数据变化，首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到ngOnInit：组件初始化，通常会设置一些初始值ngDoCheck：手动触发更新检查 ngAfterContentInit：内容初始化到组件之后ngAfterContentChe...
2018-03-23 09:56:54
2506
2
转载 ionic2 /ionic3 使用md5加密算法,base64编码/解码
原本转自 http://www.story2wine.com/view/521.下载安装ts-md5 ,进入到项目文件夹下，执行下面的命令npm install ts-md5 --save2.在使用的模块中导入md5模块import {Md5} from "ts-md5/dist/md5";3.使用md5constructor() {
2018-03-19 15:26:22
1404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人