![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
浪里白条那片海
这个人很懒
展开
-
前端解析apk安装包详细信息—app-info-parser
安装:npm i app-info-parser // 使用包管理工具安装使用:// 获取apk的基础信息const AppInfoParser = require('app-info-parser')const parser = new AppInfoParser(file) // file 上传的apk文件parser.parse().then(result => { console.log('app info ----> ', result) // resu原创 2022-02-11 11:52:58 · 1470 阅读 · 0 评论 -
键盘事件 vue
html部分:<div> <el-input v-model="search_name" placeholder="请输入患者姓名" @keyup.enter.native="markStatisticFun(search_name)"> </el-input></div>js部分:markStatisticFun(search_name) { .....}@keydown(键.原创 2020-11-19 17:40:47 · 363 阅读 · 0 评论 -
element el-image放多张图片 显示大图
html部分:<el-image v-for="(ele,index) in detailsData.fileIds" :key="index" style="width: 100px; height: 100px" :src="ele.fileDataUrl" :preview-src-list="getPreviewImgList(index)"> </el-image>detailsData.fileIds :// 后台返回的 u原创 2020-11-17 15:52:49 · 5898 阅读 · 0 评论 -
记录element Select 下拉选择器结合Tree 树形控件实现(选中自动收起)
粗略记录一下自己做过的总结 此文章代码为项目中组件template部分<template> <el-select ref="selectTree1" :value="value" v-model="valueTitle" :clearable="clearable" @clear="clearHandle"> <el-option...原创 2020-04-30 15:48:28 · 3675 阅读 · 0 评论 -
webstorm增加内存配置参数
找到WebStorm.exe.vmoptions这个文件,路径如下webstorm安装主目录>bin>WebStorm.exe.vmoptions更改为第二行:-Xms526m第三行:-Xmx1024m(ps:这里-Xms最大值不能超过1024,否则webstorm将无法打开)webstorm加载项目卡死在scanning files to index...原创 2020-03-27 20:07:13 · 2985 阅读 · 0 评论 -
HTTP状态码:400\500 错误代码(个人总结)
一些常见的状态码为:200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务不可用详细分解:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。2xx ...转载 2020-02-23 15:35:48 · 1975 阅读 · 0 评论 -
js更换自定义鼠标指针图片
$("#osd").css("cursor","url(/pmt/sassafras10.ico) 64 64 ,pointer");url地址一定要写对,使用绝对路径。我这里是cli3.0引入静态资源的写法64 64 这两个数字 是光标的位置,你尝试一下就会明白pointer 是给光标一个默认值,当找不到前面设置的文件或者错误时,会使用默认值...原创 2019-12-18 09:26:57 · 3293 阅读 · 0 评论 -
前端实现下载pdf
async downloadFun() { // 下载使用说明书 const InstructionManualvv = await InstructionManual(); let blob = new Blob([InstructionManualvv.data], {type: 'application/pdf;charse...原创 2019-12-04 19:12:45 · 2724 阅读 · 2 评论 -
vue禁用浏览器返回功能
// 引入jqmounted() { // 看好周期 disableBrowserBack(); history.pushState(null, null, document.URL); if (window.history && window.history.pushState) { $(window).on('popstate', f...原创 2019-12-04 17:04:28 · 2589 阅读 · 0 评论 -
【VUE/JS】vue和js禁止浏览器页面后退
1、vue 禁止浏览器后退需求是:需要某个路由不能通过浏览器返回,同时不影响相互之间的切换整理一下解决方法 和 使用方法:1.在路由配置中给这个路由添加meta信息,比如:{ path: '/home', component: xxx, meta: {allowBack: false} }2.在全局的router.beforeEach 函数里面获取allowBack的状态,同时更新...转载 2019-12-03 15:45:39 · 2149 阅读 · 0 评论 -
vue element 的el-checkbox-group默认全部选中
<!--标注选择标签弹层组件--><template> <div class="message-box dialog-mask"> <div class="dialog-content"> <el-checkbox :indeterminate="isIndeterminate" v-mod...原创 2019-11-19 14:10:49 · 14785 阅读 · 1 评论 -
兄弟组件传参 vue
写一个公共的中间人dridge. js:import Vue from 'vue'export default new Vue()哥哥为发送方 header.vue:<script> import eventVue from './../api/bridge' export default { data() { ...原创 2019-10-22 09:34:42 · 222 阅读 · 0 评论 -
截取url中的参数
//截取url中的参数function getUrlValue(kValue) { var url = window.location.href; //当前页面的地址 var reg = /([^?&=]+)=([^?&=]+)/g, obj = {}, str = url; url.replace(reg, function () { ...原创 2019-10-18 09:17:10 · 124 阅读 · 0 评论 -
i18n 中英文翻译
执行以下命令安装vue 国际化插件vue-i18nnpm install vue-i18n --save执行以下命令安装js-cookienpm install js-cookie --save在src目录下 新建lang文件夹 在lang文件夹下存放 语言脚本 如下:en.jsexport default { // 导航栏 linkArr: [...原创 2019-10-15 10:59:03 · 568 阅读 · 0 评论 -
“Failed to load resource: net::ERR_FILE_NOT_FOUND“错误 。vue-cli 3.0 创建的项目,dev下能运行,打包后报错,页面空白 。
cli3.0 解决办法:Failed to load resource: net::ERR_FILE_NOT_FOUND打开dist/index.html, 引入是有问题的,在vue-cli 3.0 创建的项目中是找不到webpack的配置文件,因为vue-cli 3.0 将其封装起来了,只需要在项目的根目录下的vue.config.js文件中修改就行了(若项目没有...原创 2019-10-15 10:22:54 · 18277 阅读 · 6 评论 -
vue-cli 3版本没有static文件夹,本地文件应放在哪儿,如何引用
2.x版本目录:3.0版本:原来放在static下的文件,现在应该放在public文件夹下2.x 写法:methods: { fetchData () { let _this = this this.$http.get('/static/data/article.json').then(res => { _this.htmlTe...原创 2019-10-12 09:16:18 · 14054 阅读 · 3 评论 -
用 ES6 写全屏滚动插件
这篇文章将介绍如何使用原生 JS (主要使用 ES6 语法)实现全屏滚动插件,兼容 IE 10+、手机触屏,Mac 触摸板优化,支持自定义页面动画,压缩后 gzip 文件只有 2.15KB。完整源码在这 pure_full_page,点这查看 demo。1)前面的话现在已经有很多全屏滚动插件了,比如著名的 fullPage,那为什么还要自己造轮子呢?现有轮子有以下问题:首先,最大的问题是最流行的几...转载 2018-05-08 14:44:01 · 1400 阅读 · 0 评论 -
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
$(function(){ //遍历获取的input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i < len; i++){ $("input[type='file']").eq(i).click(function(){ $...转载 2018-12-23 18:37:24 · 2601 阅读 · 0 评论 -
extend扩展,extends继承
相信对extend这个关键字大家都不陌生,当然extends在开发中好像碰到的更多些,今天就来和大家说说这两者的区别,不足之处欢迎大家斧(扶)正~~首先,讲讲在前端web开发中我们用到的extend,我们使用频率最高的jquery框架中extend可是工具函数扩展中不可或缺的关键字。extend有两大作用:1.使用$.extend()扩展工具函数。代码展示会更直观,代码如下:...转载 2019-01-04 13:16:55 · 6112 阅读 · 0 评论 -
vue和react的区别之我见
react和vue都是做组件化的,整体的功能都类似,但是他们的设计思路是有很多不同的。使用react和vue,主要是理解他们的设计思路的不同。1.数据是不是可变的react整体是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,所以在react中,是单向数据流,推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程,如果shouldCompo...转载 2019-01-04 13:28:16 · 550 阅读 · 0 评论 -
Vue和React的区别
笔者就直入正题:相信大家都知道什么是vue和react;那么我们从数据双向绑定、组件及数据流、路由、状态管理等方面来分别对比一下怎样去使用Vue和React。数据双向绑定何为数据双向绑定:View层和Model层的数据相互影响。View层的表单操作、触发事件可能会引起数据变动;ajax请求也可能会引起数据变动,某一数据变动引起另外关联数据的改变Vue的数据双向绑定React...转载 2019-01-04 13:29:26 · 193 阅读 · 0 评论 -
Vue.js与React的全面对比
Vue与React的对比Vue.js与React.js从某些反面来说很相似,通过两个框架的学习,有时候对一些用法会有一点思考,为加深学习的思索,特翻阅了两个文档,从以下各方面进行了对比,加深了对这两个框架的认知。1.数据绑定1.1 Vue中有关数据绑定的部分vue是双向绑定, Vue.js 最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。所谓双向绑定,指的是vue实例中的da...转载 2019-01-04 13:30:42 · 1545 阅读 · 1 评论 -
mescroll.js API汇总
//上拉加载插件Mescroll = function(){ var that = this; that.mescrollCallBack;//回调函数,可拆分为上拉加载回调函数、下拉刷新回调函数,此处上拉加载、下拉刷新调用同一个回调函数 that.page = {//列表信息的页码信息,包括每页条数、页码 num: 1,//初始页码,默认列表页初...转载 2018-12-31 19:14:45 · 2284 阅读 · 0 评论 -
android开发"windowlocationhref"重定向不会触发Android webview.shouldOverrideUrlLoading
比较坑猿的一个问题,IOS没问题,安卓却不行,以为webview自己没用对,最终却发现,服务器端是通过window.location.href来重定向的,安卓不会触发shouldOverrideUrlLoading。 项目中要用到原生和JS交互,没有用注册原生方法让JS调用,是通过重定向方式来实现交互的,JS在原地址后面加#后面是方法名,然后监听页面重定向,哪到地址,判断标记,...转载 2018-12-31 21:38:07 · 2385 阅读 · 0 评论 -
截取url中的参数
//截取url中的参数function getUrlValue(kValue) { var url = window.location.href; //当前页面的地址 var reg = /([^?&=]+)=([^?&=]+)/g, obj = {}, str = url; url.replace(reg, function () { ...原创 2018-12-10 15:58:13 · 5108 阅读 · 0 评论 -
判断设备类型
//判断设备类型 var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; // var isIOS = !!u.match(/\...原创 2018-12-10 14:21:52 · 711 阅读 · 0 评论 -
js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/进入demo中,审查元素查看里面引用的js文件,你会发现jquery-qrcode-0.14.0.js,这个版本支持二维码中插入图片。下面是我写的一个列子:引用js:<script type="text/ja...转载 2018-06-23 10:39:44 · 3531 阅读 · 0 评论 -
数组中每个数组元素出现的次数
<script> var obj = [1,4,2,1,3,2,1,4]; var o = {}; for (var index in obj){ if(o.hasOwnProperty(obj[index])){ var obj1 = obj[index]; o[obj1] = o[obj1]+1; }else{ var obj1 = obj[index]; o[...原创 2018-06-05 15:19:09 · 4959 阅读 · 0 评论 -
js保留两位小数方法总结
本篇文章给大家总结了js保留两位小数的各种方法以及每种方法的实例代码分析,如果大家对此有需要,一起来学习下js保留两位小数的方法吧。本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容:一、我们首先从经典的“四舍五入”算法讲起1、四舍五入的情况var num =2.446242342;num = num.toFixed(2); /...转载 2018-06-11 15:19:10 · 8591 阅读 · 0 评论 -
判断网络环境
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script>原创 2018-05-16 20:41:41 · 797 阅读 · 0 评论 -
七种去重 方法
function unique(arr) {//indexOf方法去重1 if (!Array.isArray(arr)) { console.log('type error!'); return } let res = []; for (let i = 0; i < arr.length; i++) { if ...转载 2018-05-08 17:41:27 · 541 阅读 · 0 评论 -
用koa来搭建一个node server
今天就先研究研究如何使用koa来搭建一个node server吧!按照惯例,我去koa官网查了一下什么是koa,结果官网很简单的一句话介绍:koa--基于node.js平台的下一代web开发框架。个人感觉koa官方文档对于前端小白来说,写的不是很友好,建议上手之前先看看阮一峰的koa框架教程和廖雪峰写的关于koa入门文章。然后引入项目第一步,安装koa:npm i koa -S安装完之后,首先在...转载 2018-05-08 15:57:05 · 1230 阅读 · 0 评论 -
Webpack 配置详解(含 4)——从 0 配置一套开发模板
前言源代码熟悉 webpack 与 webpack4 配置。webpack4 相对于 3 的最主要的区别是所谓的零配置,但是为了满足我们的项目需求还是要自己进行配置,不过我们可以使用一些 webpack 的预设值。同时 webpack 也拆成了两部分,webpack 和 webpack-cli,都需要本地安装。我们通过实现一个 vue 的开发模板(vue init webpack 模板,其实跟 v...转载 2018-05-08 10:32:48 · 1575 阅读 · 0 评论 -
【基础】CSS实现多重边框的5种方式
简言目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性,但如果要兼容老的浏览器,则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案,大家可以根据项目实际及兼容性要求等情况,选择最适合的实现方案。1 利用描边(outline)属性方案1利用描边(outline)属性结合border属性实现双重边框。此方案实现简单,兼容性好,能兼容除IE6,7以外的浏览器。1.1 核...转载 2018-05-08 10:21:13 · 781 阅读 · 0 评论 -
JavaScript异步编程:Generator与Async
从Promise开始,JavaScript就在引入新功能,来帮助更简单的方法来处理异步编程,帮助我们远离回调地狱。 Promise是下边要讲的Generator/yield与async/await的基础,希望你已经提前了解了它。在大概ES6的时代,推出了Generator/yield两个关键字,使用Generator可以很方便的帮助我们建立一个处理Promise的解释器。然后,在ES7左右,我们又...转载 2018-05-08 10:03:14 · 212 阅读 · 0 评论 -
VUE-地区选择器(V-Distpicker)组件使用
安装,引用,这些直接从官网拷贝来的,就不多说了。1、安装使用 npm 安装:npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --save2、使用注册组件注册全局组件import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistp...转载 2018-05-07 17:38:48 · 8988 阅读 · 0 评论 -
JavaScript中的execCommand()命令详解及实例展示
execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。处理Html数据时常用如下格式:document.execCommand(sCommand[,交互方式, 动态参数]) ,其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话框),动...转载 2018-05-17 09:46:09 · 10078 阅读 · 0 评论 -
js如何准确获取当前页面url网址信息
js如何准确获取当前页面url网址信息在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = windo...转载 2018-06-19 14:14:38 · 133 阅读 · 0 评论 -
地址跳转
location.assign("http://www.baidu.com");window.location="http://www.baidu.com";location.href="http://www.baidu.com";原创 2018-06-19 14:27:45 · 226 阅读 · 0 评论 -
js去除空格12种方法
JS去除空格的方法目前共有12种:实现1String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');}看起来不怎么样, 动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化。一个著名的例子字符串拼接,直接相加比用Array做成的StringBuf...转载 2018-12-06 19:08:46 · 1103 阅读 · 0 评论