需求

↑需要实现一个背景为半透明且带边框的直角梯形

百谷解决方案

碰到问题，程序猿的优良传统，先百谷一下（？） 得到的解决方案总结一下有这些：
1.利用border交界处为斜边来制作，即border-top:none;border-right:transparent
→问题：使用border来做背景，没法在border上再做边框，只能得到一个半透明的直角梯形
2.在用border制作的梯形外侧套上一个上下左右大出1像素，以边框色为背景的梯形，作为边框
→问题：中间小梯形无法做成半透明，会叠加上大梯形的背景色
3.利用矩形和三角形拼接
→问题：右边直角三角形的边框依旧无法解决
4.边框使用矩形旋转来做
→问题：至少要用到4个div，过于复杂

HTML

语法

• 用四个空格来代替制表符（tab） – IDE可设置一个Tab四个空格
• 嵌套元素应当缩进一次（即四个空格）。
• 对于属性的定义，确保全部使用双引号，绝不要使用单引号。
• 不要在自闭合（self-closing）元素的尾部添加斜线 。
• 不要省略可选的结束标签（closing tag）（例如，</li>或 </body>）。

HTML5 doctype

• 为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。
  阅读全文 »

需求

想把无线路由器放到客厅 但是客厅只有一个网口连接到弱电箱光猫的itv口 用来看电视 现在需要在该网口同时搭载网络和itv。

原拓扑图如下

随手记录

原因：
当你在一个js里面写document.write(‘<script>多行内容xxxx</script>’)后
页面上的script断点调试会错位

表现就是断点打在某一行 实际停在上面几行
相差的行数取决于你写进文档的多行内容的行数

业务需求

从后端取HTML 前端展示

要求

HTML不得被前台全局样式污染

开发需求

在页面中加入一个定高的iframe

问题

IOS safari中iframe会根据内容高度进行iframe的内容自扩展以适应内容高度 设置height无效

百谷之后

在 iOS Safari 上，对于一个 scrollable 的 iframe 元素，iOS Safari 会选择扩展 iframe 的高度来自适应其中 web 页面内容的高度。所以当页面内容超过 iframe 设置的高度时，iOS Safari 并不会像在 Android 浏览器中那样维持 iframe 的高度并在右侧显示一个拖动条，而是直接扩展 iframe 的高度。

先看 Object.create 和new 的区别

以下引用自blueblueskyhua的博客

创建对象的方式，我以我碰到的两种创建方式，Object.create 和new来说明

var Base = function () {}
var o1 = new Base()
var o2 = Object.create(Base)

那这样到底有什么不一样呢？

之前用atom、sublime的时候 Emmet 的模板是可配置的 但是在webstorm配置中的Editor > Emmet选项下没有发现任何有关模板的配置 只有一些选项的配置。

除readonly外 还需要添加

unselectable="on" onfocus="this.blur()" 

—— 因为百度地图极速版貌似正在关闭并且停止维护了 文档页面和介绍页面都跳转到了正式版的API，然而极速版中非常好用的 routeSearch.routeCall 没了 于是乎开始找代替方案

A Few Minutes Later…..

经过一番Demo和文档的查找，惊喜的发现正式版中TransitRoute，WalkingRoute，以及DrivingRoute 的searchComplete回调中有个“moreResultsUrl” 打开正是百度地图的导航结果页！