草庐IT

记录--vue脚手架

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、vue脚手架1.简介VueCLI是一个基于Vue.js进行快速开发的完整系统。2.命令行操作步骤npminstall-g@vue/cli安装3.x版本的vue脚手架vue-V测试是否安装成功vuecreate项目名(注意不要用中文和特殊字符)cd项目名npmrunserve从vuecreatemy-project为例展示截图     最后cd到你自己创建的项目中,npmrunserve把项目跑起来即可。此时跑起来后就会显示下面的界面 此时我们在浏览器输入上面提示的网址,显示效果如下:3.图形界面操作步骤 vueui(命令行输入此命

VUE3.0---Pinia学习记录

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助Pinia优势Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐Vue2和Vue3都能支持抛弃传统的Mutation,只有state,getter和action,简化状态管理库不需要嵌套模块,符合Vue3的Compositionapi,让代码扁平化TypeScript支持代码简介,很好的代码自动分割Pinia基本使用初始化项目:npminitvite@latest安装Pinia:npmipinia挂载Pinia 创建Store 使用Store解构store当store中的多个参数需要被使用到的时候,为了更简洁的

记录--Vue PC前端扫码登录

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助需求描述目前大多数PC端应用都有配套的移动端APP,如微信,淘宝等,通过使用手机APP上的扫一扫功能去扫页面二维码图片进行登录,使得用户登录操作更方便,安全,快捷。思路解析PC扫码原理?扫码登录功能涉及到网页端、服务器和手机端,三端之间交互大致步骤如下:网页端展示二维码,同时不断的向服务端发送请求询问该二维码的状态;手机端扫描二维码,读取二维码成功后,跳转至确认登录页,若用户确认登录,则服务器修改二维码状态,并返回用户登录信息;网页端收到服务器端二维码状态改变,则跳转登录后页面;若超过一定时间用户未操作,网页端二维码失效,需要重新刷新

记录--vue脚手架

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助一、vue脚手架1.简介VueCLI是一个基于Vue.js进行快速开发的完整系统。2.命令行操作步骤npminstall-g@vue/cli安装3.x版本的vue脚手架vue-V测试是否安装成功vuecreate项目名(注意不要用中文和特殊字符)cd项目名npmrunserve从vuecreatemy-project为例展示截图     最后cd到你自己创建的项目中,npmrunserve把项目跑起来即可。此时跑起来后就会显示下面的界面 此时我们在浏览器输入上面提示的网址,显示效果如下:3.图形界面操作步骤 vueui(命令行输入此命

VUE3.0---Pinia学习记录

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助Pinia优势Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐Vue2和Vue3都能支持抛弃传统的Mutation,只有state,getter和action,简化状态管理库不需要嵌套模块,符合Vue3的Compositionapi,让代码扁平化TypeScript支持代码简介,很好的代码自动分割Pinia基本使用初始化项目:npminitvite@latest安装Pinia:npmipinia挂载Pinia 创建Store 使用Store解构store当store中的多个参数需要被使用到的时候,为了更简洁的

记录--数组去重的五种方法

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言您或许会疑惑,网上那么多去重方法,这篇文章还有什么意义?别着急,这篇文章只节选了简单的,好玩的,古老的,有实际讲解意义的去重方法,除了去重的实现以外,我还将和您分享这其中的其他细节和拓展。您或许不理解,为什么只有五种?当然,我可以举例出更多的例子来,但那有什么意义呢?工作中用不到那么多,会其中一二就可以。即使是面试,能说出五种也是完全足够的。所以,我们完全没有必要去记忆更多的去重方式。五种方式最简单的方法,ES6的Set去重(最推荐)这个方法是我日常开发中最喜欢用的方法,因为,他的使用方法是所有去重中最简单的。而我是一个懒癌患者。

记录--Cesium+Vue实战教程——地图导航

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助项目效果我们今天要实现的是一个路径规划的功能,有两个输入框。输入起点终点,然后查询,得到规划的路径,效果如下:我们会用到以下库:Axios:用于发送请求,请求高德地图的地理编码APIJquery:也用于发送请求Cesium:地图框架Vue:前端框架前期准备路径规划目前我们没有路网数据,所以自己做不了(后面可以出一期),因此我们可以请求百度地图的api,但前提是我们有起点和终点的经纬度,没有人会用经纬度来导航吧?因此我们还需要进行地理编码,把中文转化具体的地理位置(经纬度),这里我们用了高德的api,最后我们地图需要切片数据,默认会用C

记录--数组去重的五种方法

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言您或许会疑惑,网上那么多去重方法,这篇文章还有什么意义?别着急,这篇文章只节选了简单的,好玩的,古老的,有实际讲解意义的去重方法,除了去重的实现以外,我还将和您分享这其中的其他细节和拓展。您或许不理解,为什么只有五种?当然,我可以举例出更多的例子来,但那有什么意义呢?工作中用不到那么多,会其中一二就可以。即使是面试,能说出五种也是完全足够的。所以,我们完全没有必要去记忆更多的去重方式。五种方式最简单的方法,ES6的Set去重(最推荐)这个方法是我日常开发中最喜欢用的方法,因为,他的使用方法是所有去重中最简单的。而我是一个懒癌患者。

记录--Cesium+Vue实战教程——地图导航

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助项目效果我们今天要实现的是一个路径规划的功能,有两个输入框。输入起点终点,然后查询,得到规划的路径,效果如下:我们会用到以下库:Axios:用于发送请求,请求高德地图的地理编码APIJquery:也用于发送请求Cesium:地图框架Vue:前端框架前期准备路径规划目前我们没有路网数据,所以自己做不了(后面可以出一期),因此我们可以请求百度地图的api,但前提是我们有起点和终点的经纬度,没有人会用经纬度来导航吧?因此我们还需要进行地理编码,把中文转化具体的地理位置(经纬度),这里我们用了高德的api,最后我们地图需要切片数据,默认会用C

uni-app如何实现USB插入后自动弹出对应软件

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助最近碰到了一个奇葩需求,要用uni-app来实现usb接入设备的时候,让软件自动弹出来,这里给出我制作的过程和参考的各种思路,希望对大家有所帮助一.插入usb自动弹出app因为uni-app代码里并不支持这个行为,我们需要用Android代码来制作对应功能具体本地打包步骤可以看我之前的文章点击前往1.在添加在res/xml文件夹下新建device_filter.xml 其中vendor-id和product-id为插入USB设备的生产厂家号和产品号,但插入(attached)上面列出的设备之一时就会弹出选择打开应用程序的对话框。注:上