js
文章平均质量分 54
lcwlucky
这个作者很懒,什么都没留下…
展开
-
实现简易的可调节宽度侧边栏
使用qq的时候发现了左侧可以调节大小,效果如下,于是自己手动实现了一个类似的小demo首先是html结构,主要有两部分,左侧侧边栏和右边主内容区域。flexible是左侧侧边栏,main为右边主内容区域,bar表示拖动条<div class="container"> <div class="flexible"> <div class="content"> <img src="http://img1.i原创 2020-05-10 15:04:59 · 1426 阅读 · 0 评论 -
前端开发应该掌握的手写代码
初级前端开发面试经常要手写实现的代码总结原创 2020-02-17 18:21:43 · 558 阅读 · 0 评论 -
WebSocket实现简易版的多人聊天室
一、websocket简介 WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。(百度百科)二、多人聊天室的实现1、后端服务器(1)后端...原创 2020-01-30 17:13:36 · 1321 阅读 · 3 评论 -
js数组去重的几种常见方法
1、function fun1(arr) { var t = [] t[0] = arr[0] for(let i = 0;i < arr.length;i++){ for(let k = 0;k < t.length;k++){ if(t[k] == arr[i]) break; if(k == t.length - 1){ t.push(ar...原创 2019-11-22 13:05:36 · 167 阅读 · 0 评论 -
js中块作用域,var、let、const的区别
1、块级作用域块级作用域是ES6新增的,块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域。JS中还有全局作用域和函数作用域。<script type="text/javascript"> { var a = 1; console.log(a); // 1 } console.log(a); // 1 // 可见,通过var定义的变量可以...原创 2019-06-21 11:22:17 · 127 阅读 · 0 评论 -
前端跨域通信
1、同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。(来自MDN官方的解释)具体解释:(1)源包括三个部分:协议、域名、端口(http协议的默认端口是80)。如果有任何一个部分不同,则源不同,那就是跨域了。(2)限制:这个源的文档没有权利去操作另一个源的文档。这个限制体现在:(要记住) Cookie、Loca...原创 2019-08-26 14:26:40 · 210 阅读 · 0 评论 -
JS事件循环机制(event loop)
一、JS单线程、异步、同步概念 众所周知,JS是单线程(如果一个线程删DOM,一个线程增DOM,浏览器傻逼了~所以只能单着了),虽然有webworker酱紫的多线程出现,但也是在主线程的控制下。webworker仅仅能进行计算任务,不能操作DOM,所以本质上还是单线程。 单线程即任务是串行的,后一个任务需要等待前一个任务的执行,这就可能出现长时间的等待。但由于类似ajax网络请求、se...转载 2019-08-30 11:45:58 · 244 阅读 · 0 评论 -
es6 Symbol基本数据类型介绍
ES6中引入了一种新的基础数据类型:Symbol,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型(primitive type)Symbol是由ES6规范引入的一项新特性,它的功能类似于一种标识唯一性的ID。通常情况下,我们可以通过调用Symbol...转载 2019-08-30 11:51:02 · 281 阅读 · 0 评论