- 博客(33)
- 收藏
- 关注
RSS订阅原创 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
2174
原创 入职六个月笔记分享
真的不要质疑 ||是或 &&是且，有时候会忘异步和不异步的同时执行，拿出来一个分支（有点像多线程）去搞异步的加快性能，只有await，async才能等待异步（还是单线程）异步的时候并行执行的两个（特别是嵌套时），当异步进行的快时可能没差，但当异步的数据计算量大时，可能并行执行的执行完了，但是这时你获取不完异步里的数据（目前想到最好的方法就是设置一个延时然后获取，嵌套完之后的）v-for="(item,key) in examList[examSignal]" dom节点上也可以这样写
2022-01-15 17:01:52
131
转载 实现自动滚动（且可以设置各种属性）
页面的自动滚动效果页面的自动滚动效果，可由javascript来实现，但是有一个html标签 - 可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：…； 说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction（包括4个值：up、 down、 left和 right）语法：…2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）语法
2021-12-16 18:02:15
1043
1
原创 好久不来了，这是入职三个月以来公司的笔记，我的葵花宝典，各种有的没的实用的前端知识
hasOwnProperty () 方法用来检测一个属性是否是对象的自有属性用this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this = this 来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this=this来把this注册在局部的作用域，使在function的时候（function只是在局部啊）this能在更多的作用域，箭头函数不是可以一层一层的往上找吗所以不影响造后台数据我们不用调接口，直接
2021-10-09 14:03:05
267
原创 关于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
89
原创 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
113
原创 关于数字电视用到的服务器介绍
阿波罗Apollo服务器（是携程框架部门研发的分布式配置中心，能够集中化管理应用不同环境、不同集群的配置，配置修改后能够实时推送到应用端），上变频器（是将中频已调信号 (70MHz或140MHz±18MHz)变换成卫星通信上行频率），GPS时钟（是一种利用GPS技术研究和开发的新型科技产品，它具有两项重大的功能，一个就是能够定点定位，另一个则是能够精确授时，很少出现信号、信息的延误），堡垒机（堡垒机理解成一个中转站，或一个单点登录的跳板，任何人想登录系统，必须先登录堡垒机，再通过堡垒机来进行后续的运维
2021-06-29 14:06:02
1037
原创 关于electron
用js调用apis来创造桌面应用，他专注于桌面应用而不是Web服务器主要目录结构|----- package.json├── main.js(主要的)└── index.html（展示的）app.on(‘window-all-closed’, function() {}）所有窗口关闭时app.on(‘ready’, function() {}）当electron完成初始化并创建浏览器窗口的时候mainWindow.on(‘closed’, function() {}）当 window 被关闭，
2021-06-29 14:02:48
244
原创 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
1221
原创 网络中的各层与http、https等协议
网络协议概述OSI是一个开放性的通信系统互连参考模型，他是一个定义得非常好的协议规范。OSI模型有7层结构，每层都可以有几个子层。 OSI的7层从上到下分别是 7 应用层 6 表示层 5 会话层 4 传输层 3 网络层 2 数据链路层 1 物理层；其中高层（即7、6、5、4层）定义了应用程序的功能，下面3层（即3、2、1层）主要面向通过网络的端到端的数据流。通常把567归为一层的协议图示：一、物理层（physical layer）定义：定义了物理设备标准，如网线的接口类型、光纤的接口类型、各种传输
2020-11-05 10:57:06
3105
1
原创 前端知识讲座笔记（sourcemap、docker、jmeter、loadrunner、mediasoup）
周一扒网站讲座：上传网站的时候打包完一定把sourcemap去掉，不然你的网站很容易被别人通过sourcemap（插件）解析出来讲座链接：https://media.sugonedu.com:6103/d/26f40c619b6f47f8a67a/
2020-11-05 10:53:46
397
原创 es6的重点
promise对象因为回调地狱一种是各种回调函数互相依赖，关系错综复杂，容易在造成错误另一种是各种回调里嵌套各种回调，关系错综复杂，麻烦的很为了解决这种问题promise就来了三种状态：pending 初始状态 fullfilled 成功状态 rejected 失败状态 再恰当时机就会改变成成功或失败*****promise是同步的，遇到了直接等待执行就可以，不需要像异步一样跳过然后再回来的时候回调。let pormise = new Promise((res,rej)=>{//初始.
2020-11-01 19:06:22
3179
2
原创 关于跨域的一些问题（易懂）
JSONP因为ajax直接请求普通文件存在跨域问题（同源下的js发起的ajax请求是可以跨域的），甭管是啥只要是跨域请求一律都不行****但是web页面上调用js文件时不受跨域影响（而且有src的标签都有跨域的能力）所以在远程服务器上把数据装进js格式里，而JSON可以简洁描述复杂数据，并且被js原生支持。所以在服务端动态生成JSON文件并把客户端需要的数据装进去客户端调用JSON文件成功后，获得数据。这种方式很像ajax但其实不是JSONP协议允许的是用户传递callback参数给服务端，服务
2020-10-30 09:41:23
206
原创 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
623
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
883
2
转载 js原型链prototype详解（巨清晰）
Javascript系列之第一篇：Prototype原型链。在软件园里随便拉一个码农估计都会写JS，大部分也知道JS是基于原型的语言，但是如果问及JS原生对象（Object,Function,Array,Date等）的这个原型链长什么样子？估计能回答出来的人就少了，我开始也非常糊涂，后来决心一定要好好搞一下，花了2天功夫基本算是明白了，分享如下：测试环境：Firefox、Firebug；为做好铺垫，按顺序解释如下概念：1）类型、原生类型、对象类型（types、primitive types、objec
2020-10-11 16:56:14
765
原创 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
147
转载 前端开发新工具-vite
vite 是什么vite——一个由 vue 作者尤雨溪专门为 vue 打造的开发利器，其目的是使 vue 项目的开发更加简单和快速。vite 究竟有什么作用？用 vite 文档上的介绍，它具有以下特点：快速的冷启动即时的热模块更新真正的按需编译以上三个优点，社区也早有对应的解决方案，比如快速的冷启动可以借助各种 cli ：vue-cli、create-react-app 等等，热更新就更不用说了，不过按需编译需要开发者自行在代码中使用 impor(‘xx.js’) 实现， 那么 vite 有什
2020-09-29 09:19:41
2551
转载 拖拽页面不影响布局
只要在布局时在最外面再套一层div，然后给这个div赋一个固定的长宽就可以了。（大概率把你使用了float）代码类似这样：比如在最外层套一个main的css代码如下： #main{width:1366px;height:457px;MARGIN-RIGHT: auto;MARGIN-LEFT: auto; }这样就可以达到那样的效果了。...
2020-09-13 19:55:10
136
原创 js常用的一些方法
map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组，它不会改变原来的数组。apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法apply和call的功能是
2020-08-20 16:53:40
136
转载 前端数据加密问题
一、最简单的加密解密函数escape()和unescape();二、base64加密（1）introductionbase64是网络上最常见的用于传输8bit字节码的编码方式之一，base64就是一种基于64个可打印字符来表示二进制数据的方法。https://en.wikipedia.org/wiki/Base64（2）常用js base64加密库 https://github.com/dankogai/js-base64（3） 原生js已经支持base64加密及解密加密 windo
2020-08-20 10:56:29
306
转载 setTimeout、setInterval和数据缓存
setTimeout()用于在指定的毫秒数后调用函数或计算表达式setInterval()在播放动画的时，每隔一定时间就调用函数，方法或对象前者一次只能运行一次需要回调后者是一直运行着的需要clearInterval()来清楚关于前端数据缓存一、全局变量缓存父页面从服务器获取到基础数据 存储在一个全局对象中 当子页面需要此信息时 直接获取父级对象信息 从而减少HTTP请示连接数 此方式涉及到作用域问题 需找准当前作用域问题父级页面 <meta name=“viewp
2020-08-19 16:25:48
750
转载 前端常见跨域解决方案
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： 、其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，
2020-08-17 15:42:44
95
转载 关于css的display:flex inline block inline-block和float
1.解释一下display的几个常用的属性值，inline ， block， inline-blockinline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用padding上下左右都有效，margin只有left和right产生边距效果，但是top和bottom就不行.block（块级元素）: 使元素变成块级元素，独占一行，在不设置自己的宽度
2020-08-13 15:49:10
3971
原创 mysql的删除表和清空表（附带解决中文乱码问号问题 各种问题总结100%解决问题）
drop table name --把表删掉delete table name --把表清空truncate table name --把表清空（不记录日志不可恢复）
2020-07-31 19:50:09
223
原创 ERROR tool.ExportTool: Encountered IOException running export job （hive传到mysql报错）
你在启动mysql的时候mysql -u root -p后面没有输入密码所以你在传的时候也不需要输入密码sqoop export --connect jdbc:mysql://localhost:3306/dbb --table small_user --username root -p --fields-terminated-by ‘,’ --export-dir /user/hive/warehouse/small_user...
2020-07-31 15:55:21
5211
原创 JavaScript实现为每行添加随机省份（kettle步骤）
var province = ["山东","山西","河南","河北","陕西","内蒙古","上海市","北京市","重庆市","天津市","福建","广东", "广西","云南", "浙江","贵州","新疆","西藏","江西","湖南","湖北","黑龙江","吉林","辽宁","江苏", "甘肃", "青海","四川","安徽","宁夏","海南","香港","澳门","台湾"]var ran
2020-07-25 11:39:27
841
原创 下载hadoop、hive等各种包
[下载hadoop、hive等各种包。。镜像下载比较快](https://developer.aliyun.com/article/578902?spm=a2c6h.14164896.0.0.61623ba7EkuYxe)
2020-07-24 10:49:09
493
转载 python 下载安装dlib报错
1、安装之前，升级pip版本，使用：python -m pip install --upgrade pip2、下载dlib离线包，https://pypi.python.org/pypi/dlib/18.17.100#downloads3、使用pip install C:\Users\apple\Desktop\dlib-18.17.100-cp35-none-win_amd64.whl命令，就可以安装成功。...
2020-07-20 14:53:14
549
1
转载 使用npm安装一些包失败了的看过来（npm国内镜像介绍）npm i 报错报错response 502 status, fai l count: 1
报错response 502 status, fai l count: 1
2020-07-18 15:08:42
1160
1
原创 nuxt打包build报错regeneratorRuntime is not defined
.babelrc配置如下{ "env": { "browser": { "presets": [ [ "@babel/preset-env", { "targets": { "browsers": ["last 2 versions", "safari >= 7"] } }...
2020-07-17 15:26:19
581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人