CSS选择器

选择器

/* 匹配name值为hello的input框 */
input[name="hello"]{color:red;}

/* 匹配name值中含有name属性的input框,如<input class="name input-item" /> */
input[class~="name"]{color:red;}

/* 匹配name值中含有hello字符的input框 */
input[name*="hello"]{color:red;}

/* 匹配name值中以hello开头的input框 */
input[name^="hello"]{color:red;}

/* 匹配name值中以hello结尾的input框 */
input[name$="hello"]{color:red;}

/* 匹配lang值等于en或者以en-开头的input框,注意这里等于en,如果有一个lang的值为"en zh"将不会被匹配 */
input[lang|="en"]{color:red}

/* 匹配input的class为input-item的元素 */
input.input-item{color:red;}

/* 匹配input紧挨着的下一个class为hello的div元素(中间不能翁有任何的其他元素) */
input+.hello{color:red;}

- 阅读剩余部分 -

JS中子窗口和父窗口交互

打开子窗口

var openWindow = window.open("example.com","example")

父窗口向子窗口传递消息

通过变量openWindow来进行,其中的openWindow就是新打开的子窗口的window.

子窗口向副窗口传递消息

假设打开的子窗口的script如下:

var parent = window.opener;

这里的parent的就是父窗口的window对象了

Javascript中的this

很久没有写过JS了,最近因为项目原因又再次滚回JS的怀抱。而之前的this就没怎么弄得很明白,于是今儿抽空仔细的总结了下,利人利己吧:0
this这玩意儿是个什么东西呢?在面向对象语言,比如宇宙第一的语言PHP中代表的就是某个对象。而在同样NB的JS里面,这玩意儿更玄乎,稍微不注意就会挂在这里,其实只要弄明白函数的几种调用场景就能很清晰地理解this了。下面一一来搞定。

- 阅读剩余部分 -

通过nginx反向代理实现接口跨域问题

缘起

开发公司的一个项目时采用的是RESTFUL接口形式,token等权限验证信息是注入在http请求的header头部的.因为是在内网进行调试,接口的域名为a.com,为了方便在家的时候进行开发调试,将接口挂在了外网.因80端口被运营商限制,于是使用了另外的端口.而我在本地虚拟了一个b.com的域名,请求,直接显示跨域...

- 阅读剩余部分 -

linux下chrome地址栏卡顿解决办法

前两天不知为何chrome突然就其卡无比,尤其是地址栏输入的时候,虽然是锻炼了自己的耐心,但是真的很卡啊!!!!!终于发现了问题,原来是我前两天把字体的配置文件给更换后发现chrome渲染我的字体超级慢,清缓存,重新安装等各种方法试后,最终把配置文件干掉后成功解决,同时还找到这篇博文,提供的方法也可以参考下,感谢这个博主:)

- 阅读剩余部分 -

微信公众平台新增永久素材失败的解决方法

因为这个问题折腾了我至少2个小时,把小马哥官方的文档翻来覆去地看了N遍,google,baiduN多资料都没有结果,最后终于发现丫的,该死的官方文档写错了,心中一万个草泥马飘过,作为官方的文档,能不能负责一点???!!!为了避免还有哥们儿跟我一样在这儿掉进这坑爹的坑里,记录下方法。

- 阅读剩余部分 -

救赎之旅---谨以此文献给我的大学生涯

凌晨3:30,终于把今天没有完成的代码给敲完,瞅了下空间,无意中看到了很多人在回忆大学四年来的种种。脑中大学这几年的生活在脑海中一一闪过,抿了口咖啡,笑了笑,大学这几年,此行不虚。

大学这几年,我仍然是高中起就开始的那副装扮,运动鞋+运动裤+体恤,以至于高中同学见到我照片就一眼认出来;也仍然是光吃不长肉的奇葩;还是仍然喜欢啃书,喜欢无拘无束,简单的生活的那个疯子...这些都不重要,重要的是我成功救赎了我,找到了自己。。。

- 阅读剩余部分 -