前端
文章平均质量分 77
前端编程之家
公众号:前端编程之家
展开
-
当在浏览器中输入 baidu.com 并且按下回车之后发生了什么?
当在浏览器中输入 baidu.com 并且按下回车之后发生了什么?(1)解析URL:首先会对 URL 进行解析,分析所需要使用的传输协议和请求的资源的路径。如果输入的 URL 中的协议或者主机名不合法,将会把地址栏中输入的内容传递给搜索引擎。如果没有问题,浏览器会检查 URL 中是否出现了非法字符,如果存在非法字符,则对非法字符进行转义后再进行下一过程。(2)缓存判断:浏览器会判断所请求的资源是否在缓存里,如果请求的资源在缓存里并且没有失效,那么就直接使用,否则向服务器发起新的请求。(3原创 2021-07-28 22:44:20 · 1570 阅读 · 0 评论 -
VUE2.0里的条件渲染v-if与v-show
在学习这些框架时,最好是翻官网,你看其他框架可能是英文不懂,但是VUE就是中文的,所以没事多逛逛官网。(https://cn.vuejs.org/)v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。这样这个p标签就渲染出来了。当出现多个可能选项的时候,v-if/v-else-if/v-else就很好用。另一个用于根据条件展示元素的选...原创 2019-05-25 15:31:09 · 422 阅读 · 0 评论 -
react事件中的this指向
我们以点击事件为例,点击按钮触发事件,事件执行方法写法如下:然后成功的打印了出来。这只是简单的执行方法。如果你想对数据进行获取或者操作,必定要使用this指向。如下:很不幸,这样会出错的。这是什么导致呢。当我们打印this之后发现它的值为undefined所以,此时需要改变this的指向,常见有下面三种方法:第一种:使用bind来指明当前this的指向。第二种:在构造函数...原创 2019-06-24 20:39:32 · 639 阅读 · 0 评论 -
VUE修饰符
一、事件修饰符<!--阻止事件冒泡.stop--><div id="div1" @click.stop="event1(1)"><!--使用事件捕获模式.capture--><div id="div4" @click.capture="event1(4)"><!--事件只作用本身.self,类似于已阻止事件冒泡--><d...原创 2019-07-27 16:26:55 · 115 阅读 · 0 评论 -
React Router路由细讲(一基本组件)
由于它的路由已经是v4版本,所以我这里以这个版本进行讲解。路由一般分为三种:1、路由组件 2、路由匹配组件 3、路由导航组件。一、现将基本的路由组件:1、首先我们新建react项目:npm install -g create-react-app create-react-app demo-app cd demo-app2、然后安装路由:npm install react-rout...原创 2019-09-20 10:51:36 · 618 阅读 · 0 评论 -
React Router路由细讲(二路由道具(Route props))
在Route中我们可以有三种方法去render。使用render函数我们可以用js语言来构建DOM.<Route component><Route render><Route children>这三个方法都使用下面三个相同的路由道具(Route props)matchlocationhistory接下来我们一个方法一个的讲。1、compon...原创 2019-09-20 14:45:14 · 3676 阅读 · 0 评论