自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 js 用split()方法按根据“\”(反斜杠)分割字符串

由于反斜杠是特殊字符百,所以是不能直接放到字符串中的,会被js转义 使用split('\\')即可

2020-05-25 17:31:54 24 0

原创 vue-router跳转时打开新页面的两种方法

1、<vue-link>标签实现新窗口打开 官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> 不支持 target="_blank" 属性,如果需要打开一个新窗口必须要用<a...

2020-05-20 17:04:37 39 0

转载 前端代码异常监控实战

本文大致围绕下面几点展开讨论: JS 处理异常的方式 上报方式 异常监控上报常见问题 JS 异常处理 对于 Javascript 而言,我们面对的仅仅只是异常,异常的出现不会直接导致 JS 引擎崩溃,最多只会使当前执行的任务终止。 当前代码块将作为一个任务压入...

2020-05-19 10:55:39 92 0

原创 自用 vscode setting.json配置

{ "workbench.editor.enablePreview": false, //打开文件不覆盖 "editor.minimap.enabled": false, //关闭快速预览 "files.autoSave": ...

2020-05-18 09:00:01 125 0

原创 vue循环渲染本地图片,不显示问题解决方法

<div class="rno-lattice-cell disabled" v-for="(item, index) in 8" :key="index" > <div class=&quo...

2020-05-17 20:34:34 107 0

原创 vue项目加载不出图片解决方式

vue项目中图片加载不出来,像下面这样,图片地址是有的。 解决方案: 1.在html5或jsp的header加入meta. 找到index.html文件。在head中添加如下代码。 <meta name="referrer" content="nev...

2020-05-13 15:37:50 137 0

转载 Vue的slot-scope的场景的个人理解

这篇文章不是单纯把文档的话和api拿来翻译和演示,而是谈谈我对于slot-scope的使用场景的个人理解,如果理解错误,欢迎讨论! Vue的插槽slot,分为3种 匿名插槽 具名插槽 作用域插槽 前两种很好理解,无论就是子组件里定义一个slot占位符,父组件调用时,在slot对应的位置填充...

2020-05-13 14:16:33 27 0

原创 Vue锚点定位

<div class="tab0" id="selector"> </div> 1.以下是js原生的scroll 滚动方式 //锚点跳转 goAnchor(selector, index) { ...

2020-05-12 14:54:37 29 0

原创 vue使用vue-video-player无法播放本地视频的问题

方法: 因为引入的是本地资源,要把资源写在“require”方法里 sources: [ { //类型 type: 'video/mp4', src: ...

2020-05-06 17:20:23 296 0

转载 JavaScript 时间与日期处理实战

JavaScript DateTime 标准时间 GMT即「格林威治标准时间」(Greenwich Mean Time,简称G.M.T.),指位于英国伦敦郊区的皇家格林威治天文台的标准时间,因为本初子午线被定义为通过那里的经线。然而由于地球的不规则自转,导致GMT时间有误差,因此目前已不被...

2020-05-03 18:59:41 104 0

原创 JavaScript Date 对象详解及时间戳和日期格式转换方法

1.Date 对象 Date 对象用于处理日期和时间。 创建 Date 对象的语法: var myDate=new Date() 注释:Date 对象会自动把当前日期和时间保存为其初始值。 Date 对象属性 属性 描述 constructor 返回对创建此对象的 D...

2020-05-03 16:15:56 61 0

翻译 30个提高开发效率的VSCode插件

译者按:看完这篇文章,我打算从 Sublime Text 转到 Visual Studio Code 了! 原文:Immensely upgrade your development environment with these Visual Studio Code extensions...

2020-05-03 03:27:39 57 0

转载 Git rebase使用

git rebase能够将分叉的分支重新合并,之前写过一篇文章介绍它的原理,下面主要介绍它的两个使用场景: 场景一:本地与远端同一分支提交历史不一致 方式一 多个人在同一个分支上协作时,出现冲突是很正常的,比如现在有一个项目由我和A一同开发。 我在修复了一个bug以后准备提交 Ho...

2020-04-30 11:21:18 64 0

原创 vcode去除分号和双引号方法

1.打开插件商店,搜素Vetur和Prettier安装 2.通过命名面板或者设置选项找到setting.json文件 3. 在setting.json中新增以下配置保存即可 "vetur.format.defaultFormatterOptions"...

2020-04-28 10:59:00 137 0

原创 Uncaught (in promise) TypeError: Cannot read property 'cancelToken' of undef 报错解决方法

当我在页面中发送axios请求的时候,报Uncaught (in promise) TypeError: Cannot read property 'cancelToken' of undefined,请问是什么原因呢? 解决方案 /src/apis/index.js 在...

2020-04-23 15:33:03 277 0

转载 ajax解决跨域的全面方案

前言 从刚接触前端开发起,跨域这个词就一直以很高的频率在身边重复出现,一直到现在,已经调试过N个跨域相关的问题了,16年时也整理过一篇相关文章,但是感觉还是差了点什么,于是现在重新梳理了一下。 个人见识有限,如有差错,请多多见谅,欢迎提出issue,另外看到这个标题,请勿喷~ 题纲 关于跨...

2020-04-20 11:21:41 49 0

原创 vscode eslint自动格式化代码

{ "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, //autoFix默认开启...

2020-04-14 17:38:13 171 0

转载 如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别?

转载自尤雨溪 假设我们有一个数组,每个元素是一个人。你面前站了一排人。 foreach 就是你按顺序一个一个跟他们做点什么,具体做什么,随便: people.forEach(function (dude) { dude.pickUpSoap(); }); map 就是你手里拿一个盒...

2020-03-26 16:46:41 50 0

原创 Vue怎么操作父元素、兄弟元素、子元素

<button @click = “clickfun($event)”>点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元...

2020-03-26 10:50:28 51 0

转载 Vue常见的考点(上)

作者:东起 链接:https://zhuanlan.zhihu.com/p/103763164 0.前言 原文有 36 道 vue 常用面试题,考虑到太多一次也看不完,所以分为上、中、下三篇,如果你能读完这三篇文章,相信你在面试中 vue 的问题你不会怕了。 1.页面中定义一个定时器,在哪...

2020-03-15 01:28:36 190 0

转载 Vue常见的考点(下)

作者:东起 链接:https://zhuanlan.zhihu.com/p/103763164 11、怎么在vue中点击别的区域输入框不会失去焦点? 答:阻止事件的默认行为 具体操作:监听你想点击后不会丢失 input 焦点的那个元素的 mousedown 事件,回调里面调用 eve...

2020-03-15 01:25:21 309 0

转载 理解 async/await

理解 async/await ES7 提出的async函数,终于让 JavaScript 对于异步操作有了终极解决方案。No more callback hell。async函数是Generator函数的语法糖。使用 关键字async来表示,在函数内部使用await来表示异步。 想较于 Gene...

2020-02-14 23:37:12 46 0

原创 js 数组方法的作用,各方法是否改变原有的数组

js 数组方法的作用,各方法是否改变原有的数组 不会改变原来数组的有: concat()---连接两个或更多的数组,并返回结果。 every()---检测数组元素的每个元素是否都符合条件。 some()---检测数组元素中是否有元素符合指定条件。 filter()---检测数组元素...

2020-02-14 22:35:29 39 0

转载 xcode windows版安装使用教程

随着iPhone、iPad、Mac等苹果产品越来越火爆,越来越多的初学者想要了解和尝试苹果平台,包括苹果操作系统Mac OS X、苹果演示软件Keynote、苹果开发工具Xcode等。然而,苹果电脑价格昂贵,并不是每个人都可以承受。 因此,在Windows下安装虚拟机软件VMWare,再在虚拟机...

2019-12-23 16:45:35 81 0

原创 mpvue提示错误: Final loader didn't return a Buffer or String

<template> <view> <header-nav></header-nav> <view class="content"><view class="pe...

2019-12-20 01:30:11 284 0

原创 vue监听路由变化及路由跳转锚点

watch: { // 监听路由变化 $route(to,from){ console.log(to.hash); if(to.hash){ let num=to.hash.split(�...

2019-12-03 16:57:49 211 0

原创 vue中使用postcss-pxtorem 自动编译px为rem

postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。 前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtor...

2019-11-27 15:42:11 255 0

原创 Reac、React-router、redux学习笔记

1. React入门 ## 1.1. React基本认识 ## 1.2. React基本使用 ## 1.3. JSX的理解和使用 ## 1.4. 模块与模块化, 组件与组件化的理解 2. React组件化编程 ## 2.1. 组件的定义与使用 ## 2.2. 组件的3大属性: state...

2019-11-01 23:01:08 41 0

原创 base64编码解码方法

不推荐使用jdk1.8以下的Base64加解密,虽然jdk加解密的效率比其他两种都要高,下面是相关的测试结果 **************************************************************************************** ba...

2019-10-28 16:01:45 237 0

转载 Vue.js 作者在 VueConf 2019 上海演讲视频

2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂,一起见证了VueConf 2019上海的成功举办。 在大会上,Vue.js作者尤雨溪给大家带来了主题为“Stateof Vue”的主题演讲。我们一起来看看现场情况: 这是会场门外 会场座位全景 演...

2019-10-24 10:48:37 60 0

原创 JS实现字符串中去除指定子字符串

平时开发中经常需要去除字符串指定子字符,下面是两种可靠的方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...

2019-10-22 15:56:34 1296 0

原创 vue中路由参数传递可能会遇到的坑

这篇文章主要给大家介绍了关于vue中路由参数传递遇到的坑的相关记录 前言 vue中路由跳转传参数有多种,自己常用的是下面的几种 通过router-link进行跳转 通过编程导航进行路由跳转 本文主要给大家介绍了关于vue路由参数传递遇到的一些坑,分享出来供大家参考学习,下面话不多说了,来一...

2019-10-22 13:49:26 1234 1

转载 vuecli下的首屏性能优化----提升加载速度

前言 之前用vuecli做了个博客,是一个单页面项目,大概有十个路由 直接npm run build打包出来,有一个1M的巨大js文件 先挂载到服务器上试试 好家伙 这加载时间 仿佛过了半个世纪 首屏页面整整加载了9s光加载那个大文件就花了8s 这必须得做个优化了,没有用户能忍受9s...

2019-10-22 12:00:59 118 1

转载 前端知识点目录

基本功考察 关于Html 1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag 3. h5中新增的API, 修改的API, 废弃的AP...

2019-09-05 17:41:16 50 0

原创 Vue 项目性能优化方案

前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面...

2019-08-23 10:00:33 2918 0

原创 微信小程序及uniApp小程序复制剪贴板功能

调用微信小程序api实现 <view class="copyBtn" @click="copyBtn">复制</view> copyBtn() { wx.setClipboardData({ data: &...

2019-08-22 20:19:09 1492 2

原创 各端小程序获取用户手机号

1.支付宝 my.getPhoneNumber 版本要求:支付宝客户端10.1.35 或更高版本,若版本较低,建议做兼容处理。 获取支付宝用户绑定的手机号。因为需要用户主动触发才能发起获取手机号,所以该功能不由 API 直接调用,需用<button>组件的点击来触发。 注意:目...

2019-08-08 14:39:45 420 0

原创 多端小程序通用 radio-group

前言: 1.除了支付宝外的小程序 radio都可以重复点击,确认取消 2.之前多选按钮是自己的手撸控件,为了还原设计效果 3.微信端label需要设置 block属性 <template> <view class="page"> &l...

2019-08-06 17:37:06 162 0

翻译 React入门 - 概述和演练教程

React入门 - 概述和演练教程 apijavascript库的反应 自从我第一次开始学习JavaScript以来,我一直听说过React,但我承认我只看了一眼就吓到了我。我看到看起来像是一堆混有JavaScript和思想的HTML,这不是我们一直试图避免的吗?React有什么大不了的?...

2019-07-29 00:08:23 69 0

原创 一款好用的小程序图片上传(预览删除)插件

组件源码 image-upload.vue <template> <view class="imageUploadContainer"> <view class="imageUploadList"> &l...

2019-07-24 15:19:54 144 0

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