阿龙的博客

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })二、另一个滚动方案您可以使用scrollTop代替scrollIntoView()：var target = document.getElementById("target");target.parentNode.scrollTop = target.offsetTop;如果要滚动的滚动元素不止一个，则需要根据中间元素..

打印的对象最好是个表格，就算不是表格也放到表格里去元素添加此css属性不被分割成两页page-break-inside:avoid;把元素放到此部分每个打印页面顶部都会有这个元素<thead></thead>把元素放到此部分每个打印页面底部都会有这个元素<thead></thead>...

Javascript控制html5 Audio标签9 Replies在上一篇文章：Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了。这里写篇文章记录一下：如何使用js控制html5的audio标签。javascript动态创建audio标签在页面中添加audio元素的方法主要是两种，一种是在html中加入audio代码，可以加入一些属性（auto...

http://jsbeautifier.org/

官方链接  http://ionicframework.com/docs/api/config/Config/   在config里有详细介绍比如全局都用ios样式在 app.module.ts — imports 里加上：IonicModule.forRoot(MyApp,{      iconMode:'ios',//  在整个应用程序中为所有图标使用的模式。可用选项："ios"，"md"  ...

let arr = [5,9,1,5,1,80,2,5];arr = Array.from(new Set(arr));arr.sort((a,b)=&gt;{return a-b;});

//编码decodeURI(编码前字符);//解码decodeURIComponent(编码后字符);

一, 导入html2canvas.min.js大家可以去html2canvas官网看看  http://html2canvas.hertzen.com/ 二，把html页面生成base64码//把html生成图片htmltoimg() {let w = $(".contentbox").width();let h = $(".contentbox").height();...

ionic中很多功能都是可以利用插件完成的，而且简捷方便，此次图片保存到相册就是利用cordova-plugin-photo-library完成的。官方文档         ionic： https://ionicframework.com/docs/native/photo-library/                       GitHub：https://github.com/...

//验证银行卡号规范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...

官网地址： http://macyjs.com/github地址：https://github.com/bigbitecreative/macy.js

HTML:&lt;ul class="catelist"&gt;&lt;li  (click)="changetab(0)"&gt;推荐&lt;/li&gt;&lt;li  (click)="changetab(1)"&gt;推荐2&lt;/li&gt;&lt;li  (click)="changetab(2)&quot

使用JavaScript实现页面滑动到指定位置加载动画。若页面滚动到class名为group-pic的元素的位置时开始加载使用JavaScript实现页面滑动到指定位置加载动画。若页面滚动到class名为group-pic的元素的位置时开始加载$(document).ready(function(){    var a,b,c;    a = $(window).height(...

//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWidth) { var doc = document, win ...

function getNowFormatDate() {    var date = new Date();    var seperator1 = "-";    var seperator2 = ":";    var month = date.getMonth() + 1;    var strDate = date.getDate();    if (month ...

//合并对象public extend(obj1: object, obj2: object) {for (var obj in obj2) {obj1[obj] = obj2[obj];}return obj1;}

  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位数字...

gulp与webpack的区别常有人拿gulp与webpack来比较，知道这两个构建工具功能上有重叠的地方，可单用，也可一起用，但本质的区别就没有那么清晰。gulpgulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建

one:for(var o=0;otwo:for(var t=0;tthree:for(var s=0;sif(o==2 && t==2 && s==3){break one;break two;break three;};};};};每个for循环外面命名，需要结束的时候 break 加上 要结束的命名  即可

onclick="isStart()">全屏<buttononclick="start()">开启全屏模式> onclick="close()">关闭全屏模式>script>  var _switch = true;    function isStart(){        if (_switch == true) {            start()

最近做ionic项目，发现自带的返回按钮返回回去不会刷新页面，会显示缓存的页面，我数字改变了也没办法 于是发现有个ionic中ionicView的生命周期onicView的生命周期的事件调用在每个ionicView的controller中使用$scope.$on('$ionicView.enter', function() {});调用。1.$ ionicView.loaded  

//快捷键调用      // type:双组合键事件，可选alt、shift、 ctrl 如不是三个参数之一则为单键事件    // keycode:键盘对应的值    // callback:回调函数    // dom: 给某元素添加事件，默认为document    function callspeedykey(type, keycode, callback, dom)

思路：1.创建一个新的数组存放结果2.创建一个空对象3.for循环时，每次取出一个元素与对象进行对比，如果这个元素不重复，则把它存放到结果数组中，同时把这个元素的内容作为对象的一个属性，并赋值为1，存入到第2步建立的对象中。说明：至于如何对比，就是每次从原数组中取出一个元素，然后到对象中去访问这个属性，如果能访问到值，则说明重复。Array.prototyp

浏览时只显示指定文件类型accept属性列表 1.accept="application/msexcel"2.accept="application/msword"3.accept="application/pdf"4.accept="application/poscript"5.accept="application/rtf"6.accept="application

//html代码//js代码如下$(".keyword").on('keypress',function(e) {                  var keycode = e.keyCode;                  var searchName = $(this).val();                  if(keycode=='13') {  

html:添加图片({{allImgBaseData.length}}/5)       js://上传图片$scope.allImgBaseData = [];//所有图片的base码集合$scope.fileChange = function(fil){var filtext = fil.fil

uib-pagination class="pagination-sm pagination-custom" boundary-links="true" rotate="false" total-items="vm.totalElements"//总共多少条数据 ng-change="vm.load(vm.currentPage-1,vm.pageSize,vm.totalEl

商品SKU选择实现发表回复在客户购买商品的时候，若这个商品存在多种”规格”（SKU），就需要客户手动选择自己想要的哪款。当时并不是每种我们都有库存， 所有就需要提供提供一个筛选功能，当客户选中一个条件的时候，需要设置其他条件中的一些值不可选。 这样就能保证不论客户怎么选择，到最后的选择都是有库存的”规格”（SKU）开始之前先定义几种术语属性集: 一个商品全部属性的集

function length(obj){    var count = 0;    for(var i in obj){        if(obj.hasOwnProperty(i)){            count++;        };    };    return count;   }

转自：http://www.cnblogs.com/Liujunyan/p/4965924.html我们将一个字符串解析成json对象时可以使用两种方法：假设我们有一个json格式的字符串：'{ "student" : [ {"name":"鸣人","age":17}, {"name":"小樱","age":17},

import { Injectable }from '@angular/core';import { Http,Headers, RequestOptions }from '@angular/http';import 'rxjs/add/operator/map';import { ConfigapiProvider }from '../../providers/con

最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScri...

前端构建工具gulpjs的使用介绍及技巧gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一...

加减法:function calculNum(type, num1, num2) {        var sq1, sq2, m;        try {            sq1 = num1.toString().split(".")[1].length;        }        catch (e) {            sq1 = 0;