成长知识点(BUG版)

时间 2019-12-08

标签成长知识 bug 繁體版

原文原文链接

[toc]javascript

成长知识点(BUG版)

```
**z-index**
复制代码
```
- 父元素的z-index和子元素的z-index优先级很不一样哦;css
- 两个兄弟元素比较z-index时,最好是position的类型同样的状况下比较: 例如一个是absolute,另外一个也是absolute;html

< a href=" ">< img src="img/logo.png" alt="logo" class="logo-default" style="margin: 16px 0 0 28px!important;"></ a>
 // ../../不管多少个../只能退到服务器域名那里
复制代码

css span宽度高度成功设置解决篇 span 要设置display:block,才能设置好宽高的vue
有时候样式设置不对,就是浏览器缓存的问题上线后的样式缓存,jquery请求的问题,为何请求不到,都是谷歌浏览器的缓存问题java
记住一点,自个的web测试,要清除浏览器的缓存jquery
不要轻易说别人的代码没什么用,这是很差的习惯;ios
谷歌浏览器的最小字体,为12px;git
jquery插件 jquery.nav.js 的使用: $("#back-to-top").onePageNav(),这个ul的li必需要用2个,并且href的值要对的上;es6
js的debugger至关与添加断点;github
二倍图三倍图的使用的样式的书写

```
 [data-dpr='2'] div{
			fontsive:24px;
}
```
复制代码

项目中使用gulp代理能够解决跨域的问题

```
  connect.server({
  root:'./src',
  port:8010,
  livereload:true,
  middleware:""
  })
```
复制代码

不能给退出全屏的F11添加事件; 改 resign 函数中的

var $window = $('.row');
 //on() off()  取消单击事件
复制代码

当项目中的宽度不够时,要注意是否缩放了;注意: 回调中的回调,体游控股后台列表的排序;
一个平白无故的bug: html{ overflow-x:hidden}
ueditor 不能上传图片,由于须要后台的配置;
页面的缓存控制

```
 <meta http-equiv='cache-control'/>
  <meta http-equiv='expires'/>
```
复制代码

项目中的login与网络中的login,ie登陆不上,谷歌却能够; 远程视频管理 ie11的浏览器设置为默认;
来自成哥的建议：不要浪费时间；学习新的知识点要看视频，同事之间讨论，刷题等等；8小时的睡眠；与产品多沟通，预测，提早解决bug;
若是是在 windows 下用 git bash，那么应该是 ssh-add 没有正确添加 key。改用 Git GUI 建立 key 而不是 ssh-keygen 命令，就能解决这个问题。 Github Windows
ssh git提交免登录 fatal: HttpRequestException encountered解决方法网上查了一下发现是Github 禁用了TLS v1.0 and v1.1，必须更新Windows的git凭证管理器，才行。 github.com/Microsoft/G…

if(projectData.name){
  // 一个bug  必定要全用同步的好处
  fs.mkdirSync(projectData.name);

  var fileData = projectData.fileData;
  if(fileData && fileData.forEach){
    fileData.forEach(function(f){
      f.path = projectData.name+'/'+f.name;
      f.content = f.content || '';
      switch (f.type) {
        case 'dir':
            fs.mkdirSync(f.path);
          break;
        case 'file':
            fs.writeFileSync(f.path,f.content);
          break;
        default:
          break;
      }
    })
  }
}
复制代码

百度echart

```
handleIcon:"",
handleSize:"80%"
```
复制代码

js除掉字符串的方法

if(parkIds!=""){
		parrkIds = parkIds.substr(0,parkIds.length - 1);
 }
    //除掉空的字符串
复制代码

一个没有解决的bug,为何豆瓣有的图能请求到,有的就无法请求的到呢豆瓣内部的链
一个mongodb的bug,--dbpath写成--path了 ongoDB: shutting down with code:100 解决的方法是把mongod安装在非系统盘,在cmd中以系统管理员的身份运行配一个运行mongodb的服务,net start mongodb则可;
weui.js 的alert弹窗的字体过小是由于页面上没有加一个meta viewport的标签.

如何设置avalon组件的array的值,用的是es6的箭头函数.

array: vm.array,
 onInit:function(){
       setInterval(()=>{
          this.array = vm.array;
           console.log(this.array, "11113");
      }, 7000);
  },
  onReady: function(){
      console.log('onReady',"1111");
  }
复制代码

当avalon和swiper结合使用时,swiper的初始化会切断avalon与数据的绑定,因此是不能再次更新数据列表,等这一经验于公司的赛事项目的大屏幕直播页面;最好的作法是去掉swiper这个插件,用原生的jquery写列表动画!
当npm的插件记录不到pack.json中时,记得在npm中手动加上去;
当访问放到服务器上的页面的时候,最好带上.html,哪怕是index.html,这样子确保必定访问的到;在ios上调试有问题的时候,最好用苹果的笔记本去调试;

一段不重复显示的代码(微信端的报名页面):

//不显示重复的日期
NoShowRepeat(arr){
      let matchTime = -1;
      $(arr).each(function(index,ele){
          if(index === 0){
             matchTime =  ele.matchTime;
             ele.isShow = true;
         }else if(matchTime === ele.matchTime){
             ele.isShow = false;
         }else if(matchTime !== ele.matchTime){
             matchTime =  ele.matchTime;
             ele.isShow = true;
         }
      })

      return arr;
  }
复制代码

当vue 渲染列表时须要一些特殊的属性时,在后台接口返回来的json数据加上须要的键值对,这样子渲染时就能方便拿获得;
当页面的高度不够屏幕的高度时,用jQuery暴力赋予啦啦啦;

//高度自适配
      height(){
            console.log(document.documentElement.clientWidth,"1111clientWidth");
            console.log(document.documentElement.clientHeight,"1111");
            var clientHeight = document.documentElement.clientHeight;
            if($('.active-list').height() < clientHeight){
                $('html,body').css({
                    'height': clientHeight,
                    'background-color': '#252638'
                });
            }

          }
  ```
  
1.  平时写接口是能够好好利用github上的这个接口

  ```
  https://api.github.com/users/StephenWu5    或者
  https://api.github.com/users/octocat/gists //这个是官网本身定义的
  ```

2.   mongodb的安装问题

```javascript
  //安装：
  mongod --dbpath "C:\mongodb\db" --logpath "C:\mongodb\log.txt" --install --serviceName "MongoDB"
  //卸载：
  mongod.exe --remove --serviceName "MongoDB"
  启动服务报错100 的解决方法:具体操做方法：开始-》全部程序-》附件-》右键“命令行提示符”，选择以管理员身份运行，而后执行下面的命令：
  D:\mongodb-win32-i386-2.0.2\bin>mongod --install --serviceName MongoDB --serviceDisplayName MongoDB --logpath c:\MongoDB.Log --dbpath c:\MongoDB --directoryperdb  
  终于，Mongo服务安装成功啦！
复制代码

class 预留字,不能做为css的类名,不然不会起到什么做用的哦。

一个jQuery发送请求时应写好的模式:

// done 
    // 当延迟成功时调用的一个函数
    // fail
    // 当延迟失败时调用的一个函数
    $.get("http://wthrcdn.etouch.cn/WeatherApi?ci5ty=深圳").done(function (e) {
        console.log(e,'1111');
    }).fail(function(e){
        console.log(e,'1111');
    })
复制代码

当后台的接口返回来的json格式不对时, ajax的success不会执行。
侧边栏的tab效果关键是利用window.location.pathname找到a标签；
日期选择器的样式乱是由于没有已经对应的样式；百度地图和echart是能够结合使用的；

用传统的方法写圆点的时候,移动端项目中有时会出现有的点不是全圆的点,这是由于px转rem的时候他不是彻底对的,有四舍五入: 解决的方法有2:

<span class="circle">●</span>  //html的内容
.circle{
margin-right: 10px;
color: #666bfe!important;
font-size: 6pt;
}
复制代码

或者

.circle{
	width: 10px; /**px**/  //不让这个px值往rem那边转
	height: 10px;  /**px**/
}
复制代码