自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(53)
  • 收藏
  • 关注

原创 如何查看 npm -g 全局安装路径

1.可通过命令 npm config get prefix 查看 npm 安装路径(npm config set prefix 可设置 npm 安装路径);2. 打开该路径,在 npm 目录下有个 node_modules 文件夹,全局安装的所有模块都在该文件夹中。

2021-05-31 14:48:08 3681

原创 在vscode中集成git bash(windows平台)

1.打开vscode,进入文件->首选项->设置菜单2.搜索shell 找到 Terminal › Integrated › Shell:Windows,将安装好的git里面的bash路径复制到设置里3.重启vscode即可使用

2021-03-09 14:48:30 388

原创 css选择器:选中最后一个奇数和偶数

// 选中最后一个奇数div:nth-child(odd):last-child { margin-bottom: 0;}// 选中最后一个偶数div:nth-child(even):last-child { margin-bottom: 0;}

2020-10-24 16:22:24 1556 1

原创 overflow问题

现象:原因:overflow:scroll;解决:overflow:auto;

2020-08-28 11:51:36 14338

原创 Vue-Cli4.x配置文件路径别名

vue.config.js里面新增如下配置:const path = require('path');const resolve = (dir) => { return path.join(__dirname, dir); // path.join(__dirname)设置绝对路径};module.exports={ chainWebpack: (config) => { // set第一个参数:设置的别名,第二个参数:设置的路径

2020-08-27 11:41:53 1001

原创 vue-loader 报错解决方法

报错情况:Module build failed (from ./node_modules/vue-loader/lib/index.js原因:vue-loader的版本和vue-template-compiler版本不匹配解决:1、把node_modules 删除之后,输入以下命令(一定这个顺序):2、1 npm install vue-template-compiler -D2 npm install3 npm run serve...

2020-08-26 12:01:58 5045 3

原创 xampp集成环境---Apache配置

1、修改F:\xampp\apache\conf\extra下的httpd-vhosts.conf文件配置域名映射---参考下图更改:2、修改C:\Windows\System32\drivers\etc下的HOSTS文件(百度怎么修改)同时在windows环境做对应修改---参考下图更改:(修改不了请百度---需要超级管理员权限)...

2019-09-09 09:00:15 409

原创 小程序报错:出现脚本错误或者未正确调用 Page()的解决办法---RangeError: Maximum call stack size exceeded

bug现象:解决办法:工具右上角有个详情按钮,发现基础库是1.9.98,基础库做个更改即可解决

2019-09-09 08:50:39 2485

原创 Class constructor FileManager cannot be invoked without 'new'

bug:今天项目重新安装依赖打包的时候出现错误:Class constructor FileManager cannot be invoked without 'new'解决:尝试了很多种解决方案,锁定有效解决方案1. 修改package.json 里面的:"less": "^3.9.0"为"less": "~3.9.0"2. 删除node_modules,然后重新安装打包,成功打...

2019-08-19 18:45:54 1014 3

原创 git 切换远程仓库地址

运用场景:git仓库的服务器IP地址变了,重新拉取太麻烦,切换远程仓库地址可以省不少时间以项目test为例:老地址:[email protected]:young/test.git新地址:[email protected]:effort/test.git远程仓库名称: origin方法1 :通过命令直接修改远程地址进入test根目录git remote 查看所有...

2019-08-14 15:23:28 1052

原创 Git回滚代码到某个commit

分两步进行:1、回退命令:$ git reset --hard HEAD^ 回退到上个版本$ git reset --hard HEAD~3 回退到前3次提交之前,以此类推,回退到n次提交之前$ git reset --hard commit_id 退到/进到 指定commit的sha码2、强推到远程:$ git push origin HEAD ...

2019-08-14 09:52:13 660

原创 菜单权限开发

需求:菜单权限开发思路:后端返回的是菜单树,前端根据需要拿出菜单权限数组和按钮权限数组开发中遇到的问题问题1:vuex存储权限,刷新失效解决:需要做本地存储问题2:本地存储,退出登录重登数据刷新,但是页面未刷新解决:退出到登录时刷新页面...

2019-08-09 14:30:09 293

原创 解决浏览器缩放时导致的页面布局的变化

现象:正常展示:缩放展示:原因:在网页中,如果一个元素没有设置最小宽度(min-width),这时当浏览器缩小到一定程度时,元素中的布局可能会发生变化。缩放实际是改变了盒模型的宽度和高度。解决:1、如果想要保持布局不变,可以给该元素(如div)设置最小宽度属性2、给网页设置固定宽,即最外层父元素...

2019-07-24 16:09:39 28321 1

原创 解决ios弹出层滚动穿透

现象:h5页面的弹出层在ios中滚动会触发底层页面的滚动原因:touchmove事件的默认行为未阻止解决:阻止touchmove事件的默认行为vue代码如下:popupVisible(type:Boolean)变量控制弹出层watch: { // 如果 `question` 发生改变,这个函数就会运行 popupVisible(newQuestion, oldQu...

2019-07-09 20:06:57 3850 1

原创 vue-cli3解除base64限制

背景:尝试了vue-cli3.0发现打包的时候,一些小于10k的图片没有转base64,这个和vue-cli2.0有些差异,需要自己单独进行配置,可是发现没有了原本webapck的一些配置问题件,需要自己新建一个vue.config.js的文件(在根目录),然后进行如下配置,就可以控制图片转义规则。vue.config.js文件:module.exports = { chainWeb...

2019-07-08 11:45:43 4104

原创 解决表单change事件上传同一张图片无效

问题:表单上传图片失败,继续上传同一张图片,不触发原因:使用的change事件解决办法:上传失败把表单的值置为''

2019-06-14 15:59:52 584

原创 node执行js文件报错

错误提示:SyntaxError: Invalid or unexpected token可能原因:可能是JS文件的编码格式不对,比如是:Unicode编码或者其他编码解决:可以重新设置编码格式为UTF-8或者ANSI格式的现象:编码改为UTF-8过后执行结果如下问题:上述执行结果依然乱码原因:txt文件的格式是UTF-16解决:同样改为UTF-8即可执行结果:...

2019-06-12 17:25:55 1102

原创 解决ios键盘消失页面不回弹问题

bug现象:ios的input输入框唤出键盘后,键盘消失页面却不回弹问题,安卓无此现象vue写法解决方案:<mt-field label="姓名" placeholder="请输入姓名" v-model="username" class="br-bt i-label" @blur.native.capture="handleBug"></mt-field>...

2019-05-30 20:32:14 2576

原创 vue+axios上传文件的几种方式及步骤(以上传图片为例)

1、用js的formData对象上传(服务器返回url地址)<input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/>methods: { update(e){ let file = e.targe...

2019-04-25 09:23:13 14182 5

原创 vue中render函数中img的src直接加载路径无效

问题:vue中render函数中img的src直接加载路径无效解决:js代码:第一种方案:通过js引入<script>//1、引进来import img1 from "../../../assets/images/u52.png";export default { name: "Orgstru", data() { return { ...

2019-04-22 11:21:59 979 1

原创 iview Table上绑定Input通过render实现双向绑定数据

html代码:<template> <Table border :columns="columns" :data="data"></Table></template>js代码:<script>export default { name: "Doctemplate", data() { retur...

2019-04-22 11:08:56 2940 1

原创 vue-cli3配置跨域代理

前置知识:Vue-CLI提供了一个proxy选项,用来代理接口转发流量。我们可以在根目录下新增vue.config.js文件,添加如下的配置:module.exports = { devServer: { proxy: { '/api': { target: 'https://yulinmu.me', changeOrigi...

2019-04-19 15:23:13 2575 1

原创 pdf下载预览

需求:新开浏览器窗口进行pdf文件的下载和预览实现:后端返回pdfurl,前端打开pdfurl即可,充分利用浏览器对pdf功能的支持代码:<a class="link">Link</a> <script type="text/javascript"> $("a.link").on("click",function(){ ...

2019-04-16 15:57:23 335

原创 node调试---使用vscode调试ES6

1. 配置webpack+babel这部分与前端工程的配置方式相同,只多了SourceMap和npm script的配置。1.1 工程初始化$ mkdir test && cd test$ npm init1.2 安装依赖$ npm i --save-dev webpack babel-core babel-loader babel-preset-es2...

2019-03-22 12:38:36 534

原创 IOS/iPhone的Safari不兼容Javascript中的Date()问题

问题代码:var date = new Date('2019-2-2 2:2:2');现象:安卓手机正常展示,苹果手机展示NaN兼容性测试:chrome正常,IE和safari返回错误"Invalid Date"原因分析:想着估计是'2019-2-2 2:2:2'字符串格式的问题,改成'2019/2/2 2:2:2'再测试,结果正常,以为这样应该没问题了,再用手机浏览...

2019-03-21 14:47:58 797

原创 vue路由传参---query和params

1、query用法: 路由词典不需配置参数 传值:query传递 取值:this.$route.query.参数 url表现:参数在/后(在路径上)用途:可传递一些特殊字符的参数(比如带"/"的时间)2、params用法:路由词典需要配置参数 传值:路径传递 取值:this.$route.params.参数url表现:参数在?后(在查...

2019-03-21 10:47:45 222

原创 git分支管理---实践

1、业务场景:一个功能没开发完,并延迟上线,要求另一个功能提前开发上线2、操作步骤:0.采用一个功能一个分支开发管理模式1.先把已有功能提到对应分支本地仓库2.以一个线上分支为基准重新建立一个新分支3.在新分支上开发新功能4.然后稳定后把上线的功能合并到生产分支(也就是基准分支)3、理解git概念1.工作区:编辑的代码区域2.暂存区:参考理解3.本地仓库...

2019-03-08 11:01:48 81

原创 eruda---移动端的调试神器---解决ios真机无法调试问题

背景:在日常的移动端开发时,一般都是先用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,但是由于真机和电脑环境毕竟存在差异。所以,上到真机测试最大的问题就是除了问题,无法像在chrome那样调试,快速捕获到bug产生原因。只能通过写入alert,重复发版调试。这样效率十分低下。vconsole:后面发现了一款vconsole调试工具...

2019-01-30 20:38:24 1458

原创 如何用shell 自定义终端命令?

问题:为什么要用shell命令你在工作中一定遇到过这样的情形:频繁的在终端敲一组命令(多个命令,只是为了实现某个作用),在这个追求效率的时代,特别是软件行业,我们想要摆脱这种状态、提升工作效率,就可以用自定义shell命令。1、认识什么是shell?Shell 是指和电脑沟通的指令,这又分很多种,Unix 上常见使用 Bash Shell,Mac 也是默认用 Bash,但也有人推荐改用...

2019-01-22 15:19:16 2915 1

原创 手把手教你vscode调试node

目的:更加优雅的调试node代码,让繁琐的console打印输出调试退出历史舞台1、配置launch.json2、打断点,设置监视,启动调试3、如果有附加进程,先输入命令,然后开启node自动附加进行调试4、查看结果...

2019-01-11 17:06:41 4748 1

原创 win10系统怎么安装使用curl

1、根据自己的系统下载curl对应版本下载地址选择对应的系统版本下载,我的是win10 64bit的,所以选择下面这个下载文件:2、点击下载并解压,然后在对应文件位置按住shift+鼠标右键,打开Powershell3、测试curl命令为了测试可以用node自启一个http服务,代码如下:var http=require('http');http.createS...

2019-01-09 15:56:43 1287

原创 hybird开发---js调用android本地java代码

当在Android上使用WebView控件开发一个Web应用时,可以创建一个通过Javascript调用Android端java代码的接口。也就是可以通过Javascript代码来调用Android本地的java代码! 第一步:首先需要在Android侧的java代码中创建实现了具体功能的类。(注意:作为接口的方法必须要加@JavascriptInterface注解)比如:publi...

2018-12-28 17:48:44 196

原创 mint-ui的radio组件问题

现象:代码如下,给radio组件赋值,视图不显示 vm.options[i]={}; vm.options[i].value =ele.iSprActAwardsId; vm.options[i].label =`${ele.sSprActAwardsName}(${ele.fSprActAwardsStartintegral}积分-${ele.fSprAc...

2018-12-07 16:02:09 1189

原创 git提交ssh协议的远程仓库

问题:用vscode提交会报错,原因是没有输入密码需要输入密码用原始git命令:1、本地当前分支映射远程分支:git branch -u origin/master2、拉取远程分支代码:git pull(输入密码)3、推送代码:To push to the upstream branch on the remote, use    git push origin H...

2018-12-04 17:03:31 362

原创 本地新建git分支并同步到远程同名分支

拉取项目:git clone 远程项目地址 本地新建分支:git branch 分支名 本地切换分支到新建分支:git checkout 分支名 新建分支同步远程分支(如果远程没有则自动创建):git push --set-upstream origin 分支名...

2018-12-03 14:53:02 4753

原创 git创建tag

背景:创建一个tag来指向软件开发中的一个关键时期,比如版本号更新的时候可以建一个“v1.0”、“v2.1”之类的标签,在以后回顾的时候会比较方便。tag的使用很简单,主要操作有:查看tag、创建tag、删除tag、验证tag、共享tag以及切换tag。1、查看tag列出所有tag:git tag列出指定标签信息:git show v1.0列出指定版本tag:比如---列出1....

2018-11-29 16:54:16 1594

原创 webpack在配置react项目时的babel配置

报错:Error: Plugin/Preset files are not allowed to export objects, only functions. In E:\myRepository\my-webpack-react\node_modules\babel-preset-react\lib\index.js    at ...解决:1、package.json文件修改...

2018-11-29 10:10:02 487

原创 解决请在微信客服端打开链接问题

现象:在浏览器打开链接,显示如图现象原因:调用了微信的接口解决:不调用微信的接口即可应用场景:如果需要在浏览器调试微信公众号网页,可以模拟调用必要微信接口的信息或者阻塞非必要微信接口调用...

2018-11-20 11:09:15 5048 1

原创 解决ios微信公众号网页现在新增底部前进后退导航栏产生的布局问题

现象:新增前进后退导航栏问题产生原因:新增导航栏使网页脱离文档流的屏幕高度变小解决方案:           布局时考虑到影响脱离文档流的底部元素即可根据需要合理布局  ...

2018-11-19 14:49:24 15378 3

原创 解决ios调用原生键盘把底部内容往上顶问题

现象:input表单输入时,调取原生键盘把底部position:absolute;内容往上顶了问题产生原因:弹出键盘使网页脱离文档流的屏幕高度变小解决方案:1、使用常规布局,重新布局被顶内容,放回文档流---比如修改position:absolute;为posution:relative;2、使用媒体选择器:​@media (max-height:535px){ ....

2018-11-16 14:27:52 4633

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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