前端
rememberyf
越努力越幸运
展开
-
如何在前端项目中引入vconsole
介绍:vconsole是腾讯公司针对移动端开发为前端开发人员设计的一款轻量、可扩展的调试面板,为手机web页面量身设计,帮助开发者更为便捷的开发调试工作。具体引入的步骤如下:1、cnpm install vconsole --save 安装vconsole插件2、import VConsole from ‘vconsole’ 在项目的入口文件进行插件的引用3、new VConsole 或者let vconsole = new VConsole();export default vconso原创 2020-12-25 11:51:34 · 1255 阅读 · 0 评论 -
nginx 配置 autoindex
我们在正常配置nginx的时候,代理单个项目,直接将root路径配置好,nginx会自己根据入口文件来代理;但是当我们想要代理一个文件夹下的多个项目时,我们需要在location里面加入autoindex配置项,autoindex的含义如下:autoindex表示自动创建索引列表,拥有on、off两个参数,其中on表示打开,off表示关闭示例:当我们设置:autoindex on;我们能够访问到下面代理成功的图片:但是,当我们设置autoindex off; 再次访问便是403,看不到文件夹下的各个原创 2020-12-24 15:14:58 · 6418 阅读 · 0 评论 -
setTimeout、同步、异步的理解
js-setTimeout的理解最近在牛客网上面刷题,遇到了一个场景,就是setTimeout 函数的应用,就是定时的获取接口刷新的数据,好了,我们话不多说,直接上代码,如下:console.log("one"); setTimeout(function (){ console.log("two"); },0);console.log("原创 2018-04-24 14:26:51 · 12497 阅读 · 0 评论 -
TCP的三次握手和四次挥手详解
TCP是主机对主机层的传输控制协议,提供可靠的连接服务,采用三次握手确认建立一个连接,与之相反的,采用四次挥手来断开连接: TCP标志位有6种标示,即:SYN(建立联机) 、 ACK(确认) 、 PSH(传送) 、 FIN(f结束) 、 RST(重置) 、 URG(紧急) 、 Sequence number(顺序号码) 、 ...原创 2018-05-14 14:22:00 · 27993 阅读 · 3 评论 -
原生js+canvas实现类贪吃蛇的小游戏
写在前面这是一个类贪吃蛇的小游戏,因为最近又翻到了canvas,想着写一些东西来巩固下,刚好就看到博主写的demo,不过我在其基础上进行了一定的规则限制,下面附上链接:博主原文设计初衷此次这个游戏加入了 1、积分规则, 2、碰壁死亡规则, 3、调用requestAnimationFrame方法实现循环。 游戏的截图效果如下: 死亡效果截图如下: 设计步骤1、...原创 2018-06-03 14:58:01 · 4693 阅读 · 0 评论 -
css-position 四种定位与元素浮动
在介绍定位之前,我们有必要了解一下文档流1、文档流与脱离文档流文档流是相对于盒子模型来讲解的,正常的文档流就是标签所处的一个空间,脱离文档流就是标签所处的另一个空间(正常空间之上的空间),一般来说,所有的页面操作都是基于这两个空间上完成的。并且脱离文档流空间的元素位置是不固定的,也没有块级和行级属性。 举个例子:当元素浮动时,会使其跳出文档流,也就是说后面的元素会无视先前它所占有的位置...原创 2018-05-28 18:44:08 · 17065 阅读 · 0 评论 -
图解http的读书笔记
最近一直在读《图解http》这本书,收获了特别多的东西,对http协议以及Tcp/Ip协议族也有了一定的了解,不得不说,作为对http的入门的书籍,这本书会是一个不错的选择。 其实http本身是并不复杂的东西,觉得不理解或许是因为自己不知道好多东西,所以还需要系统的学习下。 了解http协议,其实是认识http协议局限性的一个过程。看完才知道互联网上为什么做一些性能优化背后的原理,才知道为什么...原创 2018-05-11 15:10:47 · 501 阅读 · 0 评论 -
animate动画、原生JS实现轮播图
写在前面最近在写项目的时候,才发现自己对css3这部分的内容已经生疏了,复习css3的时候,看到animate属性,就用其写了个焦点轮播图,当然自己也用原生JS码了个,当然css3动画无疑是锦上添花,还是要多总结啊,源码我们会在最后附上git地址,好了,下面我们就来说说他们是如何分别实现轮播效果的。正文一、css3-animate动画CSS3的animation属性可以像Flash...原创 2018-06-09 16:16:41 · 8358 阅读 · 0 评论 -
原生js手撕轻量级文本编辑器
原生js实现轻量级文本编辑器最近使用原生js写了一个轻量级的文本编辑器,那么今天就来说一下从构想到完成究竟是怎么实现的,怎么来对他进行使用, 踩到的坑且是怎样解决的 经常 使用Markdown来写博客,一直觉得这个东西方便且看不懂,最近才了解了这方面的原理。下面,我们先来看看它呈现出来的效果图: 如何实现1、布局:总的来说,body里面的内容分为上面命令的操作控制区,下面...原创 2018-09-14 13:11:13 · 4036 阅读 · 1 评论