www.yzc666.com急急急,关于sublime text中不同字体tab占的位置不一样

( www.yzc666.com )

比如Segoe UI这个字体,一个tab键下去会占用14个空格的位置,
但consolas这个字体,tab就只会占用4个空格的位置,

"tab_size": 4,用这个设置也不行

view => indentation => convert indentation to spaces/convert indentation to tabs

缩进请一律使用空格 合格的编辑器都有 “使用空格代替 Tab” 的功能
tab_size 请设置 2 否则嵌套多几层就难看了 不需要 4 那么宽 只需要有一个层次感

参考bootstrap和JS的标准来看,两个空格是最合适的缩进缩进量。若是不习惯手动缩进,那就在用户设定里面进行手动设置来覆盖默认设置。

{
    "tab_size": 2,
    "translate_tabs_to_spaces: true//这句是让tab以空格的形式缩进
}

(看完/读完)这篇文章有何感想! www.yzc666.com的分享…

yzc666亚洲城娱乐chrome移动调试中的各种手机分辨率是真实分辨率吗?

( yzc666亚洲城娱乐 )

如果不是,如果想模拟一台手机,我是不是应该用responsive模式,自己改成相应分辨率?

chrome手机模拟机分辨率都是对的,但是有一点,不要以为模拟器里面ok就代表真手机上就ok,如果一些事件在浏览器上支持,手机上不一定支持。

chrome里调试的手机分辨率是真实的分辨率。可以调试使用,不过你用真机模拟一下更加保险一点。

大部分情况下还是可以的,但是有些时候还是不太靠谱的,注意物理像素和分辨率的不同。用真实的手机测试更保险。

并不是指的手机中屏幕的实际物理像素。
谷歌浏览器模拟的是不同手机屏幕的尺寸大小。通过这个你可以查看UI界面对于不同尺寸屏幕适应性的好还。

经验分享

去年做过一个Canvas图像识别的应用。需要把图像数据传送到服务器。在用谷歌调试的时候,图像加载后的显示很正常,很清晰。但是,用手机测试的时候,发现有的图像有很细微的模糊。不仔细看很难发现。经过研究,原来是DPI和API不一致造成的。

现在大多数的手机都是高分辨率的,DPI和API在以前是1:1的关系,设计人员不用关心这个。但是,现在不是了,现在多数是1:2的关系。也就是一个物理像素长宽和逻辑像素的比是2.一个物理像素所显示的逻辑像素多了。这就是为什么,同样尺寸的屏幕,为什么老式的手机画面没有现在的手机清晰。

画面不清晰怎么办?

当时的解决方法,我使用的是这个,Canvas是这样解决的,其实解决的思路都是一样的,这里我就不再详细介绍了,参见代码即可。

个人感觉,如果你手上有多台手机,还是用手机调试吧,浏览器的模拟效果始终与手机上不同。但是拿usb线不停的换手机也是个麻烦事。

如果没有多台手机,你可以使用一个安卓模拟器,然后设置不同的分辩率,这样感觉比浏览器要好得多。并且下面方法firefox和chrome通用。

参考:使用firefox与安卓模拟器对网页进行远程调试

实际上是对的
http://www.paintcodeapp.com/n…

(看完/读完)这篇文章有何感想! yzc666亚洲城娱乐的分享…

www.yzc666.comvue v-for遍历data中的对象数据,更改data中的数据,视图不更新

( www.yzc666.com )

首先看控制台的调试,打断点看你的 isShow 后面是 这样的 isShow: false 还是 isShow: {...},如果是前者证明你的 isShow 根本没有被 vue 监听,可以去官网看 watch 的节点,要在 watch 之前定义 isShow,才会监听到你的 isShow

data数据的深层对象用this.$set去更新

按你的代码自己过了一遍,发现并没有什么问题..

哈哈 我觉得其实这种用jQeury解决简直简单死了。。。

是要这种效果吗
https://jsfiddle.net/rdjjpc7a…

(看完/读完)这篇文章有何感想! www.yzc666.com的分享…

www.yzc666.com微信公众号点击子菜单,展示素材列表问题

( www.yzc666.com )

如下图所示:
点击乙肝同盟不是直接跳转到素材,而是出现了所有关于乙肝的素材列表,在点进去之后就是单个素材。

微信的图文消息支持10条以内的信息。

这个菜单肯定要配置成view类型的菜单,所以乙肝联盟这个页面肯定就是你自己写的页面,页面的内容就是调用微信素材列表展示的。

在公众平台配上菜单的路径,url?id=”乙肝id”,这种就是一个菜单一个页面

可以给那个菜单设置为click 然后点击出发图文消息
不过微信图文最多8个

(看完/读完)这篇文章有何感想! www.yzc666.com的分享…

www.yzc666.comHTML通过点击按钮添加 或删除

( www.yzc666.com )

我的情况是这样的。如截图

**我想通过点击 “添加颜色” 按钮实现 添加
<input type… > <select>… 旁边有个删除按钮
也就是说默认的情况下只有 一行<input type… > <select>…**

点击删除按钮,新增的那一行就被删除

代码

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<?php

$pic[]="很黄.jpg";
$pic[]="很暴力.jpg";
$pic[]="很傻很天真.jpg";

?>
<button id="btn2">添加颜色</button><br><br>
<form action="jq2.php" method="POST">

<input name="product_colour[]" type="text" />
<select name="product_image[]">
<option value="" selected="selected"></option>
<?php
foreach $pic as $abc{
    
    echo <option VALUE=".$abc.">.$abc.</option>;
}
?>
</select>

<br><br>
<button id="btn2">添加</button><br><br>
</form>
</body>
</html>

哪位大神指点一下?

顺手给你写了个demo,送分题啊,哈哈。

和php结合起来,只需要用php初始化那个options的数组就行了。

点开查看代码和效果。
https://jsfiddle.net/tbsoyj4k/

(看完/读完)这篇文章有何感想! www.yzc666.com的分享…

yzc666亚洲城娱乐html5页面当点击input输入框弹出手机上键盘就会把footer顶了上来

( yzc666亚洲城娱乐 )

如图所示,这个问题怎么解决呢?

footer不要使用fixed

弹出键盘的时候窗体高度会改变;你可以监控屏幕高度,当弹出键盘时,高度改变了隐藏或显示footer

这个好像是比较老的IOS的问题,iOS下的 Fixed + Input 调用键盘的时候fixed无效问题,说是新版本解决了,但是我开发过程中还是有,经常用 absolute 或者 JS触发事件然后动态计算什么的。具体可自行Google

监听一下focus事件,做个hack

(看完/读完)这篇文章有何感想! yzc666亚洲城娱乐的分享…

www.yzc666.comH5怎么录制语音?实现类似语音聊天功能?

( www.yzc666.com )

H5怎么录制语音?实现类似语音聊天功能?

好像没有这种接口,如果你是做混合App的可以试下cordova调用原生接口,能达到你要的效果。

webrtc

可以试试微信的jssdk

楼主做的是app里面的HTML吗,如果是的话,可以让客户端工程师开发出接口,暴露给js端调用,这样js就可以调用到native里面的录制语音的方法。

(看完/读完)这篇文章有何感想! www.yzc666.com的分享…

yzc666亚洲城娱乐postMessage监听事件为什么会执行两次

( yzc666亚洲城娱乐 )

在ifram B中想向iframe B发送消息页面初始化时执行:

    frameA.postMessagehello, *

在iframe A中的事件处理如下:

    window.onmessage = function e {
        console.loge.data;
    };

但是为什么会打印两次hello

一定是发送了两次postMessage,仔细检查一下

(看完/读完)这篇文章有何感想! yzc666亚洲城娱乐的分享…

亚洲城最新官网vue怎么实现这种效果?

( 亚洲城最新官网 )

点击编辑按钮时前面的类容可以修改
是拿table布局的

点击编辑按钮时我怎么给前面的td添加contenteditable属性?这个逻辑要怎么写?

 <tr v-for ="item in infos" track-by="$index">
            <td>
              <p>{{item.years}}</p>
              <p>{{item.times}}</p>
            </td>
            <td>
              <span>{{item.name}}</span>
              <input  v-model="item.name"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td >
              <span>{{item.ID}}</span>
              <input  v-model="item.ID"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td >
              <span> {{item.machine}}</span>
              <input  v-model="item.machine"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td>
              <span> {{item.dealing}}</span>
              <input  v-model="item.dealing"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td>
              <div  class="btn-add-remove">
                <span class="icon-shuanchu" @click="removeAd$index"></span>
                <span class="icon-xiugai" @click="addEdit$index"></span>
              </div>
              <button class="region btn-style">保存</button>
            </td>
          </tr>
data:{isAddEidt:true}
  methods: {
    addEdit:function index {
      this.isAddEidt=index;
    }
}
 

当点击编辑按钮时怎么隐藏当前的div 然后显示button 我现在这样写有问题每次新增的数据 点击第一个然后后面的所有button都出来了 怎么控制只显示当前的button 和隐藏当前的div?

这是我现在的实现方法

html部分

 <tr v-for ="item in infos" track-by="$index">
            <td>
              <p>{{item.years}}</p>
              <p>{{item.times}}</p>
            </td>
            <td>
              <span>{{item.name}}</span>
              <input  v-model="item.name"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td >
              <span>{{item.ID}}</span>
              <input  v-model="item.ID"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td >
              <span> {{item.machine}}</span>
              <input  v-model="item.machine"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td>
              <span> {{item.dealing}}</span>
              <input  v-model="item.dealing"  type="text" :class="{show :$index===isAddEidt}">
            </td>
            <td>
              <div v-if="!item.isEdit" class="btn-add-remove">
                <span class="icon-shuanchu" @click="removeAd$index"></span>
                <span class="icon-xiugai" @click="addEdit$index"></span>
              </div>
              <button v-else  class="region btn-style" >保存</button>
            </td>
          </tr>

js部分

data{isAddEidt:true},
methods:function{
    addEdit:function index {
      this.isAddEidt=index;
      this.infos[index].isEdit = true;
    }
}

不足的地方还请各位大神指教下

点击之后换成input标签,自己写个自定义指令

<td contenteditable={isContentEditable}>

data: {
    isContentEditable: false
}

onClick {
    this.data.isContentEditable = true
}

DOM

let tds = ducoment.querySelectorAlltd,
    edit =document.getElementByIdedit
edit.addEventListenerclcik,function{
    forlet i=0;i<tds.length;i++{
    tds[i].setAttributecontenteditable,true
    }
}      

使用Vuejs的话数据应该在data里面啊

<ul id="table">
    <li v-for="item of items">{{item}}</li>
    <button @click="edit"></button>
</ul>

new Vue{
    el:#table,
    data:{
        items:[111,222,333,444]
    },
    methods:{
        edit{
            ...
        }
    }
}

个人理解

(看完/读完)这篇文章有何感想! 亚洲城最新官网的分享…