webSocket webSocketHTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术,属于应用层协议。它基于 TCP 传输协议,并复用 HTTP 的握手通道。总而言之就是: 可以在浏览器直接用 支持双向通信 性能好webSocket的连接先看webSocket的 请求头信息 GET ws://ruims:123456@localhost:8080/?token=123123 HTTP/1.1H http 计算机网络
严格模式 什么是严格模式严格模式是在 ECMAScript5(ES5)中引入的,在严格模式下,JavaScript 对语法的要求会更加严格,一些在正常模式下能够运行的代码,在严格模式下将不能运行。 添加严格模式,主要有以下几个目的: 消除 JavaScript 语法中一些不合理、不严谨的地方; 消除代码中一些不安全的地方,保证代码的安全运行; 提高 JavaScript 程序的运行效率; 为以后新版本的 javascript 隐式转换
2.多重边框 多重边框一般我们会选择使用shadow-阴影来做外面第二层的边框,同时因为shadow可以写多个,那么可以叠加多层阴影,同时第一层的阴影会在对顶层,下面类似的依次类推。box-shadow有六个属性,分别是类型(内外),x偏移量,y偏移量,模糊半径,扩张半径,颜色。其中的扩张半径就可以为我们提供控制边框的宽度的功能。 width: 50vh; height: 20vh; background: css3 css3
1.半透明边框 边框我们可以使用border去定义边框的参数,但是单纯的定义border会存在问题,如下: width: 50vh; height: 20vh; border: 10px solid rgba(0, 255, 8, .5); background: red; 出现这个问题的情况是因为css的默认行为会让背景颜色侵入边框所在的范围,所以我们还需要添加一个属性来修改这个默认行为,即backgrou css3 css3
css分类 CSS3按规范分类根据CSS揭秘一书分类 CSS 动画 42)缓动效果 43)逐帧动画 44)逐帧动画 45)打字动画 46)状态平滑动画 47)沿环形路径平移的动画CSS 背景与边框/图像/遮罩 1)半透明边框 2)多重边框 3)灵活的背景定位 4)边框内圆角 5)条纹背景 6)复杂的背景图案 7)伪随机背景 8)连续的图像边框 9)自适应的椭圆 12)切角效果 11)菱形图片 14)简单的饼图 css3 css3
vue的mount内容 Vue中的mount过程Vue中的mount过程包含很多内容,因为Vue中是使用数据驱动模板的,所以我们写出来的模板是不能直接渲染到页面中的,那么mount过程中就需要解析模板转成可以被识别的内容。 vue runtime-only版本的$mount定义的位置 src/platforms/web/runtime/index.js Vue.prototype.$mount = function ( 复习 vue
instanceof 实现instanceof function MyInstanceof(l,r){ let Lproto = l.__proto__; const Rproto = r.prototype; while(Lproto){ if(Lproto === Rproto){ return true 手写 手写系列
compose koa里的compose函数实现 function compose(middleList) { return function fn(ctx, next) { let index = -1; return dispatch(0); function dispatch(i) { index = i; let middl 手写 手写系列
异步加法 实现下sum函数。注意不能使用加法,在sum中借助asyncAdd完成加法。尽可能的优化这个方法的时间。 function asyncAdd(a, b, cb) { setTimeout(() => { cb(null, a + b); }, Math.random() * 1000); } async function total() 手写
语音识别和文字转语音 语音识别和文字转语音的使用,SpeechRecognition和speechSynthesis的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co 手写