cinoway-CSDN博客

原创 node版本管理nvm使用过程中的一些总结（类似nvm use 无效，版本切换导致npm 失效等问题）

最近因为在做vue项目，做的过程中顺便学习了node的版本管理器nvm，感觉很有意思，可以去切换我们所需要的版本，整个过程高效方便。闲话少说，记录一下最近遇到问题方便以后回顾。nvm-windows下载地址：https://github.com/coreybutler/nvm-windows/releasesnvm安装后操作流程可以参考这篇文章：https://blog.csdn.net/...

2019-01-15 15:17:07 14030 5

原创 Webpack 开发环境的基本配置

Webpack 开发环境的基本配置webpack.config.js 是 webpack 的配置文件。作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置）所有构建工具都是基于 nodejs 平台运行的，模块化默认采用 commonjs。开发环境配置主要是为了能让代码运行。主要考虑以下几个方面：打包样式资源打包 html 资源打包图片资源打包其他资源 devServer下面是一个简单的开发环境webpack.confg.js配置文件

2021-02-26 11:42:52 196

原创 webpack简介

一、Webpack 简介1.1 webpack 是什么webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。1.2 webpack 五个核心概念1.2.1 Entry入口(Entry)：指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。

2021-02-26 10:16:05 191

原创关于微信小程序 “扫普通链接二维码打开小程序”动态传递多个参数开发过程记录与总结

前言：因项目中需要线下扫描二维码进入到小程序完成身份绑定，二维码中要动态传递多个参数，看了官网文档介绍以及官方论坛，整个过程还比较顺利，特把整个过程中遇到的坑点做以总结。快速跳转官网文档介绍：扫码打开小程序接入指南开发前相关配置首先按照官方文档我们先做好配置工作，配置流程如下：小程序后台配置-开发管理-开发设置-扫普通链接二维码打开小程序，开发过程中配置，举个例子：假如我们二维码的地址是：https://www.xxx.com/xxx?code=xxx,code 是我们...

2021-01-20 14:12:55 6407 5

原创 vue-qr 一款好用的二维码生成工具介绍及使用记录

需求：需要在web项目中为用户生成二维码，然后供用户扫描跳转进入小程序绑定。我们的项目使用Vue框架搭建的，经过调研最后选择用 vue-qr 这款插件来生成二维码，这里记录一下开发流程。特殊提示：Not support IE 不支持IE浏览器（需要支持IE的请绕道走）npm:https://www.npmjs.com/package/vue-qrgit:https://github.com/Binaryify/vue-qr安装方式npm install vue-qr --sa...

2021-01-19 17:39:15 1036

原创记录在小程序中前端调用百度 Ocr 识别身份证信息

微信小程序因为业务扩展需要用户身份证信息，这里记录一下在小程序中通过百度ocr识别的一个开发过程记录。1. 注册百度云账号首先，我们要去百度云注册个账号，百度云注册，已经注册过可以忽略这部。注册完成后，登录到首页，点击产品-人工智能-卡证文字识别，查看技术文档。2. 接口文档分析请求说明HTTP 方法：POST请求URL：https://aip.baidubce.com/rest/2.0/ocr/v1/idcardURL参数：参数值 access_...

2021-01-13 14:54:48 2357

原创 eslint 效验 switch case语句缩进警告提示处理

当我们在项目里开启eslint来效验代码规范问题的时候，会发现在 switch语句中的缩进会一直缩进错误提示。处理方法：我们只需要在eslint配置文件中 rules中的indent中配置如下即可。{ "SwitchCase": 1 }...

2020-12-11 11:45:53 3801

原创 taro3.x 安装 taro-ui后打包编译报错

在 taro3.x 框架上按照taro-ui官网安装后编译报错，报错内容如下：查阅资料后，发现是因为taro-ui安装的版本问题。taro3.x后安装taro-ui要使用：npm install taro-ui@3.0.0-alpha.3再次编译，发现成功运行，特此记录。...

2020-12-09 09:51:28 1551 1

原创 Taro中使用 react Hooks 如何通过路由传递和接受参数

最近看了一下 taro 的文档，便着手搭建了一套框架改版了一下之前的小程序。taro目前选择的是3.x版本。首先，简单说一下传递参数。在taro中路由跳转方式共有五种。路由跳转 Taro.switchTab(option)跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面 Taro.reLaunch(option)关闭所有页面，打开到应用内的某个页面 Taro.redirectTo(option)关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 ...

2020-12-08 10:11:09 6860

原创推荐vscode中一些比较好用的插件

前言，俗话说，找到一款好的的适合自己IDE，这样撸起代码来才能得心应手，但是找到好的插件，你会发现写起代码会更加事半功倍。对于个人而言，我更注重去找寻那些看起来被我们忽略的东西。废话太多，接下来进入正题。1.Bracket Pair Colorizer首先这款插件的作用=》高亮定位js代码中括号的闭合。写js代码时候是不是有时候复制粘贴的时候还要注意括号的对应，尤其看别人代码的时候，尤其遇到那种多重判断，那代码读起来相当吃力，安装此款插件你会发现代码逻辑块将会更加清晰。2.REST Clie

2020-10-12 13:13:33 1164

原创 Element 表单验证，只在点击保存按钮时统一验证。输入时忽略验证

使用element的表单验证时候，可能有时我们只想在点击保存时候统一验证表单，并不需要实时输入验证。我们只需要在表单中绑定的数据元素上添加：:validate-event="false" 即可。具体如下图

2020-08-05 10:59:08 3830

原创 Element-ui使用下拉选择器初始赋值后，选择其他选项无效

vue+Element-ui select下拉选择器进行初始赋值绑定后无法在选择其他选项 <el-select v-model="tagForm.diseaseCodeList" multiple filterable

2020-07-28 13:12:33 1549

原创记录 github 中创建新的仓库到推项目上去的问题总结

问题一：执行git命令操作报错fatal: not a git repository (or any of the parent directories): .git原因：这是因为我们本地仓库中缺少 .git文件夹解决：执行 git init，执行了git init初始化后，当前文件夹的文件都将置于git管理工具的管理与跟踪当中。这个命令会在当前目录下生成.git文件夹，如果不要git管理了，直接删除这个.git目录即可问题二：执行git push -u origin mastererror

2020-07-21 10:06:02 184

原创解决前端项目中动态获取项目路径问题之Location对象

书到用时方恨少，用好对象没烦恼。今天简单记录一下Location对象使用后的一些笔记。需求：处理项目中静态资源的（绝对路径的获取）今天在全局处理项目静态资源路径的时候，想把相对路径全部换成绝对路径，这样的话方便后期维护，但是维护一个路径变量后期在开发过程中随着服务的改变还要反复修改这个路径，感觉很麻烦。所以我们可以动态的去获取当前的服务路径。Location:Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址Locat.

2020-07-16 11:13:59 1426

原创文本溢出处理(显示省略号)之溢出事件监听

1.文本显示溢出处理以及注意事项在处理前端的文本时候，我们可能需要对多余的文本进行省略显示。.text-overflow { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vert...

2020-04-13 18:05:48 2339

原创 echarts 常见问题收集整理

最近做报表会频繁使用echarts图表，特此整理一下遇到的问题。方便自己以后快速查看。1. 柱状图（1）柱状图宽度：series--使用 barWidth 直接定义，（2）柱状图上方显示数据，包括数据字体大小以及颜色series--使用normal，具体使用如下：series: [{ type: 'bar', data: [ 2.6, 5.9, ], ba...

2019-10-29 10:17:17 362

原创 html5 js(Javascript-Barcode-Reader)实现上传图片或拍照识别条形码的功能

废话不多说，先描述一下场景：本案例是通过图片上传或者拍照来识别出图片上条形码的内容。调研发现目前识别条形码推荐最多的两个js库分别是 quagga.js 和barcode-reader，这里我选择barcode-record 因为看了两个文档对比发现后者实现起来更方便效率上也更高效点。习惯性附一下：javascript-barcode-reader的npm地址：https://...

2019-09-27 18:05:02 4394 20

原创记录一次 git 升级后导致 ssh公钥失效问题解决

git升级后拉取代码以及提交代码操作报了一串错误提示：@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@...

2019-08-14 14:55:28 2103

原创 Mysql 报error 2003，Can't connect to MySQL server on 'localhost' (10061)解决方法

回到桌面，鼠标右键计算机---点击管理，进入管理页面，双击服务和应用程序下的服务，如图：之后到右侧列表中找到 Mysql服务，鼠标右键点击选择启动就好了。...

2019-08-13 14:06:00 216

原创关于echarts插件图表渲染后四周留有大量空白区域解决

最近一直在做报表，报表中需要用到大量的图形展示，echarts 图表在渲染出来后四周留有大片的空白区域，看起来总是感觉不舒服，如下图：红色区域为设置echarts的大小区域范围，而真渲染出来的四周并没有铺满。解决方法：参考 Echarts 配置项属性：grid,（附上地址：https://echarts.baidu.com/option.html#grid）其中 grid 有四个...

2019-07-10 10:15:34 12528 1

原创总结在使用vue-photo-preview---图片查看大图插件，点击图片无法显示预览等问题

说明前先抛一下官网地址：http://npm.taobao.org/package/vue-photo-preview1.使用安装npm install vue-photo-preview --save2.在main.js配置引用import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/sk...

2019-06-21 17:31:27 7799 10

原创 js 如何将图片的base64位编码转换为上传时的文件流

今天使用cropperjs 裁剪图片上传时，发现cropper裁剪后的图片都是base64位图，我们后端非让我处理成原始上传文件流传给他，经过尝试发现以下方式：/*** @description: base64位图片转码文件流* @param {type}* @Date: 2019-05-25 09:57:22*/base64toFile (dataurl, filen...

2019-05-25 17:35:53 12061 7

原创 vue项目在移动端使用cropperjs点击头像（支持裁剪旋转）更换用户头像

需求：点击用户页面的头像上传或拍照更换头像。上传图片后要求可裁剪移动旋转。分析：经过大量的调研，我选择了 cropperjs 去实现这一功能，所以将本次解决过程和思路做一回顾。首先，在项目中引入 cropperjs -------- npm install cropperjs --save其次我在全局创建了一个组件名为：cropper.vue此处是cropper.vue ...

2019-05-25 17:26:01 3120

原创解决ios系统下iframe滚动失效问题。（附带 kindeditor.js等插件ios滚动失效处理）

背景：最近因早期项目中反映出很多页面在ipad以及苹果手机中出现无法滑动的问题，所以开始去排查代码中的问题，经过重重测试最后定位到iframe的问题。处理方式：通过查找才发现在ios下iframe的滚动兼容确实存在问题，网上搜集到处理方式是：在iframe的外层嵌套一个div,设置div滑动：iframe的高度可以通过js进行动态计算赋值。设置样式-webkit-overflow-s...

2019-05-21 13:19:52 708

原创 git 常用命令以及步骤总结

**********全局属性配置**********账号密码:git config --global user.name "Your Name"git config --global user.email you@example.com换行符：#提交时转换为LF，检出时转换为CRLFgit config --global core.autocrlf true #提交时转换为LF...

2019-04-16 11:41:15 171

原创 VS CODE开发配置

为了方便团队合作开发管理项目，放弃了轻量快速的sublime，从而走向vscode一，首先配置自动保存格式化模板打开应用扩展后，1）、下载Prettier - Code formatter和ESLint插件，如下图。2)、下一步File>Preferences>settings（文件>首选项>设置），打开用户设置文件（USER SETTINGS）...

2019-04-10 17:28:54 262

原创 canvas 画布转64位图toDataURL 方法总结

**h5 canvas的toDataURL 这里的前提所绘制上去的图片也好还是文字必须是本地（和当前网页同一个服务器的地址）的图片。** 因为项目中要用到将后台传输的一个编号和放到一张图片上，最后在手机上要能保存这张图片，当然这张图片上要有这个编号，这里我所想到就是将取出来的编号和这张图片绘制到一张canvas 上，最终将这张画布转换成图片，好了，讲到这上代码吧。<div class="...

2017-10-27 14:15:51 845