- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue本地开发搭建环境中的问题(MAC操作系统)
1、npm install --global vue-cli报错：reason: getaddrinfo ENOTFOUND “xxxxxxxx”【解决方案】：通过npm get registry查看当前镜像；进行切换为淘宝镜像（ npm config set registry https://registry.npm.taobao.org）；再重新尝试即可2、npm install -g cnpm registry=https://registry.npm.taobao.org报错："regis
2022-04-27 16:21:14
1554
原创 vue自定义一个函数调用类型的组件
参考：https://www.cnblogs.com/conglvse/p/9641550.html亲测有效类似于vant的tip啊，dialog啊，loading之类的组件，直接通过函数的形式即可展示相应组件，无需把组件提前写到template模板下记录一下，等有时间研究一下原理...
2019-08-23 17:05:07
619
原创 animation动画在ios手机上速度很慢甚至禁止
开发过程中自己写了一个动画，在安卓手机和pc浏览器上正常，在ios手机上速度很慢，甚至停止。后来自己找到了原因，animation的动画用了rem单位，换成px就可以啦...
2019-08-14 18:00:48
1498
原创 pointer-events: none点击穿透
第一次知道css这个属性，记录下咯!使用这个属性，可以在点击某元素的时候，穿过该元素，点击到该元素下面的元素
2019-05-28 22:45:07
1527
1
原创 微信小程序防止蒙层穿透问题
问题：蒙层下面的内容很长，在蒙层上有滚动条，下面互动屏幕，蒙层下的内容可以滚动（小程序内）解决方案：1、在蒙层元素上添加事件： catchtouchmove="catchtouchmove"2、定义事件catchtouchmove：catchtouchmove(){}注：catchtouchmove事件只需定义下即可，函数内无需做任何操作...
2019-05-15 15:13:18
5338
原创 安卓手机h5页面点击有深蓝色阴影
对于全部元素的点击高亮效果可以在全局CSS里加如下代码即可：*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */}...
2019-03-12 15:07:28
351
原创 解决ios系统h5页面滚动条问题
需求：页面在各种手机端可以正常横向滚动问题：（以下所有效果均针对ios系统下的，安卓是不存在这个问题的）1、第一次用基础css实现滚动：overflow：scroll；效果：可以滑动，但是页面滚动起来非常卡，没有回弹顺滑的效果，手指一停，页面就停住了。2、第二次网上搜方法解决了滑动很卡的现象，给很宽的那个容器加上了css属性：-webkit-overflow-scrolling：tou...
2019-03-08 13:34:26
13367
3
原创 webstorm es6语法不支持
原因一：webstorm未设置语言模式为es6，报错如下图：解决方案：file->setting->Language&Frameworks->javascript,选中es6原因二：webstorm 设置了jshint代码检测，报错如下图：解决方案：file->setting->Language&Frameworks->j...
2018-10-12 10:18:43
2353
原创 一次ajax调用，发送了两次请求（一次为请求方法为option，一次为正常请求）
在项目了开发时遇见一个奇怪的现象，就是我在js里面掉了一次ajax请求，在浏览器network那边查询到的却是发送了两次请求，第一次的Request Method参数为OPTIONS,第二次的Request Method为我正常设定的POST。在参考了：https://blog.csdn.net/cc1314_/article/details/78272329这边博客以后终于找到了原因。浏...
2018-07-12 15:19:35
24029
3
原创 chrome 谷歌浏览器模拟各种手机设置userAgent
谷歌调试工具十分全面：可以模拟各种手机平台环境，只需要配置下userAgent就可以了，下面看图：1、在选择手机型号的时候选择Edit2、右边会跳出 编辑的地方，可以配置userAgent3、配置完成后在左边选择手机型号的地方就会有自定义的userAgent了 ...
2018-07-12 13:24:44
26730
原创 背景音乐(audio标签)在微信浏览器的自动播放
背景音乐audio标签设置属性autoplay，在电脑上可以自动播放，但是在手机上却不能。由于部分手机系统考虑维护用户的流量使用，强制屏蔽了多媒体文件的自动播放属性。除非用户主动触发，但是在微信浏览器中，却可以通过代码控制html页面自动播放背景音乐。只要在页面onload的时候加载下面这段代码就可以了。function audioAutoPlay (id) { var audio=documen...
2018-07-03 11:36:04
4487
1
原创 用div来替换input，可以竖着打字
有个需求，需要在input框内竖着打字。搜到一个css属性：writing-mode；然后在很多浏览器上面都不兼容，至少万能的谷歌是不行的，因此想到可以用div模拟input的功能：1、模拟input打字。使用 contenteditable=true这个属性即可2、模拟input的placeholder div:empty:before{ content: attr(plac...
2018-06-14 17:31:00
1179
1
原创 记录下我对加密传输的理解
很多网站在传输过程中需要做到加密传输，为了防止信息被泄露不能明文传输。有2种方式可以对传输数据进行加密：1、采用https方式传输，这样就可以不用在代码里面做数据的加解密处理了。但是有时候为了安全性更高还会再使用安全控件。2、对称加密＋非对称加密：（1）首先采用非对称加密方式，前端生成32位随机数，用约定好的公钥加密传输给后台。后台用对应的私钥解密后获取到的32位随机数存入session中，可作为...
2018-06-14 15:09:41
2436
原创 利用谷歌浏览器模拟网速慢的情况
以我开发过程中的问题举例问题：页面某个dom元素需要在a.js里面根据user-Agent判断设备类型，去决定是否要展示这个dom元素。然而这个a.js里面的function用了$(document).ready(function(){}),这就导致页面在网速很慢的情况下，dom节点加载迟钝很久，甚至不加载出来。解决方案：把判断user-agent的方法不写在$(document).ready(f...
2018-06-04 17:19:51
6490
原创 怎么通俗易懂理解rem布局
rem布局是现在比较流行的移动端布局，掌握了这种布局方式后，可以很轻易的实现布局自适应手机屏幕。目前淘宝首页就是采用的这种布局方式。我曾经上网查过很多资料，看过很多解释原理的和使用方法的，可是还是一脸懵逼，可能我是一枚女程序员，脑子转不过来，必须要弄得很清楚透彻才能想明白这个布局的原理。后来我自己在纸上琢磨，用数学公式成功把自己弄明白了。希望也能帮到大家。就像一道数学题一样，见下题：首先，...
2018-06-02 14:40:53
1505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人