自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 解决npm i报错Error: Can't find Python executable "python", you can set the PYTHON env variable.

问题描述 gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable. gyp ER...

2020-04-23 09:53:06 64 0

原创 vue中的provide和inject

目录 一、语法 二、使用场景 三、关于 provide/inject 的响应问题 每次看到关于vue组件传值的文章,都会讲到provide和inject这种传值方法。但是在实际的项目开发中,基本没有看到过使用这个的场景(印象中之前看iview form组件代码的时候看到过),所以这应该用于...

2019-10-18 17:04:01 38 0

原创 vue中通过v-html添加内容添加样式无效

问题描述: 在使用富文本编辑图文详情的时候,通常会使用v-html引入所编辑的内容,然而,详情显示的样式有时不是我们希望的(尤其是图片,大图会出现溢出内容区域的问题),在<style scope> 中添加样式却并不生效。 原因分析: 以下摘自vue官方文档: 在单文件组件里,...

2019-08-12 10:39:51 738 0

原创 使用iview的Menu组件,路由中断跳转但是路由高亮仍然改变问题

问题描述: 最近项目有一个需求,在表单填写相关页面,如果用户没有保存表单内容,点击导航栏将要离开页面的时候提示“信息未保存,离开页面数据将会丢失,是否确定离开?” (1)选择“确定” —— 执行路由跳转 (2)选择“取消” —— 中止跳转,仍旧留在当前页 以上为需求描述,遇到的问题是:...

2019-07-24 13:47:29 1216 0

原创 vue动态路由:路由参数改变,视图不更新

问题描述: 使用vue动态路由(“/route/:id” 形式) 传参的时候,修改页面参数,但是视图仍旧是之前的内容,没有进行刷新,示例如下: 原因分析: 具体原因在vue官方文档:响应路由参数的变化一节中有讲过: 当使用路由参数时,例如从/user/foo导航到/user/bar,...

2019-07-17 16:56:08 1818 0

原创 关于display:flex碰上white-space:nowrap的问题

当 display:flex 碰上 white-space nowrap 的时候,会打乱 flex 布局。解决方法:给 flex 布局级设置最小宽度为 0。 示例 当 display:flex 碰上 white-space nowrap,flex布局被打乱了,示例中表现为内部元素超出父元素范围(...

2019-07-09 09:40:17 199 0

原创 弹出层中多个输入框,iOS微信下点击错位问题

问题描述 iOS微信下,弹出层中有多个输入框时,点击获取焦点后,元素位置错位;同时收起键盘后不能再次输入;相关按钮无法点击。 PS. 这是微信在iOS下的bug 解决办法 在输入框 blur 的时候调用 window.scrollTo 具体操作如下: html <input type=&q...

2019-07-09 09:39:18 333 0

原创 nvm安装与卸载踩坑记录

之前用的nvm的nodejs版本管理工具,但是这两天出了莫名其妙的问题,无法下载新版本的nodejs,在找不到原因的情况下决定暂时卸载nvm,通过nodejs官网安装所需版本的nodejs。 但是发现从官网下载安装了稳定版本的nodejs之后,命令行仍旧报错: 'node'...

2019-07-09 01:42:34 4317 0

原创 git分支操作

目录 一、查看分支 二、创建分支 三、删除分支 四、查看本地分支与远程分支的映射关系 一、查看分支 # 1. 查看所有本地分支 $ git branch # 2. 查看所有远程分支 $ git branch -r # 3. 查看所有分支(本地+远程) $ git branch -...

2019-07-06 17:15:40 38 0

原创 git保存用户名和密码,避免每次输入

鉴于git每次push的时候都需要输入用户名和密码,感觉特别麻烦,之前有查过很多的相关文章,终于今天配置完成,记录一下(亲测可用): 1、当前电脑环境 # git版本号 git version 2.13.2.windows.1 # 系统环境 win10 2、配置方法 (1)打开系统盘当...

2019-06-24 22:54:57 3742 0

原创 vue cli3.x 项目中引入 less 全局变量

项目中使用 less 变量定义了项目的一些主题颜色,这里采用style-resources-loader 来进行全局引入。 具体配置如下: 1、安装style-resources-loader,并选择想要使用的语言(本项目中使用less) vue add style-resources-l...

2019-06-17 13:34:31 893 1

转载 vue cli3.x 项目中引入 vux (二):vux快捷生成模板

在 Vue 项目中使用vux组件有两种方法: 1、在 Vue 项目中添加vux,详见: vue cli3.x 项目中引入 vux(一):手动配置 2、快捷生成项目模板: 详见官网文档-快速开始( 以下摘自官方文档 ) (1)若没有安装 vue-cli ,先全局安装vue-cli np...

2019-06-17 10:17:07 155 0

原创 vue cli3.x 项目中引入 vux(一):手动配置

最近做的一个项目,是使用vux组件库开发的,使用的时候发现vux在使用的时候需要做一些相应的配置,记录如下: 建议 node.js 版本在7.6.0以上。 1、引入vux # npm install vux --save 2、vux2必须配合vux-loader使用,所以需要引入vux-...

2019-06-17 09:45:49 982 0

原创 git报错:The project you were looking for could not be found

问题描述: git拉取报错: remote: The project you were looking for could not be found. fatal:repository …… not found 原因分析: 之前登陆过别人的git账号,记录下了认证信息 解决方法...

2019-06-10 15:33:40 13363 3

原创 cmd命令行常用命令

cd xxx 打开xxx目录 cd.. 返回上一目录 cd/ 返回根目录 md xxx 创建xxx目录 del xxx 删除xxx目录 ren xxx 重命名xxx文件(夹) echo a 2>xxx.js 新...

2019-06-06 09:41:28 41 0

原创 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available

问题描述: 原因分析: 在项目配置的时候,默认 npm 包导出的是运行时构建,即 runtime 版本,不支持编译 template 模板。 vue 在初始化项目配置的时候,有两个运行环境配置的版本:Compiler 版本、Runtime 版本。 其主要区别在于: Compiler ...

2019-03-07 20:47:32 3866 1

原创 vscode 格式化 vue 代码

格式化 HTML:即 vue(template) 1. 安装 Vetur 拓展 2. 配置 setting.json 打开 [文件] -&amp;gt; [首选项] -&amp;gt; [设置] -&amp;gt; [拓展] -&amp;gt; [Vetur] v...

2019-03-06 10:45:35 2150 0

原创 button 写在 form 表单中导致页面刷新问题

貌似之前写代码的时候很自然的没有将 button 写在 form 表单当中,这次把 button 写在了 form 标签当中,发现每次点击按钮都会刷新页面,代码如下: &lt;form&gt; &lt;!-- ... --&gt; &lt;butto...

2019-03-04 14:34:10 252 0

转载 yarn常用命令

yarn yarn 常用命令 # 生成 package.json 文件(需要手动选择配置) yarn init # 生成 package.json 文件(使用默认配置) yarn init -y # 一键安装 package.json 下的依赖包 yarn # 在项目中安装包名为 xxx 的...

2018-12-28 13:57:29 261 0

原创 npm常用命令

npm 常用命令 # 生成 package.json 文件(需要手动选择配置) npm init # 生成 package.json 文件(使用默认配置) npm init -y # 一键安装 package.json 下的依赖包 npm i # 在项目中安装包名为 xxx 的依赖包(配置在...

2018-12-28 13:55:59 165 0

原创 微信小程序map地址间距离计算以及导航功能实现

在微信小程序当中,实现简易的、没有很多复杂功能的地图,可以选用小程序的原生map组件。 WXML如下: &lt;map id="mymap" longitude="{{longitude}}" latitude="{{latitude...

2018-12-05 16:07:54 4469 0

原创 JavaScript自调用函数的外层()的问题

在自调用函数中,我们经常看到诸如 (function () {})() 或者 (function(){}())的写法,那外层的这个圆括号()是否可以去掉呢?答案是不可以的。 1. 命名函数的定义和调用: // 函数声明 function test() { console.log(&...

2018-11-20 14:09:46 395 0

原创 HTTP系列(一)—— TCP/IP的分层管理及通信传输

1. TCP/IP的分层管理 TCP/IP协议族按照层次分为以下几层:应用层,传输层,网络层和数据链路层。 1.1 应用层 应用层决定了向用户提供应用服务时的通信活动;FTP协议(文件传输协议),HTTP协议,DNS服务(域名解析服务)等均处于该层。 1.2 传输层 传输层提供处于网络连...

2018-11-03 19:39:22 153 0

原创 本地存储(一)—— Cookie、SessionStorage和LocalStorage详解

目录 1. Cookie 2. Web Storage 2.1 Session Storage 2.2 Local Storage 2.3 Web Storage 的浏览器支持情况 3. Cookie、SessionStorage和LocalStorage的对比 Cookie、Se...

2018-10-29 11:59:05 101 0

原创 HTTP系列(二)—— 常见的HTTP状态码

目录  1. 状态码的类别 2. 状态码详解  2.1 成功状态码 2.2 重定向状态码 2.3 客户端错误状态码 2.4 服务端错误状态码  HTTP状态码负责表示客户端HTTP请求的返回结果、标记服务端处理是否正常、通知出现的错误等。借助于状态码,用户可以知道服务端是正常处理了...

2018-10-28 22:13:31 340 0

原创 表单验证——input和required冲突解决

1.input和required冲突解决 Question: 使用表单提交验证必填字段时,若同时给 input[type="file"] 添加 readonly 以及 required 属性,则发现,required必填验证失效,既不会提示必填,也可以成功提交。 解决方法:...

2018-10-18 14:13:14 2076 0

原创 Vue.js(六)—— 组件:slot用法

目录 一、默认情况下(不使用slot) 二、单个slot 三、具名slot 四、编译作用域 五、默认插槽的内容 六、作用域插槽 七、访问slot Vue 实现了一套内容分发的 API,将 &lt;slot&gt; 元素作为承载分发内容的出口。 简单来讲:默认情况...

2018-10-15 11:56:21 258 0

原创 Vue.js(五)—— Vue基础组件的自动化全局注册

在使用vue构建项目的过程中,我们会设置一些通用的组件,他可能只包含了一个按钮或者其他的一个小功能,但是会被我们在不同的组件页面频繁调用。此时若是每一个组件页面都进行引用,将会有很多重复冗杂的代码,可以改为全局注册。具体如下: 1. 将这些通用基础组件放置在同一个文件夹下:如 compone...

2018-10-12 11:25:27 2462 0

原创 Vue.js(四)—— Vue的生命周期

看过vue官网以及一些讲述vue生命周期的文章,还是决定自己总结一下,便于理解:  生命周期:每个 Vue 实例在被创建时都要经过一系列的初始化过程——开始创建、初始化数据、编译模板、挂载Dom、渲染页面→更新→重新渲染、销毁等,也就是就是Vue实例从创建到销毁的过程,成为生命周期。  ....

2018-10-10 14:51:56 90 0

原创 vue2.x+webpack配置问题总结

目录 1. 配置热更新&自动打开浏览器 方法一:修改 package.json 文件 方法二:修改 webpack.config.js 文件 2. npm run build 生成的map文件配置 【文件目录及相关配置基于 vue cli 2.x 版本构建】 1. 配置热更...

2018-10-09 10:26:21 752 0

原创 JavaScript格式化时间与日期

1. Date 对象方法 toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。 "2018/10/8 上午8:00:00" toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。&...

2018-10-08 14:24:07 1961 0

原创 axios在vue中的应用(二)—— 表单提交上传图片

使用axios实现图片预览、图片上传等功能: methods: { // 图片预览 priviewImg(e) { // ... }, // 提交表单 sumitRefund() { let fd = new FormDa...

2018-09-30 15:23:31 473 0

原创 CSS自定义select选择框样式(右侧下拉箭头)

如图:自定义select的箭头样式  HTML以及CSS代码如下: &lt;select class="form_select"&gt; &lt;option value="0"&gt;请选择&lt;...

2018-09-30 14:06:04 18413 1

原创 vue项目执行npm i 安装依赖包常见问题

目录 1. Downloading https://chromedriver.storage.googleapis.com/2.41/chromedriver_window32...报错 2. node-sass 安装失败: Failed at the node-sass@4.12.0 pos...

2018-09-17 18:22:11 8508 0

原创 axios在vue中的应用(一)—— 简单调用

目录 1. 安装并引入axios 1.1 使用 npm/cnpm 安装 1.2 在main.js文件中引入axios 2. 使用axios请求本地json文件 3. 将传递的json数据转为FormData 3.1 引入qs 3.2 添加请求拦截器,将axios参数转化为FormDa...

2018-09-13 15:38:50 205 0

原创 Vue.js(三)—— vue.js中自定义过滤器filters

目录 1. 基础语法 2. 多个过滤器串联 3. 单个过滤器接收多个参数 vue.js 中允许自定义过滤器,用于常见文本的格式化; 过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (表达式用法从 2.1.0+ 开始支持)。 1. 基础语法 将过滤器添加在 JavaS...

2018-09-12 15:38:25 1298 0

原创 JS节流和防抖

目录 1. JS节流和防抖的应用场合 2. 未使用节流和防抖的情况 3. js防抖 4. js节流 1. JS节流和防抖的应用场合 在网页实际运行的某些场景下,有些事件时会被不间断的被触发的,如resize事件,而不像是我们想象中的,滚动一次触发一次。这种情况下,由于过于频繁地DOM操...

2018-09-12 11:22:54 2265 1

原创 移动端调用微信和支付宝的扫一扫功能

目录 1. 调用微信扫一扫功能: 1.1绑定域名 1.2引入JS文件 1.3 通过config接口注入权限验证配置 1.4 调用扫一扫 2. 调用支付宝扫一扫(通过Alipay JSSDK) 2.1 引入相关的js文件 2.2 调用扫一扫 3.调用支付宝扫一扫(通过Alipay ...

2018-09-05 18:14:44 7415 12

原创 Vue.js(二)—— 使用vue-router设置每个页面的title

1.引入vue-router import Vue from 'vue' import Router from 'vue-router' 2. 在router/index.js文件中配置每个页面的title: export default new ...

2018-09-05 17:28:32 244 0

原创 移动端真机调试工具--weinre

目录 1. weinre (1)weinre安装 (2)weinre使用 虽然当前各种浏览器都为开发者提供了很多模拟手机设备的功能,但是模拟毕竟是模拟,模拟环境中正常的代码到了真机上访问,仍旧会有各种样式/方法兼容的问题,最近在尝试使用weinre和微信的web开发者工具的移动调试,进...

2018-08-31 15:03:10 1014 0

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