-
分类：前端开发2022-06-23阅读：(1301)标签：none
- 地图电子围栏，也就是在地图上圈出一个区域，高德地图上对应的方案就是矢量图形覆盖物。如果仅仅是在地图上绘制矢量图形覆盖物，mouseTool这个插件就满足了，利用它可以在地图上绘制点线面（圆形、矩形、多边形）。通过监听绘制完成事件，可以拿到对应绘制图形的相关属性信息。代码示例：<div id="container"></div>
// 地图以及插件...
-
分类：前端开发2022-06-07阅读：(885)标签：鉴权, token
- JSON Web Token在现在的前后端分离的开发方式中，通常都是用token的方式来进行鉴权，校验用户登录状态。这个就是JSON Web Token (JWT) ，它是一个基于JSON的开放标准 (RFC 7519)，它定义了一种紧凑且自包含的方式，使用 JSON 对象在各方之间安全地传输信息。此信息可以验证和信任，因为它是数字签名的。 JWT 可以使用密钥（使用 HMAC 算法）或使用...
-
分类：前端开发2022-02-07阅读：(2218)标签：http
- 问题回顾：起因是在H5项目的一个迭代版本测试过程中，发现在vivo手机自带浏览器里，登录状态一直报错无法正常登录，在其他浏览器，其他设备都正常。这个问题目前只是在vivo手机浏览器里发现的。通过排查发现是token的问题。前端排查没发现问题，token正常传递给后端的，后端排查发现没有接收到token。最后通过打印日志记录发现token字段的大小写不一致，通过vivo手机浏览器传递过去的to...
-
分类：前端开发2021-12-31阅读：(1232)标签：none
- html的video,audio标签有autoplay属性，autoplay 属性规定一旦音频就绪马上开始播放。如果设置了该属性，音频将自动播放。但是，目前各主流浏览器为了用户体验，都禁止默认自动播放音视频了。需要有交互操作才能播放。没有交互操作，浏览器会报错，给出如下提示：Uncaught (in promise) DOMException: play() failed because t...
-
分类：前端开发2021-11-08阅读：(1323)标签：js, canvas
- 移动端用canvas手写签名，实现思路不难，主要就是绘制笔迹，生成图片上传。笔迹的绘制，我们需要考虑的点就是线条的粗细，锯齿问题。如果对PS熟悉，我们就知道，圆角放大到像素点后，就会看到还是有很多的小锯齿，只是这些小锯齿有的透明，有的半透明。缩小后看起来就是比较圆润流畅的。对此，我们可以通过对canvas线条添加少量的阴影来模拟处理边缘的半透明锯齿，以此达到笔迹路劲看起来圆润流畅无锯齿。线条...
-
分类：前端开发2020-04-21阅读：(1579)标签：javascript
- JavaScript 使用 32 位按位运算数。JavaScript 将数字存储为 64 位浮点数，但所有按位运算都以 32 位二进制数执行。在执行位运算之前，JavaScript 将数字转换为 32 位有符号整数。执行按位操作后，结果将转换回 64 位 JavaScript 数。<< 零填充左位移 通过从右推入零向左位移，并使最左边的位脱落。
>> ...
-
分类：前端开发2018-12-21阅读：(1504)标签：javascript
- javascript中数据类型有8种，其中有7种原始类型:Boolean，Null，Undefined，Number，BigInt，String，Symbol和 Object。我们通常也说基础类型和引用类型。内存中，基础数据类型在栈中直接存储值，引用类型则是在堆中存储，然后把其在堆中的地址存储在栈里。js浅拷贝，只是拷贝栈中的数据，js深拷贝，就是要完全拷贝，包括堆里数据。举例说明：let ...
-
分类：前端开发2018-12-11阅读：(1536)标签：javascript
- 现在很多网页在首页都会放一个头条新闻的地方，有一两条新闻间歇滚动。网上方法有很多，这里记录两种自己用的方法。用到的有setTimeout, requestAnimationFrame。方法一：通过srollTop来实现：e.g.<style type="text/css">
.box{
width: 100%;
height: 40px;
...
-
分类：前端开发2018-05-08阅读：(2314)标签：javascript, html5, canvas
- 最近朋友做html5营销页挺多的，想着一直写js，html5的东西也好久没写过了。今天就来折腾一下，看看canvas的东西，然后想到刮刮乐效果。这个以前同事也分享过，不过时间太久，也忘记了。熟悉PS的话，就很清楚图层的概念。刮刮乐就是两个图层，奖项图层在下面，上面盖一层灰色的遮住。挂掉灰色图层，镂空显示出下面的奖项图层。根据html的canvas手册实验了几下，发现不能清除画的某个图案，会直...
-
分类：前端开发2018-05-03阅读：(3251)标签：css, 移动开发, js
- 现在移动设备屏幕尺寸繁多，比如iPhone SE到iPhone Plus，安卓机品类更多。为了用户体验，不同屏幕我们都得去适配。在移动端页面制作，我们一般会把单位px换成rem，然后通过媒体查询，js计算等方式，修改html的字号大小，从而整体修改页面大小，打到适配效果。大屏幕就让文字稍微大点，小屏幕下文字就稍微小点。整体比例上看起来是一致的。对于rem，在W3C官网上是这样描述的：“fon...
