本篇文章主要为大家讲述的就是关于JavaScript 实现异步请求就靠浏览器提供的两个 API —— XMLHttpRequest 和 Fetch。在日常中用多的比较多的就是Promise 请求库 axios，它基于 XMLHttpRequest。 现在我们就来讲讲呱 XMLHttpRequest、Fetch 和 axios 究竟是如何取消请求。 先说下，取消 XMLHttpRequest...
有对回调进行控制的watchWithFilter，有适用于当watch的值为真值时触发回调的whenever，还有只触发一次的watchOnce和最多触发一定次数的watchAtMost。怎么样？是不是很多相似场景都有用到，主要是被观察的变量在满足某个具体条件时则触发回调，本篇文章until就是直到满足某种条件时则触发一次回调函数。我们直接看代码。 1.示例 关于demo代码： <...
现在直播很流行，心里痒痒就试试。 互联网网络流媒体简介 不讲多，我们只需要知道常见的几种流媒体格式就行，至于发展与演变，里面的专业知识，主要的流媒体格式有RTSP,RTMP,HLS,WebRtc，这对于开发就足够。 播放HLS格式的视频 为什么要选择HLS格式的视频呢？因为浏览器没有办法支持播放RTSP，无法识别这种类型的视频流，RTMP格式的视频是需要借助Flash否则也是无法播放，...
js实现点击切换和自动播放的轮播图，其实十分简单，话不多说，我们直接看示例： 轮播图案例 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <metaname="vie...
利用JS就可以实现在点击按钮实现图片排序，做个狠人，直接说： 效果 1 、点击按钮 如果按钮文字是从大到小 将li标签按照从大到小的顺序排列 文字改成从小到大 如果按钮文字是从小到大 将li标签按照从小到大的顺序排列 文字变成从大到小 2 、点击按钮 将li随机排序 <style> *{ padding:0; margin:0; list-style:n...
说道JavaScript的代码优化，就先要做的是准确的测试JavaScript的代码执行时间。简单来说就是采集大量的执行样本进行数学统计和分析，这里我们使用的是benchmark.js来检测代码的执行情况。 首先我们需要在项目中安装依赖，代码如下： yarnaddbenchmark--save #或者 npmibenchmark--save 然后我们写一个测试代码，如下所示： ...
实践是所有展示最好的方法，因此我觉得可以不必十分细致的，但我们的展示却是整体的流程、输入和输出。现在我们就看看Vue 的指令、内置组件等。也就是第二篇，模型树优化。 分析了 Vue 编译三部曲的第一步，「如何将 template 编译成 AST ?」上一篇已经介绍，但我们还是来总结回顾下，parse 的目的是将开发者写的 template 模板字符串转换成抽象语法树 AST ，AST 就这里...
我们说下想要实现，一副牌里有54张，我们可以知道 3 - 2 的牌总共有13张，这分为4个花色是 ♠️ ♥️ ♣️ ♦️ 另外加上2个大小王！第一步：形成一个数组， 就要写一个函数，利用牌数量和花色，这样可以用来形成一个双重循环将 number 里面的内容 和 flower 里面的内容 进行一个循环嵌入？最后在用 push 生成一个对象放到数组的后面？再到最后放入 大小王 。 constnu...
接上篇：现在看看，Vue编译器源码分析AST 抽象语法树具体阿代码： functionparseHTML(html,options){ varstack=[]; varexpectHTML=options.expectHTML; varisUnaryTag$$1=options.isUnaryTag||no; varcanBeLeftOpenTag$$1=options.ca...
摘要：首先，巧妙的使用这一标记，将游览器从所有情况中分离出来。元素不能用作语义用途以外的其他目的。空白段落元素并非用于跳行。当浏览器支持时，它们会自动地呈现出来并发挥作用。Html1、Html5有哪些新特性，移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区别HTML和HTML5?HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。拖拽释放(D...
摘要：最近想自己写下轮播图，在网上发现一个网友用属性实现的轮播，赶脚超简单哦，自己学习了后整理如下。如果我们用给加上类，的就要变成对吧，由于有属性，所以要等，才能完全变为，实现了淡入。最近想自己写下轮播图，在网上发现一个网友用CSS transition属性实现的轮播，赶脚超简单哦，自己学习了后整理如下。（找不到原网址了-.-...就不贴了...）（如果不了解transition，先去这里（点我，...
