随笔分类 - WEB前端
摘要：学习了MOCHA官网的示例，将学习成果记录一下。【原文+例子：使用mocha测试】 mocha是什么 Mocha是一个跑在node和浏览器上的javascript测试框架，让异步测试变得简单有趣， 并提供灵活精确的报告。 安装 使用npm全局安装 作为项目开发依赖安装 开始 创建测试文件learn-
阅读全文
摘要：小程序跳H5token问题 【问题】微信小程序跳H5，token从URL上传递，H5获取到token以后，塞入cookie。在本地localhost环境下可以识别，在测试环境pay.tairamall.com中不行。 【解决】通过跟电商小程序开发人员沟通得知，塞到cookie中 必须指定域名.tai
阅读全文
摘要：微信端autofocus虚拟键盘弹出拉高页面 可以看到在微信端打开我的收银台页面，点击下一步时，会弹出支付密码弹窗，再点击关闭的时候，整个页面都会向上滑。这显然是不正常的。 首先采用的方法是，input失去焦点或者点击支付密码弹窗左上角X的时候，使用scrollTop定位到页面顶部。 可以看到画
阅读全文
摘要：【问题描述】：个别苹果6s和6，app中的H5页面点击进去是空白的，但在大部分的手机上，没有问题 拿到白屏页面手机后，将此H5页面在微信以及其他浏览器中打开，均空白，排除APP因素。 采用抓包工具，查看打印台，报错：`SyntaxError: Unexpected token '*'. Expect
阅读全文
摘要：iPhone手机浏览器在加载网页的时候，会把疑是手机号或者电话号的一串数字加上一个连接，点了之后会弹出拨打号码的窗口。 将手机自动识别手机的功能关闭：<meta name="format-detection" content="telephone=no" /> 如果你还想要识别手机号的功能可以这样：
阅读全文
摘要：【问题】： CSS中使用了VH，在iOS中展示正常，但是在安卓的个别浏览器中，当输入框弹出时，使用VH的DIV的高度会发生变化。 【原因】： 在安卓端浏览器虚拟键盘弹出时，导致视口高度改变，以至于vh的取值改变；页面中使用vh定高的元素的大小被压缩，造成布局错位以及文字溢出。 正常模式下 100vh
阅读全文
摘要：接触到flex一个多月了，今天做一个学习小结。如果有知识错误或者意见不同的地方。欢迎交流指教。 画外音：先说一下，我是怎么接触到flex布局的。对于正在学习的童鞋们，我建议大家没事可以逛逛网站，看看人家的源代码。至于怎么看？从浏览器已经生成的静态代码看（当然如果该公司的代码在github开源了，那就
阅读全文
摘要：总结一下。通过使用Frameset框架，可以在同一个浏览器窗口中显示不止一个页面。 先举个例子： 下面介绍一下各个属性： 一、frameset ①border 设置框架的边框粗细。 ②bordercolor 设置框架的边框颜色。 ③frameborder 设置是否显示框架边框。设定值只有0、1；0
阅读全文
摘要：简要来说，就是做成图下，可以增删改，然而木有验证啥的。 复制代码，到浏览器打开，就可查看。。。
阅读全文
摘要：SVG transform矩阵遇到的兼容性问题。在chrome、safari、火狐、360极速浏览器上都正常显示的图，在手机端就不行啊！！！ 先上图。 图1 PC端浏览器 图2 iPhone手机客户端 两者比较是不是感觉手机端的环形比很不正常。感觉手机端就跟后妈养得一样！！！说好的270度旋转效果呢
阅读全文
摘要：今天要写的是clone和clone（true）的区别 两者长得很像呀，clone（true）比clone() 多了一个true。看下图白白的牙，笑起来就是这么灿烂。有了true就跟笑起来一样，有了笑这个行为事件。 那么 true这个有什么效果么？ 语言描述就是 复制的节点具有行为，比如click啦。
阅读全文