蒲小若的博客

<template> <el-form> <el-form-item label="日期"> <mark style="position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0);z-index:999;" v-show...

const oneByOne = (sayWords, n) => { let i = 0; Object.keys(sayWords).forEach(key => { sayWords[key].forEach(value => { setTimeout(() => { console.log(val...

const deepFlatten = arr => [].concat( ...arr.map( v => (Array.isArray(v) ? deepFlatten(v) : v) ) ) deepFlatten([1, [1], [3,[4]], 5]) //输出[1,2,3,4,5]

const getIwantLenArr = l => { return Array.from(new Array(l).keys()) } getIwantLenArr(5) // 输出 [0,1,2,3,4]

function replaceMoney(str) { return str.replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') } replaceMoney('1314.11') // 输出 1.314.11

const indexIwant = (arr, val) => arr.reduce((acc, el, i) => (el === val ? [...acc, i] : acc), []);indexIwant([1,2,3,1,2,3], 2) // 输出[1, 4]indexIwant([1,2,3], 4) // 输出[]indexIwant(arr, 想要找索引...

之前已选的与当前选择的对比，保留相同的，去掉后者没有的，添加前者没有的。（代码为前者独有的元素，数组交换顺序即可获得后者独有的） // 数组找不同 const difference = (a, b) => { return a.filter(x => !new Set(b).has(x)) } difference([1,2,5], [3,4,5]) // 输出 [...

// 数组找相同 const common = (a, b) => { return a.filter(x => new Set(b).has(x)) } common([1,2,5], [3,4,5]) // 输出[5]

const randomSelect = arr => arr[Math.floor(Math.random() * arr.length)]; randomSelect([1,2,3]) // 随机输出数组中的某个元素

// 求平均数 const average = (...numArr) => numArr.reduce((acc, val) => acc + val, 0) / numArr.length; // average(...[1,2,3,4,5]) console.log(average(...[1,2,3,4,5])) // 输出为3...

三、打包android apk需要的依赖环境：打包命令：ionic cordova build androidIonic3开发所需的环境：https://pan.baidu.com/s/1sunqo5mo9IJNB9nBUhO5RQ   密码：fqkt 1. nodejs环境（上面有安装的地址）2. Jdk 根据自己的系统安装32/64位的版本jdk安装完成，在cmd中，输入java -versi...

（1）ionic3页面间数据传递Push（）：要将新页面推送到堆栈，可使用push方法。同时也可以通过将数据传递给push   方法的第二个参数，来将数据传递给下一个页面。import {LoginPage } from'./login'; pushPage(){ this.navCtrl.push(LoginPage, { id: 123, name: "Carl" });}[navParams...

昨天看到一个即时通讯的功能，想研究一下，就去看了layui中的layim，当然，这个layim是需要收费的，需要授权的。之前在看到的时候也没注意到这一块，然后就看着layim中的第一个例子拿过来开始用，结果一直报错，最后也是把官网上的第一个layim例子copy过来，一字不差的，但还是报错。。。可是我的代码就是从官网上直接那过来的：一时是有点懵逼了，也是把这个错误在百度上一顿狂搜啊...

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;viewer&lt;/title&gt; &lt;link rel="stylesheet" href="https://developer.api.autodesk.c

这两天做了一个项目，在做好登录之后进行打包放到服务器上，在本地跑的时候一切正常，但是在服务器上跑的时候发现登录页面的背景图没有了，是一片空白，为此找到了一下解决方案在build 下的 utils.js中找到：if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, ...

最近项目中有一个需求，要打开某编辑界面的时候，默认打开pdf已设置过得页码，百度的时候有几个答案是直接改viewer.js的源码来实现这个需求，也有的是通过canvas来实现的，但今天我发现了一个最简单的方法来实现：就是直接在地址后面加上#page=指定的页码 就可以了&lt;iframe ref="iframe" v-if="pdfSrc != ''" :src="'/static/pd...

window.frames['iframe的name'].document.getElementById('pageNumber').value js中拿到当前页码window.frames['iframeRef'].document.getElementById('pageNumber').value html：&lt;iframe v-if="viewportMark....

首先要先安装oss插件npm install ali-oss然后倒入oss插件，可以全局也可局部，我用的是局部import OSS from 'ali-oss'uploadOssFile (data) { var urlStr = this.upLoadAvatarOss(data)},async upLoadAvatarOss (e) {const _this ...

首先要先安装oss插件npm install ali-oss然后倒入oss插件，可以全局也可局部，我用的是局部import OSS from 'ali-oss'在用oss直传大文件的时候会出现浏览器崩溃的情况，针对这种情况，可使用分片上传分片上传时，可能会出现以下情况若出现上述情况，需要在oss中要在跨域设置里面的暴露 Headers增加一条ETag，然后就可以正常上...

五、Ionic3的生命周期钩子Ionic3框架提供了8个钩子函数，它们分别会在页面生命周期的各个阶段被触发。（1）ionViewDidLoad页面加载完成触发，这里的“加载完成”指的是页面所需的资源已经加载完成，但还没进入这个页面的状态（用户看到的还是上一个页面）。需要注意的这个钩子全程只会调用一次，即第一次进入页面时被调用，此后你无论怎样进进出出它都不会再被调用了。因此这个钩子适合你做一些一次性...

四、ionic3目录文件结构 node_modules ：node 各类依赖包resources ：android/ios 资源（更换图标和启动动画）src：开发工作目录，页面、样式、脚本和图片都放在这个目录下www：静态文件Platforms:生成 android 或者 ios 安装包路径（ platforms\android\build\outputs\apk：   apk所在位置）执行 c...

这个聊天室写的特别简易，比较适合刚开始学习js的同学借鉴，当然，写的不好，也希望诸位大神可以进行批评改正聊天室要求1.不能发空消息2.敏感字***显示 3.图片替换 开心，尴尬4.显示聊天内容和时间5.每发一条信息，随机显示名称，先把一些名称定义到array里面 *{ box-sizing: border-box

前两天，看微信上关于前端的推送的时候，发现了一道一眼看起来特别简单的面试题，题是这样说的：两个div排列在一行上，其中第一个div给一个定宽，第二个div充满剩余的宽度。看到这个题的时候，我首先想到的是弹性盒子，由于它是css3里的属性，可能低版本的浏览器会不兼容，那还有其他的方法吗，我想了有一段时间，可是没想到，之后的两天，这个面试题一直都是我耿耿于怀的东西，趁着今天有时间，我就上网看了

.box{ width: 192px; height: 50px; margin: 0 auto; margin-top: 100px; border: 1px solid red; } #left,#center,#right{ float: left; width: 50px; height: 50px; li

var arr = [10,5,11,7,8,9]; var m; var tempMax = 0;// alert(tempMax); maxNum(arr); maxNum([5,10,7,6,4,3]); function maxNum(array){ var max = Math.max.apply(null,array); var min = M

var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";// var arr = str.split(""); //将字符串转换成数组// alert(arr);// var rand = Math.floor(Math.random() * arr.length);// alert

stop var flag = true; var str = "张三,李四,王五,马六"; var arr = str.split(","); var interId = setInterval("randName()",100); function randName(){ var rand = Math.floor(Math.random() * arr

// check(arr); var func = function(){var a = 2}; check(func); check("xiewenting"); check([1,2,3]); function check(array){ var type = typeof array; /*if(type == "object"){ alert

#box{ width: 50px; height: 50px; position: absolute; background: palevioletred; } stop var speed = 10; var flag = true; var interId; function moveLeft(){

*{ padding: 0; margin: 0; } .box{ width: 600px; height: 600px; margin: 0 auto; } ul{ clear: both; list-style: none; } .tab-title{ position: relative;

.toTop{ display: none; position: fixed; width: 80px; height: 60px; line-height: 60px; text-align: center; right: 50px; bottom: 100px; border: 1px solid #000000;

一、前言：要想创建一个ionic3的项目的环境配置：（1）安装nodejs：官网：https://nodejs.org/en/（2）npm或cnpm 由于npm的服务器在国外，所以安装依赖的时候速度可能会很慢，这时候可以用cnpm来代替（安装淘宝镜像命令：npm install -g cnpm --registry=https://registry.npm.taobao.org ） 二、创建一个i...

温馨提示：使用之前要下载vue.js和mui.css .compeleted{ text-decoration: line-through; color: gray; } toDoList {{item.name}}

原生js实现一次滚动一屏 html,body{ height: 100%; } body{ margin: 0; } div{ height: 100%; } 这是第1屏

*{ padding: 0; margin: 0; } .box{ overflow: hidden; border: 1px solid #000; width: 200px; height: 350px; margin: 50px; } ul{ list-style: none; width: 35

Title + - * / = // var show = document.getElementById("show"); angular.module("myApp",[]) .controll

要想使用angularjs   首先要下载angularjs的库  下载地址：https://angularjs.org/新手可参考angularjs菜鸟教程 Title 书籍价格表

本例子实现的是鼠标从那个方向进去，遮罩层就从哪个方向

html+css部分 打砖块 *{ padding: 0; margin: 0; } .content{ position: relative; width: 800px; height: 600px; background-color: #999; margin: 0 a

不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align所有元素可继承：v