Faith_1427-CSDN博客

原创 js中宏任务和微任务

js中宏任务和微任务js中宏任务和微任务实例js中宏任务和微任务例子：你去便利店买东西，店员结账的顺序为：饮料->零食->生活用品，在你结完了账之后，下一个人才能继续结账。微任务 = 商品宏任务 = 客人宏任务、微任务有哪些宏任务：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。微任务： Promises, Object.observe, MutationObserver。宏任务、微任

2021-05-28 16:25:06 143

原创 js 图片等比例缩放

export modifyImageSize = (path, maxWidth, maxHeight, callback) => { /* * @param path 【图片路径】 * @param maxWidth 【允许缩放的最大宽度】 * @param maxHeight 【允许缩放的最大高度】 * @parsm callback 【回调缩放高度宽度】 */ /* @使用方法 modifyImageSize(path,500,500,(res)=>

2020-11-04 18:24:45 827

原创 Electron-builder NSIS修改默认安装路径

1、新增路径package.json或者vue.config.js下NSIS新增include: './public/installer.nsh'注意，这里的./指的是当前package.json或者vue.config.js，而不是打包之后的2、新增installer.nsh!macro preInit SetRegView 64 WriteRegExpandStr HKLM "${INSTALL_REGISTRY_KEY}" InstallLocation "C:\\wind

2020-09-24 10:15:40 3969 1

原创 websocket 断线重连

export const wsConnection = { websock: null, // socket实例 timeout:50000,// 心跳倒计时 setoutObj:100000,// 心跳发送超出一定时长断开连接 heartObj:{// 心跳固定参数 version:'1.0', driveName:'windows', appName:'amicoPC' }, lockReconnect:fa

2020-09-16 16:16:01 912

原创 electron Mac版截图功能实现

1、mac截图使用的是macos-screencapture进行截图感谢提供好了轮子~macos-screencapture<template> <div class="template-macosScreencapture"> <div>{{url}}</div> <button @click="tap">tap</button> </div></template><script&g

2020-09-16 16:09:24 691

原创 electron + vue-cli4.0+ 环境搭建及打包win、mac

标题一、搭建vue-cli环境1、安装vue-cli// 安装vue-cli脚手架yarn global add @vue/cli//搭建vue-clivue create hello-electron// 进入目录cd hello-electron// 尝试启动vue-cliyarn run serveps：当你看到这个页面已经成功了一半了2、安装electron // 安装electron vue add electron-builder 启动项目 yarn

2020-09-16 15:44:42 747

原创 node-webkit开发IM持续踩坑日志(二)

windows环境下打包windows与Mac包这几天一直在做关于nw.js问题，发现网上很多资料都是时间比较久远，且不适合入门级开发，现根据自己踩坑记录，做了一下总结一、下载Nw.js下载传送门Nw.js目前只试用过windows与Mac版本，直接在这里下载会比较慢，建议直接在上面的淘宝NPM镜像下载，都是一样的二、创建一个简单的NW.JS项目下载之后打开压缩文件新建package.json文件新建之后一路回车就好npm init{ "name": "nwjs-v0.45.6

2020-05-28 15:05:09 396

原创 node-webkit开发IM持续踩坑日志(一)

一、更换图标// package.json{ "main": "app/index.html", "name": "faith", "version": "0.1.0", "window": { "title": "node-webkit demo", "icon": "logo.png", }}// #图片必须是128*128,不然会毫无反应。二、截图功能<!DOCTYPE html><html lang="zh"><head>

2020-05-27 15:23:34 237

原创移动端判断浏览器类型

判断IOS/安卓const u = navigator.userAgent;const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);if (isiOS) { console.log('IOS')}else{ console.log('安卓')}判断是否在Safari浏览器isSafari(){//判断是否为safari...

2020-03-10 16:54:40 3050

原创 vue 使用VueI18n进行国际化

安装npm install vue-i18n引用新建common文件夹common:{ lang:{ zh.js//中文包 en.js//英文包 } index.js}index.jsimport Vue from 'vue';import VueI18n from 'vue-i18n'; Vue.use(VueI18n) // 通过插件的形式挂载 ...

2020-03-10 16:36:34 284

原创 vue 移动端使用CallApp 跳转APP进行授权登录

npm install --save callapp-lib需要跳转的界面import CallApp from "callapp-lib"; let openOptions = { path:'',//跳转APP的链接 param:{//跳转携带的参数 token:token, ...

2020-03-10 16:26:23 1533 1

原创 vue+ts开发踩坑日志【持续更新】

更新时间：2019年11月20日11:39:22import *.vue文件报错scr 目录下面新建 *-vue.d.ts因为ts不支持*.vue 后缀的文件意思是告诉 TypeScript 以 *.vue 为后缀的文件可以交给 vue 模块来处理。引入的时候加上 .vue 后缀about.vue// 这里还有一个坑，就算被当做成组件也要在组件内部声明导出这个额模块expor...

2019-11-20 11:39:42 850

原创 js 封装常用方法【持续更新】

/* @@ 判断字符串是否为空 example: isNull('三毛') return: true为空*/export const isNull = (str)=>{// return str == null || str.length === 0 || str === '';}/* @@ 是否为邮箱地址 example: isEmai...

2019-11-13 16:10:02 232

原创简单理解浅拷贝和深拷贝

对于深拷贝和浅拷贝的一些理解浅拷贝深拷贝## 浅拷贝只是两个对象同时指向了一块内存## 深拷贝则是分开了两个内存，两个内存的值改变互不影响浅拷贝//A申明了一个引用类型，存储在堆内存let A = {name:'AAA'};// ## 这个时候只是把B也指向了A的堆内存let B = A;//So，B改变的时候，其实改变的是A和B共存的一块堆内存B.name = 'BBB';...

2019-11-13 16:06:09 230

原创 vue 在IE9 下兼容性问题

最近我们的项目选择用vue来做开发，在这个过程我们还要兼容ie9这个坑，在这里我写一点我碰到的坑开发选用：vue+vue-cli+axios+router+iview+mock首先我们按照步骤来安装vue-cli创建项目运行npm installnpm run dev12然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的这里写图片描述官网地址：https://...

2019-05-24 14:36:09 2413 1

原创 vue-cli【2.9.6】版本，使用prerender-spa-plugin预渲染

**vue-cli【2.9.6】版本，使用prerender-spa-plugin预渲染**最近产品提到了一个问题，就是vue渲染页面的时候没有其他的dom节点显示。不利于百度爬虫抓取数据，于是在百度上面搜一了一下，最终确定了两种解决方法，一种是服务器端渲染，一种是前端预渲染。在这里我要采用的就是前端预渲染方式一、安装 cnpm install prerender-spa-plugin ...

2019-05-10 17:31:47 909

原创 Vue使用反向代理解决跨域问题

@ 解决VUE跨域问题1、首先得先了解什么叫跨域类似这种就是跨域问题，一般来说是因为本地接口与服务器接口不一致导致本地：127.0.0.1:8080服务器：192.168.0.1:8081类似这种，请求后台服务器的时候就会发生跨域问题**PS：Vue会发送两次请求，第一次请求为：options，主要就是因为先发送一次options请求，试探服务器存不存在跨域问题。而后在发送一次po...

2019-04-24 10:19:03 734

m0_38102288的博客