![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 66
Sherlock_db
这个作者很懒,什么都没留下…
展开
-
web端实现远程桌面连接(noVnc)相关知识记录
VNC是基于TCP的通信,VNC server处理的始终是TCP的流,而浏览器和noVNC之间是在http基础上使用WebSocket交互,VNC server是无法处理WebSocket的流,所以引入了 websockify ,负责把WebSocket流转换为普通的TCP流,使VNC server正常工作。客户端浏览器将图像数据解码并显示在屏幕上,同时将用户的输入事件传输回远程计算机。connect()方法中建立连接时,生成一个rbf的实例,rbf中有具体解转码为web端桌面的操作。原创 2023-05-18 15:10:59 · 2222 阅读 · 0 评论 -
关于js你肯定会用到的数组相关处理方法(数组合并,数组之间匹配,数组对象分类,去重等)
对于数组的相关复杂处理方法原创 2022-08-09 10:02:47 · 224 阅读 · 0 评论 -
入职六个月笔记分享
真的不要质疑 ||是或 &&是且,有时候会忘异步和不异步的同时执行,拿出来一个分支(有点像多线程)去搞异步的加快性能,只有await,async才能等待异步(还是单线程)异步的时候并行执行的两个(特别是嵌套时),当异步进行的快时可能没差,但当异步的数据计算量大时,可能并行执行的执行完了,但是这时你获取不完异步里的数据(目前想到最好的方法就是设置一个延时然后获取,嵌套完之后的)v-for="(item,key) in examList[examSignal]" dom节点上也可以这样写原创 2022-01-15 17:01:52 · 132 阅读 · 0 评论 -
实现自动滚动(且可以设置各种属性)
页面的自动滚动效果页面的自动滚动效果,可由javascript来实现,但是有一个html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:…; 说明:在标记之间添加要进行滚动的内容。重要属性:1.滚动方向direction(包括4个值:up、 down、 left和 right)语法:…2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)语法转载 2021-12-16 18:02:15 · 1048 阅读 · 1 评论 -
好久不来了,这是入职三个月以来公司的笔记,我的葵花宝典,各种有的没的实用的前端知识
hasOwnProperty () 方法用来检测一个属性是否是对象的自有属性用this=this来把this注册在局部的作用域,使在function的时候(function只是在局部啊)this = this 来把this注册在局部的作用域,使在function的时候(function只是在局部啊)this=this来把this注册在局部的作用域,使在function的时候(function只是在局部啊)this能在更多的作用域,箭头函数不是可以一层一层的往上找吗所以不影响造后台数据我们不用调接口,直接原创 2021-10-09 14:03:05 · 273 阅读 · 0 评论 -
关于Vue源码解析
v-model底层原理非侵入式是通过Object.defineProperty(obj,key,{set:,get:}) 是通过里面的get(getter),set(setter)来实现get中通过dep.depend()来依赖收集,set中通过dep.notify()来触发数组更新这个函数中含有get和set两个属性,当区访问key(value)时便会去调用get()和set()两个方法,getter和setter需要变量周转才能正常工作import observe from ‘./obser原创 2021-06-29 14:08:11 · 91 阅读 · 0 评论 -
vue小上手
vue3比2运算量更小更快1、(采用新的diff算法,在创建虚拟dom的时候有变化的才会添加过来,没有变化的不算)2、静态提升(以前的没有变化的dom只有第一次创建后面都是直接复用)3、时间侦听器缓存(diff算法中只有有静态标记的才会进行比较追踪,一个事件在第一次之后就不会一直对他监听了(标记消失))4、ssr渲染在命令行输入vue ui 可以通过图形化界面来创建新项目等!!!这个很爽安装可以通过vue-cli或webpack或vite(vue官方开发的意图取代webpack的工具)创建项原创 2021-06-29 14:07:04 · 114 阅读 · 0 评论 -
react学习值得注意的点
1 react环境搭建npm i yarn --推荐使用yarnnpm i -g create-react-app --安装react脚手架cd reactcreate-react-app test --创建react框架cd 到test里可以 npm startreact基于jsx语法jsx是react的核心组成部分2 react目录结构mainifest是pwa提供的一项重要功能(允许将站点添加到主屏幕)在组件中里面的constructor构造函数里面要写super()super指代原创 2020-09-29 14:03:37 · 148 阅读 · 0 评论 -
css所有重点难点
css部分清楚浏览器默认格式:{margin:0,padding:0}1、选择器有一个直接后代选择器#wrap > div{}有这个>号代表着#wrap下的儿子代div会被渲染样式,没有>的话是下的所有div都会被渲染颜色这种属性是可以继承的div[]{} 括号里跟的是attr的值 就name/style/abc这种的都是HTML的attr(attribute)css选择器优先级总结****!important > 行内样式>ID选择器 > 类选择器原创 2020-11-10 20:49:36 · 1225 阅读 · 0 评论 -
es6的重点
promise对象因为回调地狱一种是各种回调函数互相依赖,关系错综复杂,容易在造成错误另一种是各种回调里嵌套各种回调,关系错综复杂,麻烦的很为了解决这种问题promise就来了三种状态:pending 初始状态 fullfilled 成功状态 rejected 失败状态 再恰当时机就会改变成成功或失败*****promise是同步的,遇到了直接等待执行就可以,不需要像异步一样跳过然后再回来的时候回调。let pormise = new Promise((res,rej)=>{//初始.原创 2020-11-01 19:06:22 · 3187 阅读 · 2 评论 -
关于跨域的一些问题(易懂)
JSONP因为ajax直接请求普通文件存在跨域问题(同源下的js发起的ajax请求是可以跨域的),甭管是啥只要是跨域请求一律都不行****但是web页面上调用js文件时不受跨域影响(而且有src的标签都有跨域的能力)所以在远程服务器上把数据装进js格式里,而JSON可以简洁描述复杂数据,并且被js原生支持。所以在服务端动态生成JSON文件并把客户端需要的数据装进去客户端调用JSON文件成功后,获得数据。这种方式很像ajax但其实不是JSONP协议允许的是用户传递callback参数给服务端,服务原创 2020-10-30 09:41:23 · 207 阅读 · 0 评论 -
js高级进阶-重点难点
js高级进阶部分数组类型:typeof能判断的部分只有 number/String/boolean/undefine/Array/function/Object判断是否null或undefined直接用===判断就好不需要typeof,不能判断object与null、object与arraya instanceof b a类型是不是b类型的实例 instanceof返回truefalseaa={a:function(){return function(){return ‘aaa’}}}原创 2020-10-28 21:11:39 · 627 阅读 · 2 评论 -
前端值得注意的重点(this指向问题、setTimeout、原型链、面试笔试注意点、axios二次封装、重绘重排)
如果被setTimeout推迟执行的回调函数是某个对象的方法,那么该方法中的this关键字将指向全局环境,而不是定义时所在的那个对象。var x = 1;var o = {x: 2,y: function(){console.log(this.x);}};setTimeout(o.y,1000);// 1setTimeout(‘console.log(2)’,1000);console.log(3);上面代码的输出结果就是1,3,2,因为setTimeout指定第二行语句推迟1000毫原创 2020-10-14 09:55:17 · 884 阅读 · 2 评论