![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
疑难问题解惑
这个昵称没有被占用吧
这个作者很懒,什么都没留下…
展开
-
使用Fiddler中使用AutoResponder创建规则替换线上文件
事情是这样的。。。我们的项目在app登录后,会根据传到用户中心的指定渠道码跳转到一个指定的页面(带上用户的登录信息),然后该页面再跳转到项目页面。然后每次为了app内测试,都得重新发版。刚来公司时,心想,这还不简单,host绑定域名,nginx代理服务地址,访问页面就指向本地了...原创 2020-05-20 14:14:22 · 494 阅读 · 0 评论 -
ios端兼容input光标高度处理
最近在项目中遇到一个问题,input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样。后来发现,是因为给父盒子添加了height和line-height。当点击输入的时候,光标的高度就自动和父盒子的高度一样了。而当有内容的时候,光标是从input的顶端到文字的底部。解决办法:不用给父盒子设置高度height和行高line-height,内容用...原创 2020-03-10 20:48:33 · 577 阅读 · 0 评论 -
还在坑中。。。vue项目中,页面第二次刷新时,document.documentElement.scrollTop失效
文章目录问题描述问题定位解决问题问题描述需求需要从第三方页面进入页面时,会带一个table字段,然后根据table字段,定位到指定位置。将滚动操作写在mounted函数中,发现进入页面时能成功定位,但是一刷新页面,滚动就失效了。mounted(){ let { tab='' } = this.$route.query; let top = document.getElementById(...原创 2020-01-20 11:49:07 · 1352 阅读 · 0 评论 -
border-radius:50%和100%的区别
在使用border-radius时,发现有些人使用50%,有些人使用100%,都可以得到一个圆,那这两个值到底有什么区别呢:border-radius的值是百分比的话,就相当于盒子的宽度和高度的百分比。如一个50px 150px的方形,如果border-radius设置为100%,则等价于:border-radius: 50px/150px;而border-radius又是由border...转载 2018-12-17 16:26:18 · 15461 阅读 · 0 评论 -
Number.parseInt和parseInt
我们都知道在js中,可以通过Number.parseInt() 方法把一个字符串解析成整数。该方法和全局的 parseInt() 函数是同一个函数。但是,今天在用iphone 5c测试h5页面时,却发现一个问题,那就是Number.parseInt方法无效,必须使用parseInt。...原创 2019-01-04 17:01:26 · 1308 阅读 · 0 评论 -
nginx反向代理地址是域名时请求不通的情况
使用nginx的反向代理,是解决跨域的一个重要方法。在nginx的配置文件中,我们通常可以看到这么一段:proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;从名字proxy_set_he...原创 2019-01-18 11:42:17 · 5082 阅读 · 0 评论 -
使用gulp-inject自动注入css或js
今天加到一个需求,需要在所有的页面中增加埋点,因为所有页面比较多,而且页面中没有引入公用部分,所以想有什么绑定可以动态加载页面呢?毕竟在每个页面中手动去加载一个文件是比较低效的工作。受另一个项目的启发,想到是否可以在打包时引入。除了解决这个问题以外,还有一个原因就是不想在开发环境下引入埋点。经过资料查询,找到一个插件gulp-inject(因为项目是使用gulp打包)可以满足这一要求,gulp-...原创 2019-03-01 10:01:09 · 1400 阅读 · 0 评论 -
react-router设置path无效,错误信息Cannot GET /xxx
为了写react demo,搭了一个简介版的环境,因此webpack配置极其简单:const path = require("path");const HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { mode: "development", entry: { app:..原创 2019-03-03 15:56:58 · 4407 阅读 · 0 评论 -
理解JavaScript的async/await
本文摘自边城的理解JavaScript的async/await一文以及git上关于Mavericker-1996关于async/await的一些见解主要需要理解javascript中同步任务、异步任务、宏任务和任务。宏任务(macro task)主要包含:script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageCh...转载 2019-02-27 10:24:40 · 338 阅读 · 0 评论 -
返回结果是一个对象obj,但是obj instanceOf Object返回false
今天在使用koa的使用,为了判断传入参数中是否正确,使用了object的hasOwnPrototype,但是却发现代码报错了。首先获取到参数:var params = ctx.query;然后判断返回对象中是否存在指定参数,如user参数:params.hasOwnPrototype("user")最后执行的时候,发现代码报错执行params instanceOf Object,发现返回的...原创 2019-03-04 14:03:26 · 3014 阅读 · 0 评论 -
table的box-sizing在不同浏览器下的表现不一样
下面通过一个实例来说明该属性:<style> html * { margin: 0; padding: 0; } table { width: 100%; border: 1px solid red; box-sizing: content-box!important; ...原创 2019-03-07 20:40:25 · 1730 阅读 · 0 评论 -
position:fixed失效
参考文章:position失效了?设置了position为fixed的元素,如果其祖先元素的transform不为none,则该元素会相对于该祖先元素进行定位,而不是相对于窗口进行定位。一个使用swiper做的tab切换,因为只需要在单个tab页内添加一个顶部按钮,因此在位置1处添加了button,然后使用position:fixed进行定位。<div class="swi...转载 2019-03-19 22:55:05 · 358 阅读 · 0 评论 -
npm install和cnpm install时的不同
如果package-lock.json存在,则两者安装后结果可能不一样。因为cnpm install安装时,是不会去从package-lock.json中读取依赖包的版本信息的。npm 5版本,在延续npm 3扁平化依赖包安装方式的基础上,新增了一个package-lock.json文件。package-lock.json的主要作用就是锁定依赖项的安装目录和依赖包的版本信息。关于pa...转载 2019-05-16 15:17:15 · 28254 阅读 · 0 评论 -
ios下非button/a标签点击事件失效问题
当使用事件委托给一个元素添加 click 事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效。如果是可点击的(比如 button、a 标签),此时 click 事件还是有效的,这点要特别注意。解决方法:将事件委托到非document和body下 给标签添加custor: point...转载 2019-06-13 21:27:37 · 1976 阅读 · 0 评论 -
nginx一台服务宕机如何正常访问其它server(负载均衡)
最近在学习nginx知识,今天看了下upstream模块,但是在测试的时候发现一个问题。当一台服务器宕机后,没有尝试访问其它server。台式机配置如下:server { listen 80; server_name test.com location / { proxy_pass http://test_upstream; // 笔记本上此处设置为http://127.0.0.1:...原创 2018-11-27 17:00:33 · 5301 阅读 · 0 评论 -
正则表达式中使用test方法时不要忽略lastIndex属性带来的影响
const handlePage = (page) =&gt; { const reg = new RegExp(`${page}_`, "g"); return (action) =&gt; { if(!reg.test(action.type)){ return "error"; } return "success"; }}const p原创 2018-12-04 22:27:10 · 478 阅读 · 0 评论 -
让你一次了解document.forms和document.formName的兼容性
今天在代码中不小心写了两个name相同的form表单,然后通过document.forms[formName]形式获取到的只有第一个表单,然后深入学习了下document.forms[formName]和document.formName的区别和兼容性。下面先测试了下document.forms[formName]、document.forms.formName、document.formNam...原创 2018-11-16 11:17:33 · 3554 阅读 · 1 评论 -
set NODE_ENV失效问题
package.json中定义了启动脚本:set NODE_ENV=mock && node app.jsconfig.js文件中通过process.env.NODE_ENV的值,指向不同的服务:let list = {};list["test"] = "http:127.0.0.1:1234/";list["mock"] = "http:127.0.0.1...原创 2018-04-16 14:56:33 · 2594 阅读 · 0 评论 -
node项目热更新supervisor,ignore忽略文件不生效问题
关于supervisor的作用、安装和使用方法网上已经有不少资料,在这里就不做介绍。 git地址:https://github.com/petruisfan/node-supervisor在这里主要说下使用supervisor忽略文件时需要的问题:执行 supervisor index 后,整个目录文件下只要有文件更改了,node就会重新启动。现在希望忽略文件夹views的更新,即,...原创 2018-04-04 00:43:29 · 703 阅读 · 0 评论 -
input设置readonly时光标仍然可见
在html中,给input设置readonly后,再点击该元素,在火狐浏览器下(谷歌不会,其他未测试)仍然会出现输入时的光标,发现给input增加unselectable=’on’后光标仍然存在,最后通过给input添加onfocus事件解决:&amp;amp;lt;input type=&amp;quot;text&amp;quot; onfocus=&amp;quot;this.blur()&amp;quot; re原创 2018-05-22 17:56:15 · 2632 阅读 · 0 评论 -
使用koa-session-mongoose,session无法写入
按照githhub上使用koa-session-mongoose,将session存入数据库,却发现无法给session写入值。 koa-session-mongoose的使用示例:async function init (uri) => { const connection = await mongoose.connect(uri, { useMongoClient: true ...原创 2018-07-23 17:42:19 · 1044 阅读 · 3 评论 -
js代码debugger模式下console.log结果和非debugger模式下不一样
我们来看一下下面一段简单代码的输出:var obj = {a:{b:2}};console.log("before:",obj);var obj2 = obj; // 断点1obj2.a.b = 0;console.log("after:",obj);当我们不打断点的时候,输出结果为:before:{a:{b:0}}after:{a:{b:0}}当我们在断点1处打上断点后...原创 2018-07-30 16:08:52 · 2937 阅读 · 0 评论 -
HTML防止input回车提交表单
昨天发现一个线上问题,在form表单中有一个type=text和type=hidden,在输入框回车后,触发了form提交。关于触发form表单提交的情况总结如下:默认情况下,单个输入框,无论按钮的type=”submit”还是type=”button”类型,回车即提交。当type=”submit”时,无论有几个type=”text”输入框,回车均表示提交。(按钮默认的type为s...转载 2018-08-17 10:34:10 · 565 阅读 · 0 评论 -
AMD中的CommonJs wrapping
项目中大量使用require引入js文件,而引入的js文件的方法大致如下:define(function(require, exports, module){ // 主要逻辑处理});之前一直有个疑惑,requirejs不是AMD规范的吗,为什么引入了一个CMD规范的文件,直到看到下面的文章: AMD中的CommonJs wrapping(强推!!!)大致就是:requir...原创 2018-08-17 16:43:33 · 145 阅读 · 0 评论 -
linear-gradient兼容性写法在不同浏览器中表现不同
今天在使用linear-gradient时,使用了兼容写法,但是忘记写不加前缀的linear-gradient了,结果发现相同的写法,带前缀和不带前缀在浏览器中表现是不一样的。linear-gradient用法:linear-gradient&amp;gt; = linear-gradient([ [ &amp;lt;angle&amp;gt; | to &amp;lt;side-or-corner&amp;gt原创 2018-09-03 20:06:07 · 17444 阅读 · 0 评论 -
layer.open中使用时间控件laydate失败的解决方案
今天原创 2018-09-03 20:59:20 · 8119 阅读 · 3 评论 -
body有无position:relative对相对于其定位的元素的影响
给设置了postion:absolute的元素相对于 static 定位以外的第一个父元素进行定位,如果找不到这样的一个父元素,则相对于body定位。但是这是body设置了position了没有设置position是有区别的。 如:<style> body { height: 3000px; /* position: relative; *...原创 2018-09-12 14:10:36 · 2631 阅读 · 0 评论 -
父元素overflow:hidden对子元素的影响
结论:如果这个父元素是body,则子元素不受影响;如果这个父元素是body之外的其他元素,则子元素会受overflow:hidden;的影响,即,子元素超出父元素部分会被隐藏。如:<style> body { width: 50px; height: 50px; overflow: hidden; bo...原创 2018-09-12 14:38:19 · 4753 阅读 · 0 评论 -
h5页面中使用JSBridge需要注意的点
产品提了一个新需求,需要每个h5页面都具有分享功能,因为在每一个h5页面中都已经引入了一个公用的文件(该文件的主要作用就是引入一个公用的css和js库),所以,为了实现分享的功能,在该公用的文件中加入了分享功能的代码。common.js&lt;link rel="stylesheet" type="text/css" href="..." /&gt;...&am原创 2018-10-12 10:37:34 · 3653 阅读 · 0 评论 -
使用ajax实现文件上传时需要注意的点
需要注意的地方主要有两个:一是contentType的值,需要将contentType设置为false或undefined;二是需要将processData设置为false伪代码:$(&quot;input[type='file']&quot;).on(&quot;change&quot;, function(){ if(this.files){ // 因为上传文件点击取消也会触发change时间,所以需要判断是否选择了文件 ...转载 2018-11-12 13:58:05 · 480 阅读 · 0 评论