<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[cinoway的博客]]></title><description><![CDATA[away a way,alone a lone.]]></description><link>https://blog.csdn.net/gc_89757</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; gc_89757]]></copyright><item><title><![CDATA[Webpack 开发环境的基本配置]]></title><link>https://blog.csdn.net/gc_89757/article/details/114122128</link><guid>https://blog.csdn.net/gc_89757/article/details/114122128</guid><author>gc_89757</author><pubDate>Fri, 26 Feb 2021 11:42:52 +0800</pubDate><description><![CDATA[Webpack 开发环境的基本配置

webpack.config.js 是 webpack 的配置文件。

作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置）

所有构建工具都是基于 nodejs 平台运行的，模块化默认采用 commonjs。

开发环境配置主要是为了能让代码运行。主要考虑以下几个方面：

打包样式资源
	打包 html 资源
	打包图片资源
	打包其他资源
	devServer
下面是一个简单的开发环境webpack.confg.js配置文件
]]></description><category></category></item><item><title><![CDATA[webpack简介]]></title><link>https://blog.csdn.net/gc_89757/article/details/114116655</link><guid>https://blog.csdn.net/gc_89757/article/details/114116655</guid><author>gc_89757</author><pubDate>Fri, 26 Feb 2021 10:16:05 +0800</pubDate><description><![CDATA[一、Webpack 简介

1.1 webpack 是什么

webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。

在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。
它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。

1.2 webpack 五个核心概念

1.2.1 Entry

入口(Entry)：指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。]]></description><category></category></item><item><title><![CDATA[关于微信小程序 “扫普通链接二维码打开小程序”动态传递多个参数开发过程记录与总结]]></title><link>https://blog.csdn.net/gc_89757/article/details/112862613</link><guid>https://blog.csdn.net/gc_89757/article/details/112862613</guid><author>gc_89757</author><pubDate>Wed, 20 Jan 2021 14:12:55 +0800</pubDate><description><![CDATA[前言：因项目中需要线下 扫描二维码进入到小程序完成 身份绑定，二维码中 要动态传递多个参数，看了官网文档介绍以及官方论坛，整个过程还比较顺利，特把整个过程中遇到的坑点做以总结。


快速跳转官网文档介绍：扫码打开小程序接入指南

开发前相关配置

首先按照官方文档我们先做好配置工作，配置流程如下：小程序后台配置-开发管理-开发设置-扫普通链接二维码打开小程序，





开发过程中配置，举个例子：假如我们二维码的地址是：https://www.xxx.com/xxx?code=xxx,code 是我们...]]></description><category></category></item><item><title><![CDATA[vue-qr 一款好用的二维码生成工具介绍及使用记录]]></title><link>https://blog.csdn.net/gc_89757/article/details/112831625</link><guid>https://blog.csdn.net/gc_89757/article/details/112831625</guid><author>gc_89757</author><pubDate>Tue, 19 Jan 2021 17:39:15 +0800</pubDate><description><![CDATA[需求：需要在web项目中为用户生成二维码，然后供用户扫描跳转进入小程序绑定。我们的项目使用Vue框架搭建的，经过调研最后选择用 vue-qr 这款插件来生成二维码，这里记录一下开发流程。


特殊提示：Not support IE 不支持IE浏览器 （需要支持IE的请绕道走）

npm:https://www.npmjs.com/package/vue-qr

git:https://github.com/Binaryify/vue-qr

安装方式


npm install vue-qr --sa...]]></description><category></category></item><item><title><![CDATA[记录在小程序中前端调用百度 Ocr 识别身份证信息]]></title><link>https://blog.csdn.net/gc_89757/article/details/112562949</link><guid>https://blog.csdn.net/gc_89757/article/details/112562949</guid><author>gc_89757</author><pubDate>Wed, 13 Jan 2021 14:54:48 +0800</pubDate><description><![CDATA[微信小程序因为业务扩展需要用户身份证信息，这里记录一下在小程序中通过百度ocr识别的一个开发过程记录。


1. 注册百度云账号

首先，我们要去百度云注册个账号，百度云注册，已经注册过可以忽略这部。注册完成后，登录到首页，点击 产品-人工智能-卡证文字识别，查看技术文档。



2. 接口文档分析

请求说明

HTTP 方法：POST

请求URL：https://aip.baidubce.com/rest/2.0/ocr/v1/idcard

URL参数：

参数
			值
		access_...]]></description><category></category></item><item><title><![CDATA[eslint 效验 switch case语句缩进警告提示处理]]></title><link>https://blog.csdn.net/gc_89757/article/details/111032457</link><guid>https://blog.csdn.net/gc_89757/article/details/111032457</guid><author>gc_89757</author><pubDate>Fri, 11 Dec 2020 11:45:53 +0800</pubDate><description><![CDATA[当我们在项目里开启eslint来效验代码规范问题的时候，会发现在 switch语句中的缩进会一直缩进错误提示。

处理方法：



我们只需要在eslint配置文件中 rules中的indent中配置如下即可。


{ "SwitchCase": 1 }


...]]></description><category></category></item><item><title><![CDATA[taro3.x 安装 taro-ui后打包编译报错]]></title><link>https://blog.csdn.net/gc_89757/article/details/110916339</link><guid>https://blog.csdn.net/gc_89757/article/details/110916339</guid><author>gc_89757</author><pubDate>Wed, 09 Dec 2020 09:51:28 +0800</pubDate><description><![CDATA[在 taro3.x 框架上按照taro-ui官网安装后编译报错，报错内容如下：



查阅资料后，发现是因为taro-ui安装的版本问题。taro3.x后安装taro-ui要使用：


npm install taro-ui@3.0.0-alpha.3

再次编译，发现成功运行，特此记录。
...]]></description><category></category></item><item><title><![CDATA[Taro中使用 react Hooks 如何通过路由传递和接受参数]]></title><link>https://blog.csdn.net/gc_89757/article/details/110850595</link><guid>https://blog.csdn.net/gc_89757/article/details/110850595</guid><author>gc_89757</author><pubDate>Tue, 08 Dec 2020 10:11:09 +0800</pubDate><description><![CDATA[最近看了一下 taro 的文档，便着手搭建了一套框架改版了一下之前的小程序。taro目前选择的是3.x版本。

首先，简单说一下传递参数。在taro中路由跳转方式共有五种。

路由跳转


	Taro.switchTab(option)跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
	
	
	Taro.reLaunch(option)关闭所有页面，打开到应用内的某个页面
	
	
	Taro.redirectTo(option)关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 ...]]></description><category></category></item><item><title><![CDATA[推荐vscode中一些比较好用的插件]]></title><link>https://blog.csdn.net/gc_89757/article/details/109024246</link><guid>https://blog.csdn.net/gc_89757/article/details/109024246</guid><author>gc_89757</author><pubDate>Mon, 12 Oct 2020 13:13:33 +0800</pubDate><description><![CDATA[前言，俗话说，找到一款好的的适合自己IDE，这样撸起代码来才能得心应手，但是找到好的插件，你会发现写起代码会更加事半功倍。对于个人而言，我更注重去找寻那些看起来被我们忽略的东西。废话太多，接下来进入正题。

1.Bracket Pair Colorizer

首先这款插件的作用=》高亮定位js代码中括号的闭合。

写js代码时候是不是有时候复制粘贴的时候还要注意括号的对应，尤其看别人代码的时候，尤其遇到那种多重判断，那代码读起来相当吃力，安装此款插件你会发现代码逻辑块将会更加清晰。

2.REST Clie]]></description><category></category></item><item><title><![CDATA[Element 表单验证，只在点击保存按钮时统一验证。输入时忽略验证]]></title><link>https://blog.csdn.net/gc_89757/article/details/107810082</link><guid>https://blog.csdn.net/gc_89757/article/details/107810082</guid><author>gc_89757</author><pubDate>Wed, 05 Aug 2020 10:59:08 +0800</pubDate><description><![CDATA[使用element的表单验证时候，可能有时我们只想在 点击保存时候统一验证表单，并不需要实时输入验证。我们只需要在 表单中绑定的数据元素上添加：:validate-event="false" 即可。具体如下图


]]></description><category></category></item><item><title><![CDATA[Element-ui使用下拉选择器初始赋值后，选择其他选项无效]]></title><link>https://blog.csdn.net/gc_89757/article/details/107633826</link><guid>https://blog.csdn.net/gc_89757/article/details/107633826</guid><author>gc_89757</author><pubDate>Tue, 28 Jul 2020 13:12:33 +0800</pubDate><description><![CDATA[vue+Element-ui select下拉选择器进行初始赋值绑定后无法在选择其他选项


                                &lt;el-select
                                    v-model="tagForm.diseaseCodeList"
                                    multiple
                                    filterable
 ]]></description><category></category></item><item><title><![CDATA[记录 github 中创建新的仓库到推项目上去的问题总结]]></title><link>https://blog.csdn.net/gc_89757/article/details/107481741</link><guid>https://blog.csdn.net/gc_89757/article/details/107481741</guid><author>gc_89757</author><pubDate>Tue, 21 Jul 2020 10:06:02 +0800</pubDate><description><![CDATA[问题一：执行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]]></description><category></category></item><item><title><![CDATA[解决前端项目中动态获取项目路径问题之Location对象]]></title><link>https://blog.csdn.net/gc_89757/article/details/107377904</link><guid>https://blog.csdn.net/gc_89757/article/details/107377904</guid><author>gc_89757</author><pubDate>Thu, 16 Jul 2020 11:13:59 +0800</pubDate><description><![CDATA[书到用时方恨少，用好对象没烦恼。

今天简单记录一下Location对象使用后的一些笔记。需求：处理项目中静态资源的（绝对路径的获取）

今天在全局处理项目静态资源路径的时候，想把相对路径全部换成绝对路径，这样的话方便后期维护，但是维护一个路径变量后期在开发过程中随着服务的改变还要反复修改这个路径，感觉很麻烦。所以我们可以动态的去获取当前的服务路径。

Location:Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址

Locat.]]></description><category></category></item><item><title><![CDATA[文本溢出处理(显示省略号)之溢出事件监听]]></title><link>https://blog.csdn.net/gc_89757/article/details/105492559</link><guid>https://blog.csdn.net/gc_89757/article/details/105492559</guid><author>gc_89757</author><pubDate>Mon, 13 Apr 2020 18:05:48 +0800</pubDate><description><![CDATA[1.文本显示溢出处理以及注意事项

在处理前端的文本时候，我们可能需要对多余的文本进行省略显示。


.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vert...]]></description><category></category></item><item><title><![CDATA[echarts 常见问题收集整理]]></title><link>https://blog.csdn.net/gc_89757/article/details/102794036</link><guid>https://blog.csdn.net/gc_89757/article/details/102794036</guid><author>gc_89757</author><pubDate>Tue, 29 Oct 2019 10:17:17 +0800</pubDate><description><![CDATA[最近做报表会频繁使用echarts图表，特此整理一下遇到的问题。方便自己以后快速查看。

1. 柱状图

（1）柱状图宽度：series--使用 barWidth 直接定义，

（2）柱状图上方显示数据，包括数据字体大小以及颜色series--使用normal，具体使用如下：


series: [{
	type: 'bar',
	data: [
			2.6,
			5.9,
		],
	ba...]]></description><category></category></item><item><title><![CDATA[html5 js(Javascript-Barcode-Reader)实现上传图片或拍照识别条形码的功能]]></title><link>https://blog.csdn.net/gc_89757/article/details/101546041</link><guid>https://blog.csdn.net/gc_89757/article/details/101546041</guid><author>gc_89757</author><pubDate>Fri, 27 Sep 2019 18:05:02 +0800</pubDate><description><![CDATA[废话不多说，先描述一下场景：本案例是通过图片上传或者拍照来识别出图片上条形码的内容。

调研发现目前 识别条形码推荐最多的两个js库分别是 quagga.js 和barcode-reader，这里我选择barcode-record 因为看了两个文档对比发现后者实现起来更方便效率上也更高效点。

习惯性附一下：javascript-barcode-reader的npm地址：https://...]]></description><category></category></item><item><title><![CDATA[记录一次 git 升级后导致 ssh公钥 失效问题解决]]></title><link>https://blog.csdn.net/gc_89757/article/details/99568623</link><guid>https://blog.csdn.net/gc_89757/article/details/99568623</guid><author>gc_89757</author><pubDate>Wed, 14 Aug 2019 14:55:28 +0800</pubDate><description><![CDATA[git升级后拉取代码以及提交代码操作报了一串错误提示：


@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  
@    WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!     @  
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@...]]></description><category></category></item><item><title><![CDATA[Mysql 报error 2003，Can't connect to MySQL server on 'localhost' (10061)解决方法]]></title><link>https://blog.csdn.net/gc_89757/article/details/99430090</link><guid>https://blog.csdn.net/gc_89757/article/details/99430090</guid><author>gc_89757</author><pubDate>Tue, 13 Aug 2019 14:06:00 +0800</pubDate><description><![CDATA[回到桌面，鼠标右键计算机---点击管理，进入管理页面，双击 服务和应用程序 下的服务，如图：



之后到右侧列表中找到 Mysql服务，鼠标右键点击选择启动就好了。
...]]></description><category></category></item><item><title><![CDATA[关于echarts插件图表渲染后四周留有大量空白区域解决]]></title><link>https://blog.csdn.net/gc_89757/article/details/95309812</link><guid>https://blog.csdn.net/gc_89757/article/details/95309812</guid><author>gc_89757</author><pubDate>Wed, 10 Jul 2019 10:15:34 +0800</pubDate><description><![CDATA[最近一直在做报表，报表中需要用到大量的图形展示，echarts 图表在渲染出来后四周留有大片的空白区域，看起来总是感觉不舒服，如下图：



红色区域为设置echarts的大小区域范围，而真渲染出来的四周并没有铺满。

解决方法：参考 Echarts 配置项属性：grid,（附上地址：https://echarts.baidu.com/option.html#grid）

其中 grid 有四个...]]></description><category></category></item><item><title><![CDATA[总结在使用vue-photo-preview---图片查看大图插件，点击图片无法显示预览等问题]]></title><link>https://blog.csdn.net/gc_89757/article/details/93206245</link><guid>https://blog.csdn.net/gc_89757/article/details/93206245</guid><author>gc_89757</author><pubDate>Fri, 21 Jun 2019 17:31:27 +0800</pubDate><description><![CDATA[说明前先抛一下官网地址：http://npm.taobao.org/package/vue-photo-preview

1.使用安装


npm install vue-photo-preview --save

2.在main.js配置引用


import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/sk...]]></description><category></category></item></channel></rss>