- 博客(17)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 对接grpc之大文件分片传输（4）-Web Worker
题引大文件上传，计算hash，占用线程，非常耗时，甚至会引起UI阻塞，用 Web Worker另起一个线程，把文件上传放到Web Worker起的线程中去做webJavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 W
2021-04-13 16:19:57
819
原创 对接grpc之大文件分片传输（3）- 秒传
题引秒传是通过计算文件hash值来确定文件内容的唯一性，这里我们使用CryptoJSCryptoJS是谷歌开发的一个纯JavaScript的加密算法类库，可以非常方便的在前端进行其所支持的加解密操作。目前crypto-js已支持的算法有：MD5,SHA-1,SHA-256,AES,Rabbit,MARC4,HMAC,HMAC-MD5,HMAC-SHA1,HMAC-SHA256,PBKDF2。常用的加密方式有MD5,SHA-1,SHA-256以一个60M的文件为测试样本，经过1000次的测试平均值，
2021-04-12 18:30:18
823
原创 对接grpc之大文件分片传输（2）-文件切片
题引gRPC 最初由谷歌开发，是一个高性能远程过程调用框架，基于 HTTP/2 实现。但由于浏览器没有直接暴露 HTTP/2，所以 Web 应用程序不能直接使用 gRPC。gRPC- Web 是一个标准化协议，它解决了这个问题，可以在浏览器中使用 gRPC。解析.proto文件protoc-gen-grpc-web是用来生成web js文件的工具下地地址：https://github.com/grpc/grpc-web/releases选择：protoc-gen-grpc-web-1.2.0
2021-04-12 17:36:32
1227
原创 对接grpc之大文件分片传输（1）-proto转js
题引gRPC 最初由谷歌开发，是一个高性能远程过程调用框架，基于 HTTP/2 实现。但由于浏览器没有直接暴露 HTTP/2，所以 Web 应用程序不能直接使用 gRPC。gRPC- Web 是一个标准化协议，它解决了这个问题，可以在浏览器中使用 gRPC。参考资料https://www.fenxianglu.cn/article/246解析.proto文件protoc-gen-grpc-web是用来生成web js文件的工具下地地址：https://github.com/grpc/grp
2021-04-01 17:04:46
689
原创 vue-自定义表单控件
题引开发中有遇到一些非传统表单元素，如选择地址组件，开发人员需要将用户选择的最终结果转换成后台指定的格式和其他表单元素一起提交给后台，这时候，如果能像传统表单元素，如input，radio这些直接使用v-model双向绑定，那样就方便很多。...
2021-01-27 18:13:37
1203
1
原创 vue项目之锁屏
题引锁屏：该需求是指用户暂时离开时点击锁屏，用户无法跳转到其他页面，回来输入密码点击解锁技术栈：vue+elementUI解题通过布尔类型 lockFlag 来控制样式，绑定事件名称 lockChange <div class="lock-wrap" @click="lockChange"> <el-tooltip effect="dark" :co...
2019-09-12 09:22:08
1525
原创 快速渲染模板引擎art-template
关于elementUI日期组件：当通过不同的日期下拉框来控制显示不同的日期组件的时候，会发现日期组件错位,跑到屏幕左上方去了研究一番发现,我在不同的日期组件使用v-if显示的，改为v-show即可表格show-overflow-tooltip：在设置表格内容多余时，鼠标悬停提示的提示框样式：在通用css中设置.el-tooltip__popper { max-width: 8...
2019-09-03 10:17:42
234
原创 vue+elementUI踩坑
关于elementUI日期组件：当通过不同的日期下拉框来控制显示不同的日期组件的时候，会发现日期组件错位,跑到屏幕左上方去了研究一番发现,我在不同的日期组件使用v-if显示的，改为v-show即可表格show-overflow-tooltip：在设置表格内容多余时，鼠标悬停提示的提示框样式：在通用css中设置.el-tooltip__popper { max-width: 8...
2019-09-02 15:40:47
326
原创 页脚固定在底部之flex布局
题引资料：《css揭秘》 表格在现代网站中仍然有其不可替代的位置，我做的大多数项目都使用了表格来展示数据。对其他元素的 display 属性使用表格相关的关键字，也可以让它们具备表格类元素的行为。尽管有时候它们看起来很方便，但对于不固定的内容来说，它们的布局其实是很难预测的。这是因为列宽根据其内容进...
2019-08-02 16:14:39
1352
原创 表格内容多余省略
题引资料：《css揭秘》----- 图片对比滑动控件基本上可以理解为两层结构：下层是一张固定的图片；上层的图片则可以在水平方向上调整大小，从而或多或少地显露出下层图片。这正是 JavaScript 框架的价值所在：让上层图片的宽度可以由鼠标拖动调整。不过，要让某个元素的大小变得可调整，并不需要动用脚本。在 CSS 基本 UI 特性中，我们获得了一个为此而生的属性：低调的 resize ！简...
2019-07-29 09:26:19
1148
原创 图形对比之resize
题引资料：《css揭秘》----- 图片对比滑动控件基本上可以理解为两层结构：下层是一张固定的图片；上层的图片则可以在水平方向上调整大小，从而或多或少地显露出下层图片。这正是 JavaScript 框架的价值所在：让上层图片的宽度可以由鼠标拖动调整。不过，要让某个元素的大小变得可调整，并不需要动用脚本。在 CSS 基本 UI 特性中，我们获得了一个为此而生的属性：低调的 resize ！简...
2019-07-23 14:54:54
140
原创 css学习之背景定位
资料《css揭秘》，w3c背景定位background-position：设置背景图像的起始位置场景1：让背景图片处于右下角 background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:right bottom;场景2：在处于右下角的情况下，距离右侧1...
2019-07-13 15:00:52
319
原创 background-clip、outline 和 box-shadow与“边框透明”
资料《css揭秘》，w3c半透明边框场景：div设置白色背景，边框透明，父容器背景是一幅图片起初代码是这样的 background: white; border: 10px solid hsla(0,0%,100%,.5);会发现背景设置的白色会把边框设置的样式覆盖掉，在不考虑通过两层div的方式或者其他实现方式下，可以使用background-clip back...
2019-07-08 14:11:55
328
原创 jquery文字循环滚动播报实现
题引需要实现一个从左往右，文字循环滚动播报的功能效果是这样的疑问起初是这样获取的 <div> <video id="joinVideo" controls="controls"> <source src="moive1.mp4" type="video/mp4"> 您的浏览器不支持 video 标签。 </video...
2019-07-01 09:13:29
1653
原创 关于页面加载时video总时长获取为NaN
题引-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;了解一下浏览器前缀的历史，学习记录背景： jquery历史与大众的理解大相径庭的是，W3C 并不“生产”标准。实际上，它扮演的是一个论坛...
2019-06-25 14:52:51
4645
原创 关于浏览器前缀
关于浏览器前缀题引概念定义函数调用总结题引参考：《css揭秘》《WebKit技术内幕》-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;这两种方式有什么区别？适合什么样的场景？（资料：jav...
2019-06-20 17:33:46
1302
1
原创 关于javaScript函数定义
关于javaScript函数定义题引概念定义环境函数调用使用场景题引var funOne = function() { // 代码};function funTwo() { // 代码}这两种方式有什么区别？适合什么样的场景？（资料：javaScript权威指南、 stackoverflow）概念函数使用function关键字来定义，它可以用在函数定义表达式或...
2019-06-01 14:08:57
219
2
空空如也
background-origin在body中为什么不起作用
2019-07-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人