baozhang007的专栏

a.txt 匹配任意目录下的 a.txtfoo/* 无法匹配子目录，因为 * 只匹配 “/” 外的任意多个字符已经被跟踪的文件，即使重新添加至 ignore 中也不会生效如果规则的开始或中间部分含有 “/” 符号，则以相对 .gitignore 父目录的方式，匹配对应的文件或目录。亦即 /a/b* 等同于 a/b*（中间有 “/”）。例如：doc/frotz/ 匹配 doc/frotz 目录, 但不匹配 a/doc/frotz没有以 “/” 结尾的规则同时匹配文件和目录；以 “/” 结尾的规则只匹.

前言“输入框被虚拟键盘遮挡” 的问题，不少同学都遇到过。尤其是对于页面尺寸固定，且输入框只能显示在下半部分，甚至边缘位置的情况，遮挡现象会成为阻挡用户获得确定性或安全感的一大障碍。如果你想要简化问题处理，可以尝试与产品经理沟通，将输入框的呈现位置调整至页面的上半部分即可。但如果你并不想要绕过这个问题，想要和它磕一磕，就需要继续往下看，深入地了解这一问题。对比经对比，iPhone 上的输入框...

背景使用 h5 开发大型应用程序时，必然会遇到页面需要加载大量脚本的需求。这些脚本通常可以按特定单位，如：局部模块，划分成多组。从解耦的角度上，我们可能需要在页面上声明模块引用，然后交由工具自动引入模块的内部脚本。形如下图所示：.jsref 文件是自定义的，代表脚本引用集合的 html 文件实现借助 node.js，上述诉求并不难实现：确定 jsref 文件的引用语法，例如：&l...

背景信息对于WebView 中的 H5 向 小程序 的单方向通讯方式，腾讯官方给出了 如下方案：大家可以点击 这里 查看官方文档 。看到官方提供了解决办法，焦虑感顿时降低了不少。但仔细一看，不免又发愁起来：网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的...

前言自适应，是指网页能够根据屏幕尺寸自动调整内容的展现方式，包括但不限于：字体大小、元素大小 和 元素位置 等，使得在不同分辨率下都能给用户带来接近一致，或者友好的操作体验的特性。实现自适应的方式有很多，使用『媒介查询』或『rem字体单位』就是常见的解决办法。本文并不打算深度介绍这两种技术，只讨论 “如何使用rem字体单位结合View.js完成网页的自适应布局” 这一问题。对上述两种技术感...

时间紧，任务大，歘欻欻就能进去2-30人，但人投进去，平均人效有多少，真有计算过吗？如果没有猜错，大概率上你是划模块按人头分配任务的吧？且不论你描述的任务目标有多准确，能在多大程度上指导任务的开展，但就划模块按人头分配任务的这件分配方式，就是你技术无能，给自己卸担子的表现。按人头分配任务，中间实施过程不闻不问，看起来是以结果为导向，但这些任务能不能得出结果，你有多大把握？没有规范，没有技术分层，...

View.js支持两种视图跳转使能方式：声明式跳转使能编程时跳转使能

视图跳转，是指用户看到的界面切换为另一个界面的过程，亦即活动视图转移的过程。（同一时刻，只有一个视图处于活动状态。）视图跳转时，View.js将自动调整地址栏中的hash部分，使其始终反映出当前的活动视图ID。如：http://wzhsoft.com/index.html#home-page其中，home-page 即为新活动视图的视图ID。在执行视图切换动作时，如果开发者使用了 视图...

一个视图是否可以 『直接访问』，是指使用含有视图位置的URL打开页面时，页面装载完毕后呈现的第一个页面是否即为URL中指定的视图。如果是，则说明该视图是可以直接访问的，否则说明该视图是不能直接访问的。例如：除非明确指定，否则每个视图都默认是『不能』直接访问的 。开发者可以通过属性 data-view-directly-accessible 指定视图是否可以直接访问，例如：<secti...

变量命名冲突正如 单页应用独有的问题 篇章所述，当将多个视图的功能糅合在一起提供单页的访问形式时，开发者需要手动管控可能出现多个视图之间的变量命名冲突问题。视图之间的变量冲突，可以借助闭包解决，亦即将视图功能逻辑封装在一个外界不可见的黑盒子里，如下所示：;(function(){ var viewId = &amp;amp;quot;home-page&amp;amp;quot;; var view = View.ofId(viewId)...

如果你发布了新版本的插件至npm官方仓库，然后马上就要使用cnpm安装该插件，可能会遇到装不上最新插件的情况。虽然cnpm周期性从npm上自动同步，但难免会有时间上的延迟。开发者可以使用如下办法解决：打开网址：https://npm.taobao.org/在搜索框中输入插件名称，并按键 <Enter> 回车搜索点击搜索到的插件，进入插件详情界面点击 cnpm inst...

视图命名空间，允许相同ID的视图的同时存在。视图的唯一标记，由视图的命名空间和视图ID两部分构成。默认情况下，开发者不需要指定命名空间，命名空间默认为：“default”。当多个相同ID的视图需要共存时，开发者就需要设定不同的命名空间。命名空间可通过dom属性：data-view-namespace设定，例如：<section id = "home-page" data-view-na...

细心的读者可能已经发现，在 前文给的例子 中，通过点击浏览器的前进与后台按钮，我们可以触发不同的视觉切换效果。这是如何实现的呢？答案是：View.js实时追踪浏览信息View.js监听history的popstate事件，通过比对最新的浏览信息和弹出的浏览信息得出视图浏览的先后顺序View.js根据比较结果，得出视图切换类型：3.1 View.SWITCHTYPE_HISTORYFOR...

前端框架层出不穷，日新月异，看得人眼花缭乱，应接不暇。如果没有一定的定力，不从自身情况出发，一昧的蹭热度炫酷，就很容易迷失在一股股的狂热浪潮中。框架抛弃你的时候，是不会给你打招呼的。...

在开发单页应用时，界面之间的转场动画通常是必要的。可以给客户提供更好的视觉体验。使用View.js开发的单页应用同样支持设定转场动画。我们来看一个例子：...

View.js允许开发者设定视图是否可以『直接访问』，亦即：是否可以根据视图的URI位置打开视图我们来看一个可以直接打开的例子：如上图所示，视图：“attr_data-view-rel”便是可以直接访问的。我们再来看一个不能直接打开的例子：是什么？为什么？怎么用？哪里？什么时候？...

作为用户视觉的页面载体，每个视图都可能拥有自己独特的布局。下图是移动端常见的布局结构：其中，顶部标题栏和底部导航栏，以及可能存在的标签页栏，通常情况下是需要固定位置显示的。开发者一般采用绝对定位的方式将其固定。但在页面涉及用户输入的场景下，为避免弹出的虚拟键盘将底部导航 “顶上去” 的情况等，View.js 建议开发者使用脚本动态布局来实现位置固定的目的，亦即：[可滚动正文] 的高度 =...

视图标题，是由每个视图分别声明，展示在浏览器标签页上的、独立的窗口标题。开发者可以借助视图标题实现 『进入不同页面展现不同标题』 的效果，如下图所示：实现上述效果，开发者只需要在视图的DOM节点上声明data-view-title属性并将视图标题赋值为属性值即可，如下图所示：&amp;lt;section id=&quot;doc_what-is-spa&quot; data-view=&quot;true&quot; data-vi...

为辅助开发者更清晰地排查问题，View.js内置了格式化日志输出组件，输出效果如下图所示：每个视图实例均含有名为logger的实例句柄，开发者可以直接使用。支持的日志级别包括（级别从低到高）：debugloginfowarnerror如上图所示，输出内容包括：月、日、时、分、秒组合成的时间信息日志实例名称，由字符：&amp;quot;[&amp;quot; 和 “]” 包裹消息模板。亦即方法的第一个参数...

在正式介绍视图配置的功能作用之前，我们先来看一看我们在面临『相似而又不同』的需求时，我们是如何处理的。如上图所示，针对不同的需求，虽然相当比例的功能是一致的，但我们仍然需要以硬拷贝代码的方式分别实现需求A，需求B和需求C。当代码衍生出多个副本的时候，开发团队就难免会遇到代码同步的问题：在副本A中发现的故障，需要同步在副本B、副本C中解决；在副本B中丰富的功能，需要同步至副本A、副本C中...