自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

南京小龙虾的博客

一只初入社会的胆小的龙虾,记录前端之路

  • 博客(40)
  • 收藏
  • 关注

原创 vue实现页面刷新控制

最近做了个需求,要求从页面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

2021-09-29 10:42:52 421

原创 一些面试题

http增加签名机制的原理 display:inline-block的元素 window,document自带的方法 AMD,CMD,commonjs不同 XSS CSRF class继承和ES5继承的不同 字符串slice方法的几个属性 数组合并的方法,数组去重 对象合并的方法 vue mixin,render vue nextTick和setTimeout...

2021-06-08 10:09:58 176

原创 使用CSS给图片加上角标记

实现后的效果,图片左上角有了标记信息主要是通过定位和伪类实现左上角代码<html><div class="wrap"> <img width="200" height="200" src="https://t7.baidu.com/it/u=1595072465,3644073269&fm=193&f=GIF"></img> <!-- 标记信息 --> <p class="mark">.

2021-04-25 10:22:51 2890 1

原创 vue 使用scss报错

vue 使用scss报错安装sass-load和node-sassnpm 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

2021-01-29 10:19:44 335

转载 ng serve 启动后抛出 Critical dependency and Module not found 警告和错误

现象使用 ng serve --open 启动项目后,控制台打印** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** Date: 2019-.

2020-06-17 10:32:33 2383

原创 NG-ZORRO中table改变表格的两行的位子,上移,下移,置顶

由于ant-zorro组件库里的表格,直接使用splice修改无法生效需要稍微改下写法这里是定义方法的地方,依旧使用的是splice和unshift方法/** * @description 数组两个元素换位子 * @param arr 传入的数组,index1,index2 交换位置的元素 */export function swapArr(arr: any[], index1: number, index2: number) { arr[index1] = arr.sp.

2020-06-09 14:32:06 761

原创 js实现多行文本根据换行分隔成数组

最近碰到一个问题,需要将textarea中获取到的多行文本数据按每一行进行识别,分隔成每一行一条单独的数据比如这样的数据"adsghasdghq131dadqe1qw1231few34234weteteqweq12314twr12313131wr12313131qw2314tdasqwequiqweasdaduqweie"希望按照换行转换为["adsghasdghq13...

2020-04-24 16:46:15 16519 3

原创 前端面试(八)

一、div p 和div>p的区别二、实现左侧固定宽高,右侧自适应的布局3、let const var 的区别4、输出结果是多少?

2020-04-05 18:48:25 704

原创 前端面试(七)

一、同源策略同源是指协议,域名,端口均一致。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。Cookie、LocalStorage、IndexDB无法读取;DOM无法获得;AJAX请求不能发送;二、前后端如何通信AJAX,WebSocket,CORS三、创建AjaxXMLHttoReq...

2020-03-31 21:26:59 193

原创 解决vue中对象属性改变视图不更新的问题

今天碰到了一个ue中对象属性改变视图不更新的问题,一开始还一直以为是vue中@focus和@blur的问题,上午查资料,各种折腾,还是没有解决。最后请教了大神,上来就直接给我推翻了我的判断。。。然后直接让我百度了‘vue中对象属性改变视图不更新’,最后成功解决了问题!记录一下解决vue中对象属性改变视图不更新的问题的方法利用Vue.set(object,key,val)// 数量输入框失...

2020-03-31 19:28:13 2359 2

原创 前端面试(六)

一、实现一个高度已知,左右宽度固定,中间宽度自适应的布局,有几种方式?float布局,absolute布局,flex布局,table布局,grid布局。(float布局,absolute布局会脱离文档流,flex和grid兼容性问题,table布局比较繁琐,把高度已知去掉,flex和table布局依旧能用)二、CSS盒模型content+padding+border+margin...

2020-03-30 21:09:27 167

转载 JavaScript执行机制

以前一直不怎么理解JS执行机制,直到读了下面这篇文章JavaScript执行机制原文  简书原文:https://www.jianshu.com/p/0d2d42fbe1dc大纲  1、场景分析  2、执行机制相关知识点  3、以实例来说明JavaScript的执行机制  4、相关概念1、场景分析 1 2 3 4 5 ...

2020-03-25 16:23:40 147

原创 前端面试(五)

web端通信的协议https://www.sohu.com/a/321381151_100191460js原型继承与其他语言的继承和什么区别vue任意组件之间通信的方法js画一个例如echarts这一类的饼图这一次的面试有点崩,这几道题目几乎全G了,后面就是一些发散性的问题,例如为什么选择这个行业,对比科班出身的你有什么不足和优点,工作过程中碰到的难题,最近在学习什么吗,有没有...

2020-03-17 16:18:52 109

原创 前端面试(四)

1、jquery, vue, angular 操作dom的区别 https://www.jianshu.com/p/b199b87a48ad2、vue, angular父子传参方式 https://blog.csdn.net/qq_37570945/article/details/81187972 https://blog.csdn.net/litte...

2020-03-16 18:01:48 115

原创 前端面试(三)

一、mvvm的理解二、vue传参三、vuex(和后端交互)四、vue-router五、axios封装六、echarts/higncharts七、angular 绑定数据八、angular依赖注入九、js数据类型十、判断...

2020-03-14 15:54:01 196

原创 前端面试(二)

一、HTML5新特性 语义化标签、.新增的表单元素和表单类型、新增的视频和音频标签(video,audio)、canvas、svg、地理定位、拖放属性、Web Worker、本地存储、WebSocket、Web SQLhttps://blog.csdn.net/yunchong_zhao/article/details/102918496二、localStorage, se...

2020-03-10 23:03:29 159

原创 前端面试(一)

最近在考虑换个新的环境,所以先找了家公司面了下试试水,虽然不知道结果,但是把题目记录下来当做一次学习经历吧!一、html语义化意义,作用,原因,理解:1.使代码结构更清晰,在没有CSS的情况下也能呈现出代码层次结构2.方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页3.提升搜索引擎优化(SEO)的效果4.便于团队开发和维护,语义化更具可读性,代码更好...

2020-03-09 11:19:47 401

原创 Mock.js拦截带参数的get请求

用Mock.js模拟拦截前端的请求,发现对于post请求能正常拦截,但是对于get请求无法拦截到,网上百度了一下,发现是由于get请求传递了参数拼接在了url后面,而Mock.js只能拦截到不带参数的url,比如// 只能拦截到/api/materialListMock.mock('/api/materialList', 'get', { 'status': '1', 'errco...

2020-01-08 11:28:42 2870

原创 grunt 更改任务执行顺序

由于项目使用的grunt以前配置的任务执行顺序是先执行concat,再执行sass,但是现在需要合并css文件,即需要先执行sass编译scss为css,再执行concat合并css文件,所以需要更改grunt执行任务的顺序,更改以下的代码//默认任务顺序grunt.registerTask('default', ['jshint','concat','uglify','sass','cs...

2019-11-16 11:38:56 185

转载 div禁用,不可点击

设置css样式:div{pointer-events: none;}即可实现div不可点击

2019-10-24 19:38:22 348

原创 阻止键盘默认事件

$(document).ready(function () { // 页面加载结束后 $(document).keydown(function (event) { console.log(event.keyCode); // 键盘事件对应的code if...

2019-10-23 16:12:10 1192

原创 前端HTML5 颜色选择器 input[type = "color"]

由于项目上要实现对不同的状态实现自定义配置不同的颜色,所以需要实现一个color选择器,一开始是直接采用input框输入16进制的颜色值,但对于非专业人士不太了解颜色对于的16进制码,后来改用类似于chrome中的取色器,类似于这样的网上找了一些插件,总有些问题,自己水平不够又写不出来,后来找了一下发现HTML5 已经有现成的拾色器,即input[type = "color"]效果...

2019-10-16 14:32:31 8725

原创 dataTable 刷新后不返回首页,调转至当前页

dataTable进行操作后刷新页面会自动跳转到首页,增加保存当前页码,跳转至当前页 $('#materialSelected, #materialSelected2').on('click', 'a.down', function (e) { e.preventDefault(); var newDataInTable = [...

2019-10-08 14:44:36 803

原创 js 校验是否是全空格

js校验输入框,输入的是否只是空格,不包含其他内容$('#input').val().trim().length === 0;

2019-09-23 11:25:19 1051

原创 前端通过html2canvas打印echarts图表

项目上需要实现导出和打印html,本来直接调用的window.print,结果发现echarts图表无法打印,会是空白的,网上搜索了一下,都是采用转换为64位编码,感觉比较麻烦,找到了另一种办法,利用html2canvas直接将页面转换为canvas,再打印canvas就行了。代码// 打印日报 $("#printall").on("click", functio...

2019-09-17 16:06:49 4043

原创 前端html导出为pdf文档,且图表不被分页分割

由于项目需要前端导出文档,一开始是准备导出word,后来发现导出word比较麻烦,并且前端基本都是由echarts和dataTable组成的,不好导出,最后改为导出为pdf,采用的是jsPDF和html2canvas一、先引入html2canvas和jsPDF<script type="text/javascript" src="/resource/plugins/jsPDF/...

2019-09-17 15:48:38 9955 28

原创 多个echarts 设置的graphic相互影响

使用echarts构建了多个图形,并且能在同一个div中相互切换,其中一个饼状图设置了graphic,其他的没有设置,结果发现设置的echarts的graphic在其他图形上页显示了如图所示实际上柱状图是没有设置type为text的graphic的,被饼状图影响到了。解决方案:myChart.setOption(option,true);实例化时把第二个参数设置为tr...

2019-09-17 15:12:16 5540 2

原创 echarts 堆叠柱状图顶部显示总和

用echarts实现了一个堆叠图要求能够在每个柱状图上显示总数,参考了网上的一些办法,也踩了一些坑方法一代码series: [{ name: n[0], //完成, type: 'bar', barMaxWidth: 50, //最大宽度 ...

2019-09-10 21:04:12 16151 7

原创 字体大小随文字数改变

最新公司一个项目中从后台获取的数据长度不一定,而前端的fong-size是固定的,虽然做了响应式,用了rem,但是这是根据屏幕宽度进行字体大小的调整,不是根据字数,而后又想到用百分比,根据字体父级元素的,即宽度大小进行调整,但是这样也有问题,后来想了下,用js获取后台传来的数据长度,再<!--html代码--><span class="number" ng...

2019-08-29 11:45:20 1805 1

原创 scss @for 循环

在实现样式过程中碰到了一个隔一定时间右滑出来的效果,一开始一个个写,感觉太麻烦了,搜了一下scss有个@for方法,效果很强大使用scss @for循环注意一下在选择器调用循环项 $i 和样式里调用是有区别的,选择器里是用插值 #{} ,可以网上找点资料细看一下,然后看网上说还有 from 1 to 16 是不包含结束值16的循环, from 1 through 16包含结...

2019-08-20 16:39:11 3331

转载 移动端H5页面,上下滑动翻页

移动端H5页面,上下滑动翻页向上滑动进入下一页 , 当前页(加CSS样式outTop)向上移动移出窗口 ,下一页(加CSS样式inTop)向上移动进入窗口向下滑动进入前一页 , 当前页(加CSS样式outDown)向下移动移出窗口 ,下一页(加CSS样式inDown)向下移动进入窗口同时设置1秒以后(setTimeout(function(){......},1000);)才可(根据canT...

2019-08-13 20:44:26 9947 1

原创 bootstrap下拉菜单dropdown点击后阻止自动收起菜单

公司有个切换院区的下拉框,使用的bootstrap的dropdown,以前是单选,因此点击切换后就会自动收起并且将数据传给后台,现在改成了多选,出现了一个问题就是点击一个后也会自动收起,这样的多选肯定是有问题的,因此在网上搜索了一下,找到了一种方法科室阻止菜单的点击自动收起不废话,直接上代码在生成dropdown-menu下的代码里,给每个<li>标签加一个属...

2019-08-07 10:47:25 5035 1

原创 检测前端代码运行时间

最近公司有个关于性能优化的问题,需要提升zTree树加载速度,一直无法定位到时哪段代码的运行速度较慢,只能通过执行去判断,后面突然想到chrom浏览器能检测接口返回耗时,能不能检测某段代码的运行时间的,百度了一下,还真有主要有两种第一种就是通过设定两个变量,记录开始时间和结束时间,相减得到 var beginTime = new Date(); /* ...

2019-07-22 19:21:00 1587

原创 前端知识思维图谱

听双越老师的前端课程,有张前端的知识图谱,收藏一下,希望能按上面一步步掌握更多(话说应该不侵权吧,侵权就删除了)

2019-07-07 21:26:53 194

原创 dataTable分页功能,修改默认显示条数

公司的一个小需求,需要修改dataTable刚进来时默认显示的数据数量由10条到30条,一开始想到的是直接修改 "aLengthMenu": [10, 15, 30, 100],改为"aLengthMenu": [30, 50,100],后来又要求分页选择可以选择10,15,又将"aLengthMenu": [30, 10,15,100],感觉不是正常的做法,百度了一下,有个'iDisplay...

2019-07-04 11:24:32 8813 2

原创 在使用浏览器开发模式进行调试时发现样式右上角不显示代码所在位置,vs code全局搜索技巧

在使用浏览器开发模式进行调试时发现样式右上角不显示代码所在位置,原因是因为是&lt;style&gt;&lt;/style&gt;里面的代码,或者html的行内样式;vs code全局搜索,resetbtn,resetbtn{ ,resetbtr {,搜索出来的结果不一样...

2018-11-21 14:59:19 1669

原创 几个菜鸟问题

这几天比较忙,今天就总结性的归纳一下碰到的几个问题1、jdk,maven在window10系统的环境变量配置,如果配置失败,可以把path设为绝对路径试一下2、安装npm,提示缺失license等,可以继续进行下去,但是如果grunt安装失败,提示缺失东西,可以通过npm i,安装3、代码写完之后,进入grunt目录先打包,再返回目录运行4、。。。...

2018-11-15 20:45:12 117

原创 英文字母不空格,默认为一个单词

这是前两天在网上联系代码时遇到的问题,当然也许是因为我比较菜,当时我自己写代码时比较懒,就敲了一段字母上去,然后发现无法自适应,我一开始以为是代码问题,检查了一下发现不是,然后又进行了复查,还是找不到问题所在,换成中文后又可以自适应了,我也认为是中英文之间的差异,但是我不清楚为什么会有这种差异,后来提出了这个问题,别人告诉我是因为英文单词不空格就会被默认为是一个单词,单独一个很长的单词是不存在...

2018-11-10 09:54:33 829

原创 tortoise不显示绿√等图标

就在TortoiseSVN setting里得Icon Set对应的系统进行更改就可以了

2018-11-09 11:24:41 859

原创 sublime Text3 安装插件显示 There are no packages available for installation

 网上搜了一下,成功的解决了主要有两个步骤: 1、ping sublime.wbond.net ,然后在hosts文件添加(50.116.34.29 sublime.wbond.net) 注意1:寻其IP地址:http://serve.netsh.org/pub/ping.php, 输入sublime.wbond.net查查看 注意2:50.166.34.29 是ping出来显示的域名...

2018-11-09 09:56:10 327

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除