wumi_blog
wumi_blog copied to clipboard
5Mi
for recording improvimg my experience
给tr设置背景图片 效果图 其中红框内是图片  刚开始想的很简单 给tr一个伪元素 相对tr 绝对定位到tr底部背景图片是线就可以 但写好后发现 横线都集中到了一起 搜索得知 [tr position relative无效](http://stackoverflow.com/questions/6746175/html-tr-tag-and-positionrelative) 直接给tr设置background 背景图片仿佛是设置在了td上一样 每个td一个图片 横线一段一段的 `border-collapse:collapse`设不设都没差 `border-image`去查了一下不是干这个的 后来还是同事解决了这个问题 在tr中额外再加一个td 类似于 ``` html ... ``` 然后给这个td设置为绝对定位但不设置`left`和`top` ``` scss...
通过一元操作符+变成了函数表达式。也可以使用 - ~ ！等其他一元运算符或者括号，目的是为了引导解析器，指明运算符附近是一个表达式。以下是三种经典方式 ： ``` javascript +function () { }; (function () { }); void function() { }; ``` **函数表达式通过 末尾的() 来调用并运行。就是一个IIFE。** 运算符：+加-减!逻辑非~位取反，返回NaN(Not A Number)。 “()”组运算符：返回表达式的执行结果undefined。 void：按运算符结合语句执行，返回 undefined。 [来自](http://suqing.iteye.com/blog/1981591)
webstorm中有两个vue插件vue和vue-for-idea 这个**vue-for-idea**安装后style标签中sass可能就报错 但项目建完索引后node_moudles目录就消失了,所以不推荐安装这个 vue这个插件虽然style中的sass语法报错 只需 ``` scss ``` 即可 对于js``即可
> 可以让`p text-align:justify;display:inline-block;`给p加一个外层的框div，这个外层的框`text-align:center;` > 这样p随着文字的宽度变化，并且p在div中居中，当p宽度不够一行的时候就看起来是居中的 [from](http://www.cnblogs.com/zqiong/p/5345652.html) 此外 css 伪元素 `:first-line`属性 :first-line 选择器用于选取指定选择器的首行。 以下属性可与 :first-line 使用： 字体属性 颜色属性 背景属性 word-spacing letter-spacing text-decoration vertical-align text-transform line-height clear [参考](http://www.dreamdu.com/css/pseudo-element_first-line/)
document.readyState [参考](https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState) Values The readyState of a document can be one of following: - loading The document is still loading. - interactive The document has finished loading and the document...
SVG基本
### svg > 简单记录 主要还是看链接过来的页面 [来自](http://www.cnblogs.com/dxy1982/archive/2012/04/06/2395729.html) ``` html ``` - 矩形 - rect元素 这个元素有6个控制位置和形状的属性，分别是： x：矩形左上角的坐标(用户坐标系)的x值。 y：矩形左上角的坐标(用户坐标系)的y值。 width：矩形宽度。 height：矩形高度。 rx：实现圆角效果时，圆角沿x轴的半径。 ry：实现圆角效果时，圆角沿y轴的半径。 比如上面例子中，实现了圆角效果，你也可以通过设置rx,ry为不同的值实现椭圆角效果。 - 圆 - circle元素 这个元素的属性很简单，主要是定义圆心和半径： r：圆的半径。 cx：圆心坐标x值。 cy：圆心坐标y值。 -...
[head标签里](https://github.com/joshbuchea/HEAD/blob/master/README.md) 比如控制缓存 ``` html ```
> onunload，onbeforeunload都是在刷新或关闭时调用，可以在``脚本中通过 window.onunload来调用。区别在于onbeforeunload在onunload之前执行，它还可 以阻止onunload的执行。 > > onbeforeunload 是正要去服务器读 取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。 项目中跳页面使用到了 ``` javascript window.onbeforeunload = function(){ showLoading(); }; ```
[语法参考](https://msdn.microsoft.com/zh-cn/library/ae5bf541%28VS.80%29.aspx) 1.正则表达式基本语法 正则表达式中常用的模式修正符有i、g、m、s、x、e等。它们之间可以组合搭配使用。 它们的作用如下： //修正符:i 不区分大小写的匹配; //如:"/abc/i"可以与abc或aBC或ABc等匹配; //修正符：g表示全局匹配 //修正符:m 将字符串视为多行,不管是那行都能匹配; 例://模式为:$mode="/abc/m"; //要匹配的字符串为:$str="bcefg5e\nabcdfe" //注意其中\n,换行了;abc换到了下一行; //$str和$mode仍可以匹配,修正符m使得多行也可匹配; //修正符:s 将字符串视为单行,换行符作为普通字符; 例://模式为:$mode="/pr.y/"; //要匹配字符串为:$str="pr\ny"; //两者不可匹配; . 是除了换行以外的字符可匹配; //修改下模式为:$mode="/pr.y/s"; //其中修正符s将\n视为普通字符,即不是换行; //最后两者可以匹配; //修正符:x 将模式中的空白忽略; //修正符:A 强制从目标字符串开头匹配; 例://$mode="/abc/A"; //可以与$str="abcsdfi"匹配,...
``` javascript //解构赋值 数组arr.entries()转化后返回每项为键值对的数组 for(let [index,charge] of this.charges.entries()){ //chargesType数组中是否含有 partType 没有就添加 if(this.chargesType.indexOf(charge.partType) == -1){ this.chargesType.push(charge.partType); } } ``` > The entries() method returns a new Array Iterator object that contains...