自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 点击按钮复制文本

<span class="copyMa" @click="copy()">点击复制</span> copy(){ let random = this.$refs.randomCodeRef.inne...

2020-02-20 16:19:34

阅读数 9

评论数 0

原创 JS 节流与防抖

一、区别 节流强调的是n秒内函数最多触发一次,注意这里的用词最多,也就是可能不触发,一般第一次和最后一次可能不会触发; 防抖强调的是函数两次调用的间隔必须大于n秒,如果函数触发的频率一直小于n秒,那么只有最后一次才会触发函数执行 二、场景节流:当给document加scroll事件时,假定...

2020-01-14 08:47:34

阅读数 27

评论数 0

原创 node - cheerio模块

cheerio 是nodejs特别为服务端定制的,能够快速灵活的对JQuery核心进行实现,工作于DOM模型上,并且解析、操作、呈送都很高效 //示例 var html = '<ul id="fruits">' + ' ...

2020-01-06 09:14:39

阅读数 19

评论数 1

原创 90%的前端都会踩的坑

移动开发时代,前端同学刚刚送别了让人头秃的IE浏览器,却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛,始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑,都习惯性地记录了下来。昨日一瞥竟积少成多,...

2020-01-06 09:14:22

阅读数 23

评论数 0

原创 如何在本地运行npm run build 打包之后的代码

使用基于 Node.js 平台,快速、开放、极简的 Web 开发框架Express 1、按照express创建出基本的结构 mkdir myapp cd myapp npm init package.json会被创建出来 2、安装express npm install express...

2019-12-23 14:11:56

阅读数 16

评论数 0

原创 字蛛的用法以及遇到的问题

字蛛是一个中文字体压缩器,可以压缩字体文件,从而解决加载缓慢的问题。字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。 字蛛官网网址为:http://font-spider.org/ 接下来说...

2019-12-20 15:02:03

阅读数 26

评论数 0

原创 vue+webpack项目动态设置页面title的方法

一、首先看一下webpack中如何设置页面的title 1、webapck主要是利用HtmlWebpackPlugin 替换 html页面 的 title,在vue项目中,安装HtmlWebpackPlugin插件 npm install html-webpack-plugin --save...

2019-12-20 15:00:16

阅读数 38

评论数 0

原创 js获取时间相关的处理方法

1、补零公共方法 function add0 (m) { return m < 10 ? '0' + m : m } 2、获取当前年月日 传入当前时间戳 /** * 获取当前年月日 传入当前时间戳 * @param shijianchuo 时间戳 ...

2019-12-18 19:35:17

阅读数 8

评论数 0

原创 css上下浮动动画效果

比如有一个非gif的导向箭头,需要微微浮动提示用户具体操作导向,用css去写,实现方法如下: 1、首先创建一个dom元素,controller是包裹导向箭头的容器,img是导向箭头图片 <div class="controller"> <img...

2019-12-17 14:53:47

阅读数 34

评论数 0

原创 vue项目引入swiper上下切换

一、安装swiper:npm install swiper 二、在入口文件main.js引入swiper样式:import "swiper/dist/css/swiper.css" 或者import "swiper/css/swiper.css" 注意:...

2019-12-17 14:32:35

阅读数 20

评论数 0

转载 小程序第三方框架对比 ( wepy / mpvue / taro )

众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。但面对目前市...

2019-12-11 10:29:31

阅读数 9

评论数 0

原创 yapi的使用方法

可以去网易云课堂看一下yapi相关课程 可以去网易云课堂看一下yapi相关课程 可以去网易云课堂看一下yapi相关课程 1.登录网站,登录或注册:http://yapi.demo.qunar.com/(这yapi自己的服务,如果要用自己服务器的服务,需要自己搭建一套yapi工程,网易云课...

2019-12-10 17:47:42

阅读数 22985

评论数 19

原创 YApi高级Mock及自动化测试与断言

网易云课堂 有yapi的教程,讲解了yapi的自动化测试以及断言的具体实现,使用json-schemamock数据,高级mock添加期望(正则等用法等)及mockjsonp接口响应的方法脚本案例,可以看看 ...

2019-12-10 17:44:58

阅读数 90

评论数 0

原创 自定义事件的触发 dispatchEvent 的用法

window.addEventListener && window.dispatchEvent 一、标准浏览器提供了可供元素触发的方法:element.dispatchEvent(),在使用之前,需要创建和初始化,下面是具体的用法: vue中举例: 1.通过 var even...

2019-12-04 11:24:53

阅读数 22

评论数 0

原创 video设置播放时间点及常用属性和方法

video标签常用属性介绍,下面以vue中使用video标签来举例: 1、video标签常用属性 下面shareVideoLink为视频连接地址 <!--autoplay=>自动播放 controls=>是否显示控件 loop=>是否循环播放 muted=>是否...

2019-12-03 09:23:20

阅读数 44

评论数 0

原创 yapi工程部署及使用方法

可以去网易云课堂看一下yapi相关课程 想要学习yapi工程部署,对yapi的初学者以及想了解yapi的具体使用方法的同学都可以学习 该课程会从头开始讲解yapi的部署方法,部署一套yapi工程,超级管理员模式下创建分组、创建接口以及达到正常调用接口的程度 网易云课堂搜索:yapi就可以看到...

2019-11-20 14:11:37

阅读数 33

评论数 0

原创 解决mac Cornerston的Authentication provider raised an exception 更新失败问题

使用 Cornerston 的时候可能会出现下面这个问题:更新不了 首先保证你的账号密码和svn的url没有错误,如果确定没有错误的情况下,你可以尝试如下的解决方案: 方案一: 在系统的其他里面找到钥匙串访问,然后在钥匙串访问中找到记录svn账号密码的那个项目 搜索cornerston...

2019-11-19 17:42:16

阅读数 18

评论数 0

原创 TypeScript类型定义-进阶篇

一、类型别名 类型别名用来给一个类型起个新名字。 简单的例子 type Name = string; type NameResolver = () => string; type NameOrResolver = Name | NameResolver; function getNa...

2019-11-15 16:20:24

阅读数 6

评论数 0

原创 TypeScript - 升级篇

一、对象的类型——接口 在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型 1、简单例子 interface Person { name: string; age: number; }; let tom: Person = { nam...

2019-11-15 16:08:48

阅读数 7

评论数 0

原创 TypeScript基础

一、关于 TypeScript TypeScript是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发 二、TypeScript优缺点 TypeScript 增加了代码的可读性和可维护性 · 类型系统实际上是最好的文档,大部...

2019-11-07 16:19:35

阅读数 15

评论数 0

原创 Error:webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChu

如果使用中文webpack文档做代码分离,会有报错,报错详情是: Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead. ...

2019-10-29 16:38:33

阅读数 35

评论数 0

原创 前端开发网站推荐

关于前端开发的网站,希望对大家能够有所帮助! 1.electron文档: https://electronjs.org/docs https://wizardforcel.gitbooks.io/electron-doc/content/index.html 2.electron-vue开...

2019-10-22 15:33:21

阅读数 347

评论数 0

原创 vue中nextTick()的理解及使用

一、$nextTick的定义及理解: 定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;...

2019-10-17 15:03:50

阅读数 20

评论数 0

原创 echarts 在 formatter 中添加点击事件

在echarts的formatter中添加点击事件的具体实现方法 formatter代码如下: 如果是vue项目,Test事件直接可以写在methods中, 注意:使用字符串拼接,如果使用模板字符串会出现很多问题 交流 可添加qq群共同进阶学习: 进军全栈工程师疑难解群号: 856...

2019-10-17 11:29:16

阅读数 31

评论数 0

原创 js获取两个数组及数组对象中相同和不相同的值

1、获取两个数组中相同的元素 var arr1 = [0,1,2,3,4,5]; var arr2 = [0,4,6,1,3,9]; function getArrEqual(arr1, arr2) { let newArr = []; for (let i =...

2019-10-16 17:03:26

阅读数 21

评论数 0

原创 electron 编译 sqlite3指南

一、准备 sqlite很好用,使用electron开发桌面程序,sqlite编译最容易出错 编译sqlite需要提前准备的东西,以及下载的地址: python2.7 下载地址:https://www.python.org/downloads/ 安装完配置环境变量 ,环境变量配置可自行配置...

2019-10-16 15:19:13

阅读数 71

评论数 0

原创 bat 批处理文件 结束node进程 杀死指定端口

方法一: 新建 killAllNode.bat文件,写入以下代码,双击运行bat文件,即可结束node进程 echo off echo killAll node server? pause kill node.exe tasklist taskkill /im node.exe -f pau...

2019-09-19 08:51:28

阅读数 22

评论数 0

原创 vue中mixins的使用方法和注意点

mixins基础概况 混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 具体应该怎么用?举个栗子: 一、定义公共的mixins文件:如mixin.vue &...

2019-08-07 14:56:19

阅读数 509

评论数 0

原创 div标签的全屏和退出全屏

1、dom元素添加事件 <div id="contain"></div> JavaScript: <button οnclick="showFullScreen()">dom全屏</button> &...

2019-08-06 17:11:54

阅读数 72

评论数 0

原创 electron监测Windows任务栏点击

基于electron开发的桌面程序,如何实现点击任务栏图标显示客户端,再此点击隐藏,如何实现呢 new BrowserWindow({ minimizable: true, //可否最小化 maximizable: true, //可否最大化 }) 不要想太多,只需要设置 ...

2019-07-24 17:23:18

阅读数 99

评论数 0

原创 IP地址验证 (绝对正确)

调用该方法,返回为true,则ip有效,否则无效ip //检测ip地址 checkIp = function (value) { let values = value.replace(/\s+/g, ""); var pattern = /^(1\d{2}|...

2019-07-16 11:02:16

阅读数 201

评论数 0

原创 Electron 渲染进程与渲染进程之间的实时通信 (实时触发及接收消息)

1、首先在渲染进程A里面获取到所有的窗口id信息,然后给所有的窗口发送事件 remote.webContents.getAllWebContents().forEach((item,index)=>{ if(remote.BrowserWindow.fromId(item.id)...

2019-07-16 10:06:49

阅读数 88

评论数 0

原创 git 合并分支到 master上

1、假如我们现在在dev分支上,刚开发完项目,执行以下命令提交代码到dev分支 git status git add . git commit -m 'dev' git pull git push -u origin dev 2、然后我们要把dev分支的代码合并到mast...

2019-06-25 08:24:42

阅读数 87

评论数 0

原创 Electron 渲染进程之间互相通信 创建窗口时触发

总结一下渲染进程和渲染进程之间的通信方法: 方案一 使用全局共享属性(常用) // 主进程中在global上自定义对象 global.saveDefault= { token: 'default value', name: 'default value&...

2019-06-14 09:41:21

阅读数 384

评论数 0

原创 Electron 中 webview 如何与主进程渲染进程进行事件监听通信 非常实用

webview 调用 加载页 方法通过<webview>.executeJavaScript(code[, userGesture, callback])或者webview.send()发送,而在访客页使用ipcRenderer.on()监听 下面分为四个方面: 第一:web页面向...

2019-06-14 08:55:34

阅读数 287

评论数 0

原创 javascript 中文解码

路径中包含中文,接收到之后会出现乱码,如何解决呢? var str = 'http://test.xxx.com/oss-download/583a02dead3e04a62586b82d493ecbac/黑盒测试用例设计方法.doc'; console.log(en...

2019-06-13 20:10:40

阅读数 15

评论数 0

原创 Vue导出页面为PDF格式

1 、我们要添加两个模块 第一个.将页面html转换成图片 npm install --save html2canvas 第二个.将图片生成pdf npm install jspdf --save 2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('s...

2019-06-06 08:39:09

阅读数 291

评论数 0

原创 vue 中使用防抖和节流,防止重复点击或重复上拉加载

/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */ export const Debounce = (fn, t) => { let delay...

2019-06-04 23:33:47

阅读数 753

评论数 0

原创 nodejs进程保活forever

1、客户端启动Node.js应用: node app.js# 方法一 npm run start# 方法二 Express框架 这样可以正常启动应用,但是如果断开客户端连接,应用也就随之停止了。也就是说这样的启动方式没有给应用一个守护线程。 Forever可以解决这个问题!Forever可...

2018-06-07 16:45:09

阅读数 242

评论数 0

原创 正向代理和方向代理的区别

代理,字面意义上来说,他就是相当于一个中间人这么个概念。 正向代理: 把整个流程比如成去饭店吃饭,我们也就是用户(客户端)去饭店吃饭(发送一个请求),你知道你要吃的是鱼香肉丝(请求),可是你不能自己做,那么就需要让大厨(服务端)给你做,可是去了饭店,大厨是在后台的,你也不能直接去告诉大厨,因为...

2018-06-07 16:38:25

阅读数 73

评论数 0

提示
确定要删除当前文章?
取消 删除