It_sharp的博客

前言1、Node.js 函数式编程和面向对象编程的结合2、单线程和异步架构也是Node.js带来的革命性变化。除了性能和可扩展性方面的明显优势外，其改变了开发者处理程序并发和并行的方式。队列取代了互斥锁，回调函数和事件机制取代了多线程，因果性取代了同步性...

Reactor模式Reactor 模式是Node.js 异步特性的核心。模式背后的主要思想、单线程架构和非阻塞I/O、如何创建整个Node.js平台的基础

一、Map和Set集合const profiles = new Map()profiles.set( 'twitter','@adalovelance')profiles.set( 'facebook','adalovelance')profiles.seizeprofiles.has('twitter')profiles.get('twitter')profiles.has('yo...

//let关键字,块级作用域if(false){ var x = "hello";}console.log(x);//const定义常量，给常量赋值报错const numbers=[2,5,6,7,8,9,0,1];const even = numbers.filter(x=>{ if(x%2===0){ console.log(x+' is e...

https://blog.youkuaiyun.com/xdnloveme/article/details/78035065

https://blog.youkuaiyun.com/dadiyang/article/details/79686637

https://blog.youkuaiyun.com/kkfd1002/article/details/80013168

Vue构造函数我们知道core/instance目录主要是用来实例化Vue对象，所以我们在这个目录下去寻找Vue构造函数。果然找到了Vue构造函数的定义。function Vue ( options ){ if (process.env.NODE_ENV!=='production'&&!(this instanceof Vue)){ warn('Vue is a c...

Vue源码目录结构Vue各目录简介Vue源码各个目录的详细介绍熟悉每个模块具体的功能，对之后深入研究源码还是很有帮助的。

1、新建项目打开Visual studio code打开一个你想要创建项目的文件夹打开集成终端：查看 –> 集成终端 或者直接按 ctrl+`如果没有安装vue-cli，在终端输入：npm install -g vue-cli全局安装vue-cli然后新建项目vue init webpack projectNameprojectName 换为你想要的名字。这里我建立...

腾讯前端面试题整理

今天接到一个电话面试，小哥哥问单页面和多页面的优缺点，傻傻的我事后才反应过来不仅没回答好还把单页面和多页面的概念搞反了，查了一些资料在此做一些总结:单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入，单页面的页面跳...

鼠标事件click : 单击dbclick：双击mousedown：鼠标按下 ( 按下的时候)mouseup：鼠标抬起 (鼠标按键被)mouseover：鼠标悬浮（经过目标的时候）mouseout：鼠标离开（离开目标的时候）mousemove：鼠标移动（鼠标移动的时候）mouseenter：鼠标进入（进入目标时）mouseleave：鼠标离开（离开目标时）键盘事件keydow...

在客户端存储数据HTML5提供了两种在客户端存储数据的新方法：localStorage : 没有时间限制的数据存储sessionStorage：针对一个session的数据存储之前，这些都是由cookie完成的。但是cookie不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie 速度很慢而且效率也不高。在HTML5中，数据不是由每个服务器请求传递的，而是只有在请...

标记和SVG以及VML之间的一个重要的不同是，有一个基于Javascript的绘图API，而SVG和VML使用一个XML文档来描述绘图。这两种方式在功能上是等同的，任何一种都可以用另一种来模拟。从表面上看，它们很不相同，可是，每一种都有强项和弱点。例如，SVG绘图很容易编辑，只要从其描述中移除元素就行。要从同一图形的一个标记中移除元素，往往需要擦掉绘图重新绘制它。什么是SVG?可伸缩矢量...

Canvas标签HTML5 标签用作绘图的容器，使用JS脚本来完成绘图。如下代码可以获取绘制上下文，类似于C#中的Graphics g = e.Graphics获取画布var c = document.getElementById("Canvas");var ctx = c.getContext("2d");绘制的对象有文本、线条、矩形、圆形等

https://blog.youkuaiyun.com/wufaliang003/article/details/79573512

HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的IE支持HTML5新标签HTML5是超文本标记语言的第五次重新修订，2014年10月29日标准规范制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。HTML5的新特性：用于绘画：canvas元素用于媒体回访：video和audio元素对本地离线存储的更好支持：localstorage新的语义化标签：article...

起因项目针对用户主要是IE8用户做法前期采用Div布局IE8和IE6、7、9以上的区别Div也可以布局Table布局

Http协议规定了不同方法的安全特性和幂等特性，作为服务提供者的服务器必需为客户端提供这些特性。安全性仅指方法的多次调用不会产生副作用，不涉及传统意义上的“安全”，这里的副作用是指资源状态。即，安全的方法不会修改资源状态，尽管多次调用的返回值可能不一样（被其他非安全方法修改过）。幂等性指该方法多次调用返回的效果（形式）一致，客户端可以重复调用并且期望同样的结果。幂等的含义类似于编程语言的s...

Cookie的作用Cookie是用于维持服务端会话状态的，通常由服务端写入，在后续请求中，供服务端读取。 HTTP请求，Cookie的使用过程1、server通过HTTP Response中的”Set-Cookie: header”把cookie发送给client 2、client把cookie通过HTTP Request 中的“Cookie: header”发送给server...

写在前面整理了下HTTP、Socket、TCP之间的关系与区别，我们经常会被问到的东西，那么什么是HTTP呢？ HTTP属于老话题了，在项目中我们经常需要往服务器端发POST或者GET请求，但是对于HTTP的了解不应该只局限于此。千里之行，始于足下。越想走的远，基本原理就应该了解的透彻全面一些，仅仅停留在使用ASIHttpRequest或者AFNetWorking传个参数发个请求的程度上...

前端工程师技能图谱来自于权威网址

前言var xmlhttp;if(window.XMLHttPRequst){ xmlhttp = new XMLHttpRequest();}else{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("Get&amp

checkbox如何判断是否选中 <label for="checkbox"> <input type="checkbox" name="checkbox" id="checkbox" />选中与否 </label>方法console.log( $('#checkbox').get(0).checked );console....

1、垂直居中2、CSS样式优先级

代码&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;style&amp;amp;gt; #one{ width:200px; height:100px; padding:10px; margin:20px; background-color:#EFEFEF; }&amp;amp;lt;/style&amp

遮罩层.box{ position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:0.7;&amp;lt;div class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;}

https://segmentfault.com/a/1190000015597029?utm_source=tag-newest

1、简单类型2、复杂类型

简单介绍下ajax简单的说Ajax请求通过XMLHttpRequest对象发送请求，该对象有四个状态（readyState）：0-未初始化、1-正在初始化、2-发送数据、3-正在发送数据、4-完成。当XMLHttpRequest.readyState为4时，表示ajax请求已经完成可以得到响应结果。ajax的success和error方法根据响应状态码来触发。当XMLHttpRequest...

可控延时等待一般以用户希望获取数据的操作到用户实际获得数据的时间间隔来衡量。例如用户希望获取数据的操作是打开某个页面，那么这个操作的前端性能就可以用该用户操作开始到屏幕展示页面内容给用户的这段时间间隔来评判。用户的等待延时可以分成两部分：可控等待延时和不可控等待延时。可控等待延时可以理解为能通过技术手段和优化来改进缩短的部分，例如减小图片大小让请求加载更快、减少HTTP请求数等。不可控等待延时则...

我正在尝试快速准备一些外部api电话，只是希望通过我的“api”作为一个假的响应通过这些结果。 json对象是不平凡的 一万个“行”或90KB的顺序。我不想为这个一个json响应的所有内容做一个强类型的对象，所以我可以通过一个解串器来运行它，所以就是这样。所以我的控制器的基本逻辑是：呼叫外线api将web请求的字符串结果存储到var中使用JsonResult生成方法Json()将这些...

Underscore官方地址测试html文档<!DOCTYPE html><html><head> <script type="text/javascript" src="./underscore.js"></script></head><body> <body> ...

https://www.cnblogs.com/Hsong/p/9016950.html

更换键old = {key : '001',value:'上海工厂' }//转化为new = {depoCode:'001',value:'上海工厂'}方法一、data = {id:'11',name:'张三'}var keyMap = {id: '序列', name: '姓名'}var objs= Object.keys(data).reduce((newData, key) =...

方法一 切割 splice清空数组let arr = [1, 2, 3, 4]; console.log("test:", arr) arr.splice(0, arr.length); console.log("test:", arr)删除数组元素console.log("--------------splice-------------...

高阶函数有四个1、Array.prototype.filter2、Array.prototype.map3、Array.prototype.forEach

js继承有5种实现方式：1、继承第一种方式：对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,password){ //通过以...

javaScript获取数组中的最大和最小值方法1：排序法var arr =[12,56,25,5,82,51];arr.sort(function(a,b){ return a-b;});//最小值var min =arr[0];//最大值var max = arr[arr.length-1];方法2：赋值法简述：令第一个值是最大值，逐个与后面的值比较，哪个大赋值那个为...