logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-cli ,vue2项目的完整搭建,新建,配置,路由配置,API封装,到打包上线

发现当我重新开发一个项目的时候,偶尔会忘记某些步骤,所以做个整理便于以后查看!项目开始的时候当然是做技术选型,还有用什么框架啊,插件啊,都先设计好,这样在开发过程中也不会太曲折!项目搭建的过程,在本文中划分为6个部分安装node,安装全局vue,安装vue-cli检查安装是否成功因为个人习惯这里用vue2来举例,新建一个文件夹,进入到文件夹,命令行输入如下图所示:安装进入项目:启动项目:浏览器打开

文章图片
#javascript#npm#前端
Vue 刷新当前组件的5种方式

forceUpdate 是 Vue 提供的一个方法,可以强制重新渲染组件。但这种方法不会重置组件的状态,只是触发重新渲染。通过改变一个 v-if 条件或者更新一个 key 值来强制 Vue 重新挂载组件,从而达到刷新的效果。的情况下刷新数据,可以使用 beforeRouteUpdate 守卫。如果当前组件是通过路由加载的,可以通过路由的 push 方法。这是最直接的方法,它会像用户点击浏览器的刷新

文章图片
#vue.js#前端框架#前端 +1
在 Vue.js 中,点击打开一个新页面可以通过以下6种方式实现

如果需要通过 Vue Router 打开一个新页面(例如跳转到另一个路由),可以使用 router.resolve 生成完整的 URL,然后结合 window.open 打开。如果需要通过 Vue Router 打开一个新页面,可以直接使用并设置 target=“_blank”。: 使用 Vue Router 的 router.resolve。标签,并设置 target=“_blank” 来打开新

文章图片
#javascript#vue.js#人工智能
字符串(string),数组(array),对象(object),互相转化的方法

字符串(string),数组(array),对象(object),互相转化的方法字符串转数组:方法:str.split(’,’)这里用的是“,”做为分割符,换成其他也是可以的,例如str.split(‘星’)var str1= '海王星,冥王星,地球,水星,金星,火星,土星,木星'console.log(str1.split(','))输出结果:字符串转对象:经常会有后台接口传过来的数据是一串字符

#javascript#webstorm
vue 剪切或复制,如何获取剪切板的信息,图片,并展现?

1,在元素上绑定一个paste黏贴事件,在黏贴版找到类型为图片的item,用getAsFile()方法,变成file对象。2,如果要展示图片,用FileReader()从file对象中读取数据,直接拿base64地址展示;3,如果要将拿到的剪切板内容传给某个API存储或调用,借助FormData对象将数据传给你的api。

#vue.js#javascript#前端
vue-cli ,vue2项目的完整搭建,新建,配置,路由配置,API封装,到打包上线

发现当我重新开发一个项目的时候,偶尔会忘记某些步骤,所以做个整理便于以后查看!项目开始的时候当然是做技术选型,还有用什么框架啊,插件啊,都先设计好,这样在开发过程中也不会太曲折!项目搭建的过程,在本文中划分为6个部分安装node,安装全局vue,安装vue-cli检查安装是否成功因为个人习惯这里用vue2来举例,新建一个文件夹,进入到文件夹,命令行输入如下图所示:安装进入项目:启动项目:浏览器打开

文章图片
#javascript#npm#前端
vue 剪切或复制,如何获取剪切板的信息,图片,并展现?

1,在元素上绑定一个paste黏贴事件,在黏贴版找到类型为图片的item,用getAsFile()方法,变成file对象。2,如果要展示图片,用FileReader()从file对象中读取数据,直接拿base64地址展示;3,如果要将拿到的剪切板内容传给某个API存储或调用,借助FormData对象将数据传给你的api。

#vue.js#javascript#前端
vue-cli ,vue2项目的完整搭建,新建,配置,路由配置,API封装,到打包上线

发现当我重新开发一个项目的时候,偶尔会忘记某些步骤,所以做个整理便于以后查看!项目开始的时候当然是做技术选型,还有用什么框架啊,插件啊,都先设计好,这样在开发过程中也不会太曲折!项目搭建的过程,在本文中划分为6个部分安装node,安装全局vue,安装vue-cli检查安装是否成功因为个人习惯这里用vue2来举例,新建一个文件夹,进入到文件夹,命令行输入如下图所示:安装进入项目:启动项目:浏览器打开

文章图片
#javascript#npm#前端
三种办法遍历对象数组,获取数组对象中所有的属性值(key,value);四种方法查找对象数组里面的某个值

如果是要获取具体第几个属性的值,倒是可以用arr[i].name的方法来实现。查看数据里面是否含有这个布尔值(只要有一个满足就可以了)2、every;查看数组中是否有不满足条件的,和some有相反意思。若是全部的属性的值,并返回一个新的数组嘞,思路是加循环遍历。3、forEach 方法。map方法抽取成公共方法。

文章图片
#javascript#前端
解决iOS和安卓端的无法禁止双指缩放,双击缩放问题

方法一:在程序的入口页面的 <meta>标签里面加maximum-scale=0, user-scalable=0maximun-scale:允许用户的最大缩放值,0.0-10.0之间;minimum-scale : 最小缩放系数,0.0-10.0之间;user-scalable:是否允许用户进行缩放;这两个的默认属性为允许 yes 或 1,不允许则为 no 或 0;initial-s

#javascript#html5#html +1
到底了