<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[南京小龙虾的博客]]></title><description><![CDATA[一只初入社会的胆小的龙虾，记录前端之路]]></description><link>https://blog.youkuaiyun.com/lxj7607</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lxj7607]]></copyright><item><title><![CDATA[vue实现页面刷新控制]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/120543334</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/120543334</guid><author>lxj7607</author><pubDate>Wed, 29 Sep 2021 10:42:52 +0800</pubDate><description><![CDATA[最近做了个需求，要求从页面A进入页面B,正常刷新页面，页面B是可编辑的，从页面B进入页面C后，点击返回B页面，需要保存下页面B的内容，也就是不刷新，说简单就是A跳转到B,刷新，C到B，不刷新

主要是通过keep-live控制

在router,js里先设置keep-live

主要两点，一个是在template里通过路由元信息meta里的keepAlive控制是否使用keep-live缓存组件，二是在路由配置里通过设置meta的keepALive来实现缓存页面不刷新，需要缓存的设置keepAlive为tr]]></description><category></category></item><item><title><![CDATA[一些面试题]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/117454917</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/117454917</guid><author>lxj7607</author><pubDate>Tue, 08 Jun 2021 10:09:58 +0800</pubDate><description><![CDATA[http增加签名机制的原理
	display:inline-block的元素
	window,document自带的方法
	AMD,CMD,commonjs不同
	XSS CSRF
	class继承和ES5继承的不同
	字符串slice方法的几个属性
	数组合并的方法，数组去重
	对象合并的方法
	vue mixin,render
	vue nextTick和setTimeout
...]]></description><category></category></item><item><title><![CDATA[使用CSS给图片加上角标记]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/116117370</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/116117370</guid><author>lxj7607</author><pubDate>Sun, 25 Apr 2021 10:22:51 +0800</pubDate><description><![CDATA[实现后的效果，图片左上角有了标记信息



主要是通过定位和伪类实现

左上角代码


&lt;html&gt;
&lt;div class="wrap"&gt;
  &lt;img width="200" height="200" src="https://t7.baidu.com/it/u=1595072465,3644073269&amp;fm=193&amp;f=GIF"&gt;&lt;/img&gt;
  &lt;!-- 标记信息 --&gt;
  &lt;p class="mark"&gt;
.]]></description><category></category></item><item><title><![CDATA[vue 使用scss报错]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/113368449</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/113368449</guid><author>lxj7607</author><pubDate>Fri, 29 Jan 2021 10:19:44 +0800</pubDate><description><![CDATA[vue 使用scss报错
安装sass-load和node-sass
npm install sass-loader --save-dev  
npm install node-sass --save


在webpack.base.conf.js中配置好了

然后发现报错了

(node:2532) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either byrRunner.js]]></description><category></category></item><item><title><![CDATA[ng serve 启动后抛出 Critical dependency and Module not found 警告和错误]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/106802159</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/106802159</guid><author>lxj7607</author><pubDate>Wed, 17 Jun 2020 10:32:33 +0800</pubDate><description><![CDATA[现象

使用 ng serve --open 启动项目后，控制台打印




** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
                                                                                          
Date: 2019-.]]></description><category></category></item><item><title><![CDATA[NG-ZORRO中table改变表格的两行的位子，上移，下移，置顶]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/106640280</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/106640280</guid><author>lxj7607</author><pubDate>Tue, 09 Jun 2020 14:32:06 +0800</pubDate><description><![CDATA[由于ant-zorro组件库里的表格，直接使用splice修改无法生效





需要稍微改下写法

这里是定义方法的地方,依旧使用的是splice和unshift方法


/**
 * @description 数组两个元素换位子
 * @param arr 传入的数组，index1，index2 交换位置的元素
 */
export function swapArr(arr: any[], index1: number, index2: number) {
  arr[index1] = arr.sp.]]></description><category></category></item><item><title><![CDATA[js实现多行文本根据换行分隔成数组]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/105734039</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/105734039</guid><author>lxj7607</author><pubDate>Fri, 24 Apr 2020 16:46:15 +0800</pubDate><description><![CDATA[最近碰到一个问题，需要将textarea中获取到的多行文本数据按每一行进行识别，分隔成每一行一条单独的数据

比如这样的数据


"adsghasdghq131dadqe1
qw1231few34234wetete
qweq12314twr12313131
wr12313131qw2314tdas
qwequiqweasdaduqweie"

希望按照换行转换为


["adsghasdghq13...]]></description><category></category></item><item><title><![CDATA[前端面试（八）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/105254221</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/105254221</guid><author>lxj7607</author><pubDate>Sun, 05 Apr 2020 18:48:25 +0800</pubDate><description><![CDATA[一、div p 和div&gt;p的区别

二、实现左侧固定宽高，右侧自适应的布局



3、let const var 的区别

4、





输出结果是多少？


]]></description><category></category></item><item><title><![CDATA[前端面试（七）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/105208830</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/105208830</guid><author>lxj7607</author><pubDate>Tue, 31 Mar 2020 21:26:59 +0800</pubDate><description><![CDATA[一、同源策略

同源是指协议，域名，端口均一致。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

Cookie、LocalStorage、IndexDB无法读取；

DOM无法获得；

AJAX请求不能发送；



二、前后端如何通信

AJAX,WebSocket,CORS



三、创建Ajax

XMLHttoReq...]]></description><category></category></item><item><title><![CDATA[解决vue中对象属性改变视图不更新的问题]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/105226708</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/105226708</guid><author>lxj7607</author><pubDate>Tue, 31 Mar 2020 19:28:13 +0800</pubDate><description><![CDATA[今天碰到了一个ue中对象属性改变视图不更新的问题，一开始还一直以为是vue中@focus和@blur的问题，上午查资料，各种折腾，还是没有解决。最后请教了大神，上来就直接给我推翻了我的判断。。。然后直接让我百度了‘vue中对象属性改变视图不更新’，最后成功解决了问题！记录一下解决vue中对象属性改变视图不更新的问题的方法

利用Vue.set(object,key,val)

// 数量输入框失...]]></description><category></category></item><item><title><![CDATA[前端面试（六）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/105184211</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/105184211</guid><author>lxj7607</author><pubDate>Mon, 30 Mar 2020 21:09:27 +0800</pubDate><description><![CDATA[一、实现一个高度已知，左右宽度固定，中间宽度自适应的布局，有几种方式？

float布局，absolute布局，flex布局，table布局，grid布局。

（float布局，absolute布局会脱离文档流，flex和grid兼容性问题，table布局比较繁琐，把高度已知去掉，flex和table布局依旧能用）

二、CSS盒模型

content+padding+border+margin
...]]></description><category></category></item><item><title><![CDATA[JavaScript执行机制]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/105097912</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/105097912</guid><author>lxj7607</author><pubDate>Wed, 25 Mar 2020 16:23:40 +0800</pubDate><description><![CDATA[以前一直不怎么理解JS执行机制，直到读了下面这篇文章

JavaScript执行机制

原文

　　简书原文：https://www.jianshu.com/p/0d2d42fbe1dc

大纲

　　1、场景分析
　　2、执行机制相关知识点
　　3、以实例来说明JavaScript的执行机制
　　4、相关概念

1、场景分析


			1

			2

			3

			4

			5

			...]]></description><category></category></item><item><title><![CDATA[前端面试（五）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/104906172</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/104906172</guid><author>lxj7607</author><pubDate>Tue, 17 Mar 2020 16:18:52 +0800</pubDate><description><![CDATA[web端通信的协议

https://www.sohu.com/a/321381151_100191460

js原型继承与其他语言的继承和什么区别

vue任意组件之间通信的方法

js画一个例如echarts这一类的饼图

这一次的面试有点崩，这几道题目几乎全G了，后面就是一些发散性的问题，例如为什么选择这个行业，对比科班出身的你有什么不足和优点，工作过程中碰到的难题，最近在学习什么吗，有没有...]]></description><category></category></item><item><title><![CDATA[前端面试（四）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/104884303</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/104884303</guid><author>lxj7607</author><pubDate>Mon, 16 Mar 2020 18:01:48 +0800</pubDate><description><![CDATA[1、jquery, vue, angular 操作dom的区别

   https://www.jianshu.com/p/b199b87a48ad

2、vue, angular父子传参方式

   https://blog.youkuaiyun.com/qq_37570945/article/details/81187972

  https://blog.youkuaiyun.com/litte...]]></description><category></category></item><item><title><![CDATA[前端面试（三）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/104845460</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/104845460</guid><author>lxj7607</author><pubDate>Sat, 14 Mar 2020 15:54:01 +0800</pubDate><description><![CDATA[一、mvvm的理解

二、vue传参

三、vuex（和后端交互）

四、vue-router

五、axios封装

六、echarts/higncharts

七、angular 绑定数据

八、angular依赖注入

九、js数据类型

十、判断
...]]></description><category></category></item><item><title><![CDATA[前端面试（二）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/104762866</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/104762866</guid><author>lxj7607</author><pubDate>Tue, 10 Mar 2020 23:03:29 +0800</pubDate><description><![CDATA[一、HTML5新特性

   语义化标签、.新增的表单元素和表单类型、新增的视频和音频标签（video,audio）、canvas、svg、地理定位、拖放属性、Web Worker、本地存储、WebSocket、Web SQL

https://blog.youkuaiyun.com/yunchong_zhao/article/details/102918496

二、localStorage, se...]]></description><category></category></item><item><title><![CDATA[前端面试（一）]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/104745629</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/104745629</guid><author>lxj7607</author><pubDate>Mon, 09 Mar 2020 11:19:47 +0800</pubDate><description><![CDATA[最近在考虑换个新的环境，所以先找了家公司面了下试试水，虽然不知道结果，但是把题目记录下来当做一次学习经历吧！

一、html语义化意义，作用，原因，理解：

1.使代码结构更清晰，在没有CSS的情况下也能呈现出代码层次结构

2.方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页

3.提升搜索引擎优化(SEO)的效果

4.便于团队开发和维护，语义化更具可读性，代码更好...]]></description><category></category></item><item><title><![CDATA[Mock.js拦截带参数的get请求]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/103887932</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/103887932</guid><author>lxj7607</author><pubDate>Wed, 08 Jan 2020 11:28:42 +0800</pubDate><description><![CDATA[用Mock.js模拟拦截前端的请求，发现对于post请求能正常拦截，但是对于get请求无法拦截到，网上百度了一下，发现是由于get请求传递了参数拼接在了url后面，而Mock.js只能拦截到不带参数的url,比如


// 只能拦截到/api/materialList
Mock.mock('/api/materialList', 'get', {
  'status': '1',
  'errco...]]></description><category></category></item><item><title><![CDATA[grunt 更改任务执行顺序]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/103096744</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/103096744</guid><author>lxj7607</author><pubDate>Sat, 16 Nov 2019 11:38:56 +0800</pubDate><description><![CDATA[由于项目使用的grunt以前配置的任务执行顺序是先执行concat，再执行sass,但是现在需要合并css文件，即需要先执行sass编译scss为css,再执行concat合并css文件,所以需要更改grunt执行任务的顺序，更改以下的代码


//默认任务顺序
grunt.registerTask('default', ['jshint','concat','uglify','sass','cs...]]></description><category></category></item><item><title><![CDATA[div禁用，不可点击]]></title><link>https://blog.youkuaiyun.com/lxj7607/article/details/102730296</link><guid>https://blog.youkuaiyun.com/lxj7607/article/details/102730296</guid><author>lxj7607</author><pubDate>Thu, 24 Oct 2019 19:38:22 +0800</pubDate><description><![CDATA[设置css样式：


div{
pointer-events: none;
}

即可实现div不可点击




]]></description><category></category></item></channel></rss>