- 博客(68)
- 收藏
- 关注
RSS订阅原创 解决npm i报错Error: Can't find Python executable "python", you can set the PYTHON env variable.
问题描述gyp ERR! configure errorgyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.gyp ERR! stack at PythonFinder.failNoPython (C:\Users\lslupingy\Desk...
2020-04-23 09:53:06
1982
3
原创 vue中的provide和inject
目录一、语法二、使用场景三、关于 provide/inject 的响应问题每次看到关于vue组件传值的文章，都会讲到provide和inject这种传值方法。但是在实际的项目开发中，基本没有看到过使用这个的场景（印象中之前看iview form组件代码的时候看到过），所以这应该用于什么场景当中呢？一、语法用法详见vue document - provide/inject，在...
2019-10-18 17:04:01
588
原创 vue中通过v-html添加内容添加样式无效
问题描述：在使用富文本编辑图文详情的时候，通常会使用v-html引入所编辑的内容，然而，详情显示的样式有时不是我们希望的（尤其是图片，大图会出现溢出内容区域的问题），在<style scope> 中添加样式却并不生效。原因分析：以下摘自vue官方文档：在单文件组件里，scoped的样式不会应用在v-html内部，因为那部分 HTML 没有被 Vue 的模板编译器...
2019-08-12 10:39:51
2249
原创 使用iview的Menu组件，路由中断跳转但是路由高亮仍然改变问题
问题描述：最近项目有一个需求，在表单填写相关页面，如果用户没有保存表单内容，点击导航栏将要离开页面的时候提示“信息未保存，离开页面数据将会丢失，是否确定离开？”（1）选择“确定” —— 执行路由跳转（2）选择“取消” —— 中止跳转，仍旧留在当前页以上为需求描述，遇到的问题是：选择取消后，侧导航栏的高亮项不正确。简单示例如下图：点击“错误收集”，取消路由跳转，页面仍停留在“...
2019-07-24 13:47:29
2722
原创 vue动态路由：路由参数改变，视图不更新
问题描述：使用vue动态路由（“/route/:id” 形式） 传参的时候，修改页面参数，但是视图仍旧是之前的内容，没有进行刷新，示例如下：原因分析：具体原因在vue官方文档：响应路由参数的变化一节中有讲过：当使用路由参数时，例如从/user/foo导航到/user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这...
2019-07-17 16:56:08
4038
原创 关于display:flex碰上white-space:nowrap的问题
当 display:flex 碰上 white-space nowrap 的时候，会打乱 flex 布局。解决方法：给 flex 布局级设置最小宽度为 0。示例当 display:flex 碰上 white-space nowrap，flex布局被打乱了，示例中表现为内部元素超出父元素范围（可能存在其他情况）。[外链图片转存失败(img-8LARnioy-1562636390940)(e...
2019-07-09 09:40:17
1066
原创 弹出层中多个输入框，iOS微信下点击错位问题
问题描述iOS微信下，弹出层中有多个输入框时，点击获取焦点后，元素位置错位；同时收起键盘后不能再次输入；相关按钮无法点击。PS. 这是微信在iOS下的bug解决办法在输入框 blur 的时候调用 window.scrollTo具体操作如下：html <input type="number" v-model="phone" @blur="scrollto0">jsme...
2019-07-09 09:39:18
734
原创 nvm安装与卸载踩坑记录
之前用的nvm的nodejs版本管理工具，但是这两天出了莫名其妙的问题，无法下载新版本的nodejs，在找不到原因的情况下决定暂时卸载nvm，通过nodejs官网安装所需版本的nodejs。但是发现从官网下载安装了稳定版本的nodejs之后，命令行仍旧报错：'node' 不是内部或外部命令，也不是可运行的程序或批处理文件。卸载流程如下：查了一些文章，发现 window 下卸载...
2019-07-09 01:42:34
26279
1
原创 git分支操作
目录一、查看分支二、创建分支三、删除分支四、查看本地分支与远程分支的映射关系一、查看分支# 1. 查看所有本地分支$ git branch# 2. 查看所有远程分支$ git branch -r# 3. 查看所有分支（本地+远程）$ git branch -a二、创建分支1、创建远程分支https://help.github.com/en/...
2019-07-06 17:15:40
116
原创 git保存用户名和密码，避免每次输入
鉴于git每次push的时候都需要输入用户名和密码，感觉特别麻烦，之前有查过很多的相关文章，终于今天配置完成，记录一下（亲测可用）：1、当前电脑环境# git版本号git version 2.13.2.windows.1# 系统环境win102、配置方法（1）打开系统盘当前用户的目录 C:\Users\Administrator （如果你配置了个人用户名，就是C:\Use...
2019-06-24 22:54:57
13702
1
原创 vue cli3.x 项目中引入 less 全局变量
项目中使用 less 变量定义了项目的一些主题颜色，这里采用style-resources-loader 来进行全局引入。具体配置如下：1、安装style-resources-loader，并选择想要使用的语言（本项目中使用less）vue add style-resources-loader安装完成后，style-resources-loader 和vue-cli-...
2019-06-17 13:34:31
2749
1
转载 vue cli3.x 项目中引入 vux （二）：vux快捷生成模板
在 Vue 项目中使用vux组件有两种方法：1、在 Vue 项目中添加vux，详见：vue cli3.x 项目中引入 vux（一）：手动配置2、快捷生成项目模板：详见官网文档-快速开始( 以下摘自官方文档 ）（1）若没有安装 vue-cli ，先全局安装vue-clinpm install vue-cli -g（2）创建使用vux2模板的项目vue init...
2019-06-17 10:17:07
461
原创 vue cli3.x 项目中引入 vux（一）：手动配置
最近做的一个项目，是使用vux组件库开发的，使用的时候发现vux在使用的时候需要做一些相应的配置，记录如下：建议 node.js 版本在7.6.0以上。1、引入vux# npm install vux --save2、vux2必须配合vux-loader使用，所以需要引入vux-loader# npm install vux-loader --sava--dev...
2019-06-17 09:45:49
2566
原创 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账号，记录下了认证信息解决方法汇总：1. 修改控制面板信任凭据2. 卸载重装git credentials man...
2019-06-10 15:33:40
52131
12
原创 cmd命令行常用命令
cd xxx 打开xxx目录 cd.. 返回上一目录 cd/ 返回根目录 md xxx 创建xxx目录 del xxx 删除xxx目录 ren xxx 重命名xxx文件(夹） echo a 2>xxx.js 新建xxx.js文件 type a.js > b.js 复制a.js到b.js c...
2019-06-06 09:41:28
226
原创 [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 版本：可以对 template 模板内容进行编译（包括字符串模板和可以绑定的 html 对象作为模板...
2019-03-07 20:47:32
36340
14
原创 vscode 格式化 vue 代码
格式化 HTML：即 vue（template）1. 安装 Vetur 拓展2. 配置 setting.json打开 [文件] -&gt; [首选项] -&gt; [设置] -&gt; [拓展] -&gt; [Vetur]vsCode 跟新过后设置变成下拉选择的方式来配置拓展，但是可以点击右上方的···按钮，选择选择打开 setting.json，即可添加用户设置配置 template...
2019-03-06 10:45:35
5749
原创 button 写在 form 表单中导致页面刷新问题
貌似之前写代码的时候很自然的没有将 button 写在 form 表单当中，这次把 button 写在了 form 标签当中，发现每次点击按钮都会刷新页面，代码如下：<form> <!-- ... --> <button>提交</button> <button>重置</button></form>
2019-03-04 14:34:10
757
1
转载 yarn常用命令
yarnyarn 常用命令# 生成 package.json 文件（需要手动选择配置）yarn init# 生成 package.json 文件（使用默认配置）yarn init -y# 一键安装 package.json 下的依赖包yarn# 在项目中安装包名为 xxx 的依赖包（配置在 dependencies 下）,同时 yarn.lock 也会被更新yarn add...
2018-12-28 13:57:29
540
原创 npm常用命令
npm 常用命令# 生成 package.json 文件（需要手动选择配置）npm init# 生成 package.json 文件（使用默认配置）npm init -y# 一键安装 package.json 下的依赖包npm i# 在项目中安装包名为 xxx 的依赖包（配置在 dependencies 下）npm i xxx# 在项目中安装包名为 xxx 的依赖包（配置...
2018-12-28 13:55:59
437
原创 微信小程序map地址间距离计算以及导航功能实现
在微信小程序当中，实现简易的、没有很多复杂功能的地图，可以选用小程序的原生map组件。WXML如下：<map id="mymap" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}" subkey="IULBZ-XXXX-XXXX-XXXX-XXXX"
2018-12-05 16:07:54
10007
原创 JavaScript自调用函数的外层（）的问题
在自调用函数中，我们经常看到诸如 (function () {})() 或者 (function(){}())的写法，那外层的这个圆括号()是否可以去掉呢？答案是不可以的。1. 命名函数的定义和调用：// 函数声明function test() { console.log('function');}// 函数调用test();2. 匿名函数的自调用：/...
2018-11-20 14:09:46
808
原创 HTTP系列（一）—— TCP/IP的分层管理及通信传输
1. TCP/IP的分层管理TCP/IP协议族按照层次分为以下几层：应用层，传输层，网络层和数据链路层。1.1 应用层应用层决定了向用户提供应用服务时的通信活动；FTP协议（文件传输协议），HTTP协议，DNS服务（域名解析服务）等均处于该层。1.2 传输层传输层提供处于网络连接中的两台计算机之间的数据传输；TCP协议（传输控制协议）和UDP协议（用户数据报协议）处于该层。...
2018-11-03 19:39:22
384
原创 本地存储（一）—— Cookie、SessionStorage和LocalStorage详解
目录1. Cookie2. Web Storage2.1 Session Storage2.2 Local Storage2.3 Web Storage 的浏览器支持情况3. Cookie、SessionStorage和LocalStorage的对比Cookie、SessionStorage和LocalStorage：浏览器的缓存机制提供的可以将用户数据存储在客户端上...
2018-10-29 11:59:05
302
原创 HTTP系列（二）—— 常见的HTTP状态码
目录 1. 状态码的类别2. 状态码详解 2.1 成功状态码2.2 重定向状态码2.3 客户端错误状态码2.4 服务端错误状态码 HTTP状态码负责表示客户端HTTP请求的返回结果、标记服务端处理是否正常、通知出现的错误等。借助于状态码，用户可以知道服务端是正常处理了请求还是出现了错误。 1. 状态码的类别状态码的第一位数字制定了响应类别，一般分为以下五种：...
2018-10-28 22:13:31
676
原创 表单验证——input和required冲突解决
1.input和required冲突解决Question： 使用表单提交验证必填字段时，若同时给 input[type="file"] 添加 readonly 以及 required 属性，则发现，required必填验证失效，既不会提示必填，也可以成功提交。解决方法：将 readonly 改为onfocus="this.blur()"<input type="text" ...
2018-10-18 14:13:14
5667
原创 Vue.js（六）—— 组件：slot用法
目录一、默认情况下（不使用slot）二、单个slot三、具名slot四、编译作用域五、默认插槽的内容六、作用域插槽七、访问slotVue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。简单来讲：默认情况下我们在父组件中加入到子组件的DOM是不会显示的，但是如果我们需要插入一段DOM，那么这段DOM是否显示，如何显示，显...
2018-10-15 11:56:21
1382
原创 Vue.js（五）—— Vue基础组件的自动化全局注册
在使用vue构建项目的过程中，我们会设置一些通用的组件，他可能只包含了一个按钮或者其他的一个小功能，但是会被我们在不同的组件页面频繁调用。此时若是每一个组件页面都进行引用，将会有很多重复冗杂的代码，可以改为全局注册。具体如下：1. 将这些通用基础组件放置在同一个文件夹下：如 components/baseComponents/2. 在应用入口文件中全局导入（如：main.js），以下是...
2018-10-12 11:25:27
3389
原创 Vue.js（四）—— Vue的生命周期
看过vue官网以及一些讲述vue生命周期的文章，还是决定自己总结一下，便于理解： 生命周期：每个 Vue 实例在被创建时都要经过一系列的初始化过程——开始创建、初始化数据、编译模板、挂载Dom、渲染页面→更新→重新渲染、销毁等，也就是就是Vue实例从创建到销毁的过程，成为生命周期。 ...
2018-10-10 14:51:56
167
原创 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
1114
原创 JavaScript格式化时间与日期
1. Date 对象方法toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。 "2018/10/8 上午8:00:00" toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。"上午8:00:00" toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部...
2018-10-08 14:24:07
3386
原创 axios在vue中的应用（二）—— 表单提交上传图片
使用axios实现图片预览、图片上传等功能：methods: { // 图片预览 priviewImg(e) { // ... }, // 提交表单 sumitRefund() { let fd = new FormData(); fd.append("reason", this.refundReason...
2018-09-30 15:23:31
674
原创 CSS自定义select选择框样式（右侧下拉箭头）
如图：自定义select的箭头样式 HTML以及CSS代码如下：<select class="form_select"> <option value="0">请选择</option> <option value="1">aaaaa</option> <opti
2018-09-30 14:06:04
27188
1
原创 vue项目执行npm i 安装依赖包常见问题
目录1. Downloading https://chromedriver.storage.googleapis.com/2.41/chromedriver_window32...报错2. node-sass 安装失败: Failed at the [email protected] postinstall script.3... 待续1. Downloading https://c...
2018-09-17 18:22:11
16220
1
原创 axios在vue中的应用（一）—— 简单调用
目录1. 安装并引入axios1.1 使用 npm/cnpm 安装1.2 在main.js文件中引入axios2. 使用axios请求本地json文件3. 将传递的json数据转为FormData3.1 引入qs3.2 添加请求拦截器，将axios参数转化为FormData形式4. 设置请求头Axios 是一个基于 promise 的 HTTP 库，可以用在浏...
2018-09-13 15:38:50
544
原创 Vue.js（三）—— vue.js中自定义过滤器filters
目录1. 基础语法2. 多个过滤器串联3. 单个过滤器接收多个参数vue.js 中允许自定义过滤器，用于常见文本的格式化；过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (表达式用法从 2.1.0+ 开始支持)。1. 基础语法将过滤器添加在 JavaScript 表达式的尾部，由“管道”符号指示：<template> <...
2018-09-12 15:38:25
2171
原创 JS节流和防抖
目录1. JS节流和防抖的应用场合2. 未使用节流和防抖的情况3. js防抖4. js节流1. JS节流和防抖的应用场合在网页实际运行的某些场景下，有些事件时会被不间断的被触发的，如resize事件，而不像是我们想象中的，滚动一次触发一次。这种情况下，由于过于频繁地DOM操作和资源加载，严重影响了网页性能，甚至会造成浏览器崩溃。常见应用场景：（1）window的 ...
2018-09-12 11:22:54
5896
1
原创 移动端调用微信和支付宝的扫一扫功能
目录1. 调用微信扫一扫功能：1.1绑定域名1.2引入JS文件1.3 通过config接口注入权限验证配置1.4 调用扫一扫2. 调用支付宝扫一扫（通过Alipay JSSDK）2.1 引入相关的js文件2.2 调用扫一扫3.调用支付宝扫一扫（通过Alipay JSAPI）1. 调用微信扫一扫功能：1.1绑定域名在微信公众平台中配置安全域名...
2018-09-05 18:14:44
13019
14
原创 Vue.js（二）—— 使用vue-router设置每个页面的title
1.引入vue-routerimport Vue from 'vue'import Router from 'vue-router'2. 在router/index.js文件中配置每个页面的title：export default new Router({ routes: [{ path: '/', name: 'homepage', componen...
2018-09-05 17:28:32
565
原创 移动端真机调试工具--weinre
目录1. weinre（1）weinre安装（2）weinre使用虽然当前各种浏览器都为开发者提供了很多模拟手机设备的功能，但是模拟毕竟是模拟，模拟环境中正常的代码到了真机上访问，仍旧会有各种样式/方法兼容的问题，最近在尝试使用weinre和微信的web开发者工具的移动调试，进行真机下的样式的调试。1. weinreweinreis a debugger for w...
2018-08-31 15:03:10
1752
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人