<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[never。❀的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Amrice_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Amrice_]]></copyright><item><title><![CDATA[问题：element的el-cascader组件，如何在选择任意一级的内容的情况下，去掉前面的radio标签？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/126933061</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/126933061</guid><author>Amrice_</author><pubDate>Mon, 19 Sep 2022 14:27:04 +0800</pubDate><description><![CDATA[vue项目中需要使用element的el-cascader组件，并且可以选择任意一级的内容。还要去掉前面的radio标签。]]></description><category></category></item><item><title><![CDATA[问题：在vue项目中使用EventSource建立连接，并使用hmacsha1签名？并且使用EventSource在header里面传参]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/126118128</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/126118128</guid><author>Amrice_</author><pubDate>Tue, 02 Aug 2022 11:16:17 +0800</pubDate><description><![CDATA[在vue项目中需要使用EventSource实现服务端推送。]]></description><category></category></item><item><title><![CDATA[问题：使用css怎么设置单行文字居右，多行文字居左/居中显示？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/124474319</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/124474319</guid><author>Amrice_</author><pubDate>Thu, 28 Apr 2022 15:18:34 +0800</pubDate><description><![CDATA[遇到的问题：

在编写页面的过程中，不知道大家有没有碰到过这样的一个情况：页面整体分为左右布局，右侧文字会出现以下情况：1、单行文字居右显示； 2、多行文字居左/居中显示？

那么这种情况，我们要怎么用css来实现呢？

解决办法：


&lt;div class="wrap"&gt;
    &lt;span&gt;标题&lt;/span&gt;
    &lt;div class="cont"&gt; 
       &lt;p&gt;测试标题&lt;/p&gt;
    &lt;/div&gt;
&l]]></description><category></category></item><item><title><![CDATA[问题：在vue中this.$router.push怎么使用，query和params 有何区别？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/124124303</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/124124303</guid><author>Amrice_</author><pubDate>Tue, 12 Apr 2022 15:01:46 +0800</pubDate><description><![CDATA[遇到的问题：

在vue中this.$router.push怎么使用，query和params 有何区别？

解决办法：

query和params两者都是在Vue路由中传参。

用法： query用path来引入，params只能用name来传递，不能使用path。

注意：如果在params中，把name写成了path，接收参数页面会是undefined。

展示效果：query更像ajax中get请求（会在地址栏显示参数），而params更像post方式传递（不会在地址栏显示参数）

1.query.]]></description><category></category></item><item><title><![CDATA[问题：引入vuex 报错警告 “export ‘injec‘ was not found in ‘vue‘ ”，怎么解决？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/123851056</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/123851056</guid><author>Amrice_</author><pubDate>Wed, 30 Mar 2022 17:04:43 +0800</pubDate><description><![CDATA[遇到的问题：

在引入Vuex时 警告 "export ‘inject’ was not found in ‘vue’。同时控制台报错。vue/cli 版本 4.5.13。

创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错



解决办法：

1、看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex


npm uninstall vuex

2、重新下载vuex


npm install vuex@3.1.0 --save


...]]></description><category></category></item><item><title><![CDATA[问题：vue-cli failed to download repo vuejs-templates/webpack：connect etimedout连接超时，怎么解决]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/123707275</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/123707275</guid><author>Amrice_</author><pubDate>Thu, 24 Mar 2022 11:57:19 +0800</pubDate><description><![CDATA[遇到的问题：

在使用vue-cli脚手架vue initwebpackmy-login-library 创建vue项目时报错，提示连接超时，应该是下载某个package的时候，需要翻墙，导致出现连接超时。超时错误截图如下：



解决办法：

此问题的解决办法是改为离线创建。我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。下载地址为：https://github.com/vuejs-templates/webpack，下载之后，解压到本地用户目录下的.vu...]]></description><category></category></item><item><title><![CDATA[【面试题】JS面试大全]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/123086495</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/123086495</guid><author>Amrice_</author><pubDate>Wed, 23 Feb 2022 11:53:42 +0800</pubDate><description><![CDATA[2、说一下js的数据类型的转换都有哪些？



3、如何去判断js数据类型？

4、介绍 js 有哪些内置对象？

5、javascript 创建对象的几种方式？



6、js 获取原型的方法？



7、什么是闭包，为什么要用它？



8、三种事件模型是什么？



9、哪些操作会造成内存泄漏？



10、简述javascript中this的指向？

javascript中this的指向问题 - saucxs - 博客园

11、解释...]]></description><category></category></item><item><title><![CDATA[问题：vue项目在npm run serve命令运行以后，控制台报错sockjs.js net::ERR_CONNECTION_TIMED_OUT？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/123048198</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/123048198</guid><author>Amrice_</author><pubDate>Mon, 21 Feb 2022 15:22:29 +0800</pubDate><description><![CDATA[遇到的问题：

在使用vue-cli脚手架创建的项目，项目在npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.1.51:8080/sockjs-node/info?t=1594198586945 net::ERR_CONNECTION_TIMED_OUT



错误分析：

sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。.]]></description><category></category></item><item><title><![CDATA[问题：在elementUI中使用el-time-picker，如何只显示时分，还有怎么设置时间范围？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/122984459</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/122984459</guid><author>Amrice_</author><pubDate>Thu, 17 Feb 2022 15:28:51 +0800</pubDate><description><![CDATA[遇到的问题：

在elementUI中使用el-time-picker，如何只显示时分，并添加范围校验？

解决办法：


&lt;el-time-picker
    v-model="dataList.startTime"
    format='HH:mm'     设置下拉框时间格式
    value-format="HH:mm"    设置返回值时间格式
    :picker-options="{
        校验开始时间不得大于结束时间或最大时间值
        selectableR]]></description><category></category></item><item><title><![CDATA[问题：在vue中处理后台返回的图片流，并将图片流显示在页面中，如何解决？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/122964992</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/122964992</guid><author>Amrice_</author><pubDate>Wed, 16 Feb 2022 15:43:07 +0800</pubDate><description><![CDATA[遇到的问题：

在vue项目中请求axios接口，后端返回的图片是二进制流数据，如果直接在img标签下的src中使用是没有用的。怎么样将图片流显示在页面中呢？





解决方法：



（一）、response-type为blob类型

a. 把response-type改为blob类型

b.在请求后端接口返回data时，调用window的URL方法。


//完整代码
&lt;img :src="imgUrl " /&gt;

axios.get('url',{
   params:{
    ...]]></description><category></category></item><item><title><![CDATA[问题：在vue项目中如何使用element-ui的照片墙功能？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/122924880</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/122924880</guid><author>Amrice_</author><pubDate>Mon, 14 Feb 2022 15:08:29 +0800</pubDate><description><![CDATA[遇到的问题：
在vue项目中如何使用element-ui的照片墙功能，限制只上传9张照片fileList？尤其是在编辑的情况下。

解决方法：


&lt;el-upload
  action="https://jsonplaceholder.typicode.com/posts/"
  list-type="picture-card"
  multiple
  :headers="headers"
  :before-upload="beforeadUrlUpload"
  :on-success="h.]]></description><category></category></item><item><title><![CDATA[问题：npm如何设置仓库地址？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/119915736</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/119915736</guid><author>Amrice_</author><pubDate>Wed, 25 Aug 2021 17:31:37 +0800</pubDate><description><![CDATA[遇到的问题：

在vue项目中npm如何设置仓库地址呢？

解决方法：

一、查看当前地址：


npm config get registry 
https://registry.npmjs.org/

npm config get disturl
undefined


二、设置当前地址（设置为淘宝镜像）：


npm config set registry http://registry.npm.taobao.org/

三、设置当前地址（设置为默认地址）：


npm config set regi]]></description><category></category></item><item><title><![CDATA[问题：在vue项目中如何使用RSA进行加密？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/119565773</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/119565773</guid><author>Amrice_</author><pubDate>Tue, 10 Aug 2021 11:32:51 +0800</pubDate><description><![CDATA[遇到的问题：

在vue项目中如何使用RSA进行加密？

解决思路：

  使用jsencrypt进行加密。一般是客户端初始化时访问登录服务时，服务端面动态生成一对RSA对，公钥传给客户端，客户端拿到后，用户输入密码后，点登录时用公钥加密返回给服务端，服务端用私钥解就行了。

解决方法：

一、安装依赖 


npm install jsencrypt --save

二、main.js中引用依赖


import JSEncrypt from 'jsencrypt';
 
Vue.prototype...]]></description><category></category></item><item><title><![CDATA[问题：在项目中动态加载视频，如何让视频懒加载，以便视频全部加载完？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/118304255</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/118304255</guid><author>Amrice_</author><pubDate>Mon, 28 Jun 2021 15:18:40 +0800</pubDate><description><![CDATA[遇到的问题：

在项目中使用原生&lt;video&gt;标签动态加载播放视频，测试过程中发现，谷歌和火狐浏览器所呈现出来的效果就不相同。那么，如何让视频懒加载，以便视频全部加载完？

解决思路：

动态加载视频是否可以一次性全部加载完成，是否可以点击播放。这个问题看上去简单，但是由于PC/iOS/Android这些不同平台、不同的浏览器内核、甚至相同内核的不同版本，所实现的&lt;video&gt;属性、方法和事件差异较大，解决兼容性问题又给开发造成了很大困扰。

那么，视频是否可以延迟加载，来达到我们需]]></description><category></category></item><item><title><![CDATA[问题： 如何根据后台返回的id值，获取本地菜单对应的数据，创建动态的菜单呢？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/116646322</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/116646322</guid><author>Amrice_</author><pubDate>Tue, 11 May 2021 12:04:34 +0800</pubDate><description><![CDATA[遇到的问题：

如何根据后台返回的id值，获取本地菜单对应的数据，创建动态的菜单呢？



解决思路：

1、将本地菜单数据构建平级数组。

2、构建所需的菜单数组。

3、创建所需的节点树。



解决方法：

1、本地的菜单数据，getMenuData


{
    "code":"000000",
    "msg": "成功",
    "data":[
        {
            "id":1,
            "parentId":null,
           ..]]></description><category></category></item><item><title><![CDATA[问题：微信小程序开发之 --- app.js文件介绍]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/116448662</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/116448662</guid><author>Amrice_</author><pubDate>Thu, 06 May 2021 10:35:57 +0800</pubDate><description><![CDATA[App()

App() 函数用来注册一个小程序。接受一个object 参数(本质就是function 和 data)，其指定小程序的生命周期函数等。

object参数说明：

属性
			类型
			描述
			触发时机
		onLaunch
			Function
			生命周期函数–监听小程序初始化
			当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
		onShow
			Function
			生命周期函数–监听小程序显示
			当小程序启动，或从后台进入前台显示，会触发 .]]></description><category></category></item><item><title><![CDATA[2021年最新vue面试题及答案]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/116202807</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/116202807</guid><author>Amrice_</author><pubDate>Tue, 27 Apr 2021 16:03:24 +0800</pubDate><description><![CDATA[1、什么是MVVM框架？它适用于哪些场景？

MVVM框架是一个 Model-View-View Model框架，其中 ViewModel连接模型Model）和视图（View）。

在数据操作比较多的场景中，MVVM框架更合适，有助于通过操作数据渲染页面。

2、active- class是哪个组件的属性？

它是 vue-router模块的 router-link组件的属性。

3、如何定义Vue- router的动态路由？

在静态路由名称前面添加冒号，例如，设置id动态路由参数，为路由对象的path属]]></description><category></category></item><item><title><![CDATA[问题：在javascript中，要判断某个字符在不在一个字符串中，怎么处理？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/116157397</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/116157397</guid><author>Amrice_</author><pubDate>Mon, 26 Apr 2021 15:22:44 +0800</pubDate><description><![CDATA[遇到的问题：

最近在做项目的时候，要判断一个字符（字符串）是否在另一个字符串中。可是，我只记得一个indexOf并不能满足我的需求。还有其他什么方法呢？

解决思路：

查询js的属性或方法，重新学习一下。

于是，总结了以下几种方法：

一、indexOf()：可返回某个指定的字符串值在另一个字符串中首次出现的位置。如若没有，则返回-1。


var str = "zhangsan"
console.log(str.indexOf("ang"));  // 2
console.log(str.index]]></description><category></category></item><item><title><![CDATA[vue项目关闭eslint检查，vue关闭代码格式校验]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/116130736</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/116130736</guid><author>Amrice_</author><pubDate>Sun, 25 Apr 2021 15:36:50 +0800</pubDate><description><![CDATA[eslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。

关闭eslint检查

有了eslint的检查，代码中的缩进、空格、空白行之类的都会被按照规范检查。
但是，如果突然引入一个第三方加密的插件，怎么忽略该插件检查都不好使的情况下，最简单粗暴的方法就是关闭eslint检查。

一、找到build/webpack.base.conf.js文件，作如下修改：

二、你的build/webpack.base.conf.js文件或许这样：



我是同时操作两个内容，才关闭掉。
.]]></description><category></category></item><item><title><![CDATA[问题：在vue-cli2和vue-cli3中，如何在局域网通过IP访问项目？]]></title><link>https://blog.youkuaiyun.com/Amrice_/article/details/115909118</link><guid>https://blog.youkuaiyun.com/Amrice_/article/details/115909118</guid><author>Amrice_</author><pubDate>Tue, 20 Apr 2021 15:21:23 +0800</pubDate><description><![CDATA[遇到的问题：

在vue-cli2和vue-cli3中，如何在局域网通过IP，使用pc和手机访问项目呢？



解决方法：

一、vue-cli2

第一种方法：

找到 your-project/build/webpack.dev.conf.js


// const HOST = process.env.HOST
const HOST = '172.20.x.xx'

然后保存，重新启动一下服务，会发现 PC 地址栏已经变成：
http://172.20.x.xx:8080了，然后用手机试一试，没问..]]></description><category></category></item></channel></rss>