随笔分类 -  前端

一些小知识点
摘要：/** * 计算字符串所占的内存字节数，默认使用UTF-8的编码方式计算，也可制定为UTF-16 * UTF-8 是一种可变长度的 Unicode 编码格式，使用一至四个字节为每个字符编码 * * 000000 - 00007F(128个代码) 0zzzzzzz(00-7F) 一个字节 * 0000 阅读全文
posted @ 2019-03-08 15:09 dobinspark 阅读(441) 评论(0) 推荐(0)
关于前端token
摘要：主要是一些前端使用的流程： 客户端使用用户名密码登录。服务端收到请求，去验证用户名与密码。验证成功后，服务端会签发一个 Token，把这个 Token 发送给客户端。客户端将收到的Token存储起来。（cookie或者localStorage）客户端每次需要登录验证的请求都需要带着Token发送给服 阅读全文
posted @ 2019-01-15 15:00 dobinspark 阅读(8506) 评论(0) 推荐(0)
web 切换多语言版本
摘要：1.Google 翻译 实现效果： 2. <div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() { new google.transl 阅读全文
posted @ 2019-01-08 11:49 dobinspark 阅读(913) 评论(0) 推荐(0)
在react中实现CSS模块化
摘要：react中使用普通的css样式表会造成作用域的冲突，css定义的样式的作用域是全局，在Vue 中我们还可以使用scope来定义作用域，但是在react中并没有指令一说，所以只能另辟蹊径了。下面我将简单记录并介绍一下在webpage配置实现css 的模块化。 webpack的配置： 截取一小段 如上 阅读全文
posted @ 2018-11-22 11:01 dobinspark 阅读(5493) 评论(0) 推荐(0)
gulp详细教程——前端自动化构建工具
摘要：项目构建 一个项目是由多个开发者共同开发一个项目，各负责不同的模块，这就会造成一个完整的项目许多‘代码片段’组成，合并css、javascript，压缩html、css、javascript、images可以加速网页打开速度，提升性能；但是一系列的任务完全靠手动完成是很费时间成本的，使用gulp-- 阅读全文
posted @ 2018-07-09 16:34 dobinspark 阅读(1241) 评论(0) 推荐(0)
移动端轮播图手势分析+源码
摘要：http://dobinspark.com.cn/ 分析：移动端的轮播图最主要的就是手势触摸点击，移动和移动结束的一系列的事件，利用touch相关事件实现移动端常见滑动效果和常见的手势事件 。轮播图滑动的时候通过判断触摸屏幕的开始位置与结束位置是否大于容器的三分之一（至于多少自己定），大于则下一张， 阅读全文
posted @ 2018-05-23 10:24 dobinspark 阅读(1695) 评论(0) 推荐(0)