会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
耶温
小耶温的前端成长记录
博客园
首页
新随笔
联系
订阅
管理
1
2
下一页
[置顶]
实现服务端和客户端的实时双向数据传输-WebSocket简单了解
摘要: WebSocket 前段时间项目中遇到了消息推送的问题,当时采用客户端轮询,每隔 5s 请求一次数据。由于轮询的效率低,非常浪费资源。后面准备把轮询调整为使用 WebSocket 来建立连接,实现推送。 WebSocket 介绍 一种网络通信协议,使用 WebSocket 服务器可以主动向客户端推送
阅读全文
posted @ 2021-04-26 14:47 耶温
阅读(4454)
评论(1)
推荐(1)
[置顶]
前端工程师进阶之旅-手撕代码【前端常用方法以及面试常见题】
摘要: 前端工程师进阶之旅-手撕代码 主要包括一些工作中常用的方法,面试常问到的方法。还有一些不太了解,趁机深入了解的知识点。都弄懂之后还是有点提升的。 数据类型判断 function myTypeof(data) { return Object.prototype.toString.call(data).
阅读全文
posted @ 2021-04-25 13:44 耶温
阅读(725)
评论(0)
推荐(0)
2022年7月28日
「CSS」transform使fixed布局失效问题
摘要: 项目当中,遇到需要加一个吸顶效果组件。原思路,使用Vant组件库中Sticky 粘性布局组件。后发现无法实现吸顶效果。排查后发现原因为:父元素的transform使子元素fixed布局失效,子元素从原本的fixed布局,变为绝对定位布局absolute。 总结:做粘性布局或者吸顶效果时,应避免父元素
阅读全文
posted @ 2022-07-28 10:35 耶温
阅读(554)
评论(0)
推荐(0)
「VUE」前端S3协议流PUT上传文件
摘要: Vue+axios上传文件方法 最近做项目遇到的新的上传文件方法,记录一下。 uploadFile(file) { // 转换形式 const reader = new FileReader(); reader.readAsArrayBuffer(file.file); // 上传图片 reader
阅读全文
posted @ 2022-07-28 10:32 耶温
阅读(764)
评论(0)
推荐(0)
2021年5月21日
HTTPS 原理解析
摘要: HTTPS 原理解析 HTTPS 保证了 Web 数据传输过程中的传输安全 HTTPS:采用 对称加密 和 非对称加密 结合以及数字证书的方式来保护浏览器和服务端之间的通信安全。 不进行加密 明文传输:在客户端和服务器数据传输过程中,黑客可以获取到传输的账号密码,非常不安全 注意: 明文就相当于裸奔
阅读全文
posted @ 2021-05-21 13:31 耶温
阅读(147)
评论(0)
推荐(0)
2021年5月7日
常见HTTP状态码
摘要: 常见HTTP状态码 状态码类别: 1XX:informational信息性状态码,表示接受的请求正在处理 2XX:success成功状态码,表示请求处理完毕 3XX:Redirection重定向状态码,表示需要进行附加操作已完成请求 4XX:Client Error客户端错误状态码,表示服务器无法处
阅读全文
posted @ 2021-05-07 09:37 耶温
阅读(88)
评论(0)
推荐(0)
2021年4月16日
H5 端 rem 适配方案与 viewport 适配
摘要: H5 端 rem 适配方案与 viewport 适配,媒体查询设置,使用 JS 动态修改rem布局。使用 js 动态设置 viewport 属性,通过设置 viewport 的 initial-scale 相关属性 , 将所有设备布局视口的宽度调整为设计图的宽度。
阅读全文
posted @ 2021-04-16 17:59 耶温
阅读(588)
评论(0)
推荐(0)
NPM 与 NPX 区别
摘要: NPM 和 NPX 区别 NPM Node Package Manager npm 是 Node.js 的软件包管理器,其目标是自动化的依赖性和软件包管理 NPX npx 是执行 Node 软件包的工具,它从 npm5.2 版本开始,与 npm 捆绑在一起。 1.默认情况下,首先检查路径中是否存在要
阅读全文
posted @ 2021-04-16 09:06 耶温
阅读(604)
评论(0)
推荐(0)
2021年4月15日
使用CSS3中Canvas 实现两张图片合成一张图片【常用于合成二维码图片】
摘要: CSS3 Canvas 实现两张图片合成一张图片 需求 需求:在项目中遇到将一张固定图片和一张二维码图片合成一张新图片,并且用户能够将图片保存下载到本地。 思路:使用 CSS3 中的 Canvas 将两张图片绘制。 HTML 部分 <div> <img id="img1" src="wenbo.jp
阅读全文
posted @ 2021-04-15 15:33 耶温
阅读(350)
评论(0)
推荐(0)
2021年4月14日
在Vue中使用sass和less,并解决报错问题(this.getOptions is not a function)
摘要: 在Vue中使用Sass和Less,并解决报错问题(this.getOptions is not a function),使用 Less,使用 Less时报错,使用Sass,使用Sass时报错。
阅读全文
posted @ 2021-04-14 16:37 耶温
阅读(2612)
评论(0)
推荐(0)
1
2
下一页
公告
昵称:
耶温
园龄:
4年3个月
粉丝:
3
关注:
2
+加关注
<
2025年7月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
我的标签
JavaScript
(10)
HTML5
(3)
Vue
(2)
HTTP
(2)
HTML
(2)
CSS3
(2)
WebSocket
(1)
Sass
(1)
npx
(1)
npm
(1)
更多
随笔分类
htmlcss(4)
JavaScript(9)
vue(2)
前端笔记(11)
随笔档案
2022年7月(2)
2021年5月(2)
2021年4月(12)
阅读排行榜
1. 实现服务端和客户端的实时双向数据传输-WebSocket简单了解(4454)
2. 在Vue中使用sass和less,并解决报错问题(this.getOptions is not a function)(2612)
3. JavaScript深入理解-Promise以及常用方法详解(910)
4. 「VUE」前端S3协议流PUT上传文件(764)
5. 前端工程师进阶之旅-手撕代码【前端常用方法以及面试常见题】(725)
评论排行榜
1. 实现服务端和客户端的实时双向数据传输-WebSocket简单了解(1)
推荐排行榜
1. 实现服务端和客户端的实时双向数据传输-WebSocket简单了解(1)
2. JavaScript深入理解-Set、Map、WeakSet和WeakMap(1)
最新评论
1. Re:实现服务端和客户端的实时双向数据传输-WebSocket简单了解
个人觉得WebSocket在高并发有瓶颈,建议走消息队列
--小小病毒丶
点击右上角即可分享