web
chenshf26
这个作者很懒,什么都没留下…
展开
-
js浅拷贝和深拷贝数组的方式
浅复制1, slicevar a = [1,2,[3,4]];var b = a.slice(0);2, ...var b = [...a];3.Object.assignb = Object.assign([],a);4.concatvar b = [].concat(a)5, Array.fromvar b = Array.f...原创 2020-04-04 12:26:49 · 110 阅读 · 0 评论 -
vue-cli webpack 首屏加载性能优化
我自己尝试用阿里云部署了一个简单的博客网站,但是加载速度非常慢,接近8s,所以尝试进行优化。1,去掉map文件首先默认的vue-cli会生成map文件,用于debug的时候快速定位源文件位置,但是我们部署到生产环境的时候并不需要这个,我们将config/index.js里面的productionSourceMap设置为false,这样就不会生产map文件了2,使用gzip压缩将co...原创 2020-04-04 00:40:59 · 716 阅读 · 0 评论 -
圣杯布局,老生常谈
圣杯布局的定义应该是一个header,一个footer,中间是container,包含一个自适应宽度的center,center左边和右边各有一个宽度确定的div,大概是这样(1)使用普通的css来表现首先是基本的html代码 <div id="header">header</div> <div id="parent"> <d...原创 2020-04-03 01:02:03 · 126 阅读 · 0 评论 -
如何监控input的内容变化 控制Input只能输入字母
考虑到的事件有:blurchangekeydownkeypresskeyupinputtextInput模板代码<body> <input type="text" id="in"> <div id="out"></div> <script type="text/javascript" src="./v...原创 2020-04-02 15:15:08 · 284 阅读 · 0 评论 -
http 1.0 1.1 2.0 3.0的特点及其区别
HTTP 1.0短连接:每次发送请求都要重新建立tcp请求,即三次握手,非常浪费性能无host头域,也就是http请求头里的host,不允许断点续传,而且不能只传输对象的一部分,要求传输整个对象HTTP 1.1长连接,流水线,使用connection:keep-alive使用长连接,host头域由于长连接会给服务器造成压力HTTP 2.0头部压缩,双...原创 2020-03-31 18:49:39 · 4006 阅读 · 0 评论 -
es6中async中的异常处理
es6中引进了async await处理异步,我们可以在async函数中使用await使得异步函数或者promise同步化,那当我们在async函数中await了一个reject的promise的时候,async函数接下来的内容则会被跳过,如果是resolve的话,却不会这样,这真是有趣 let count = ()=>{ return new Promis...原创 2020-03-30 13:51:51 · 832 阅读 · 0 评论 -
django模板与vue关于{{}}产生的冲突
今天在学习vue的自定义组件,以及props部分的知识,后台是django搭建的,但是发现props总是不起作用,当从本地打开文件而不是从localhost打开时,发现,props功能正常,于是我发现,原来django连脚本里的{{}}都会替换,所以{% verbatim %}{% endverbatim %}对最好把脚本标签也给包括在里面.<!DOCTYPE html><...原创 2020-03-10 14:49:03 · 1019 阅读 · 0 评论 -
刷题记录
第一题 two sum第二题 链表求和第三题 找最长无重复字符的子串str.charCodeAt(i);获取ascii码这道题写起来比较简单,用一个ij维护的窗口向后移动,保持j总是增加,如果遇到相同字母,直接把i=相同字母的下标+1,最大长度为j-i中最大的。第四题 给定两个分别排序好的数组,求中位数,算法思路不复杂,但是写起来条件复杂,不做解释了第五题 求最长的回文子串...原创 2020-02-10 00:21:29 · 108 阅读 · 0 评论 -
css中设置居中的几种方式
1,margin: 0 auto; //水平居中line-height: xxpx; //区和height一样的值实现文字垂直居中2,在子元素中设置padding: 50px;background-clip: content-box;其中padding的大小为外div减内div距离除以二,用到clip是因为padding会改变元素大小?3,巧妙利用translate,不...转载 2019-02-04 20:36:18 · 495 阅读 · 1 评论