姜丝的博客

一位Web前端工程师的习惯!

抖音最火背景歌曲音乐列表|抖音音乐|抖音歌曲

《三十出头》 《一个人的北京》 《最远的你是我最近的爱》 《广东爱情故事》 《姐姐》 《七月上》 《不变的情缘》 《光明》 持续更新中……

2018-05-04 17:51:22

阅读数 6526

评论数 0

设计模式分类(创建型模式、结构型模式、行为模式)

1.创建型模式 前面讲过,社会化的分工越来越细,自然在软件设计方面也是如此,因此对象的创建和对象的使用分开也就成为了必然趋势。因为对象的创建会消耗掉系统的很多资源,所以单独对对象的创建进行研究,从而能够高效地创建对象就是创建型模式要探讨的问题。这里有6个具体的创建型模式可供研究,它们分别是: 简...

2016-04-25 18:51:27

阅读数 12131

评论数 8

个人总结

浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计,浏览器对标准的更好兼容能够给用户更好的使用体验。 因为不同浏览器使...

2016-03-24 17:31:39

阅读数 2174

评论数 1

使用window.postMessage()方法跨域通信

window.postMessage() 方法可以安全地实现跨源通信(不是二个tab浏览器签,而是一个页面中嵌套的iframe的跨源通信)。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面的模数 ...

2018-12-04 20:02:12

阅读数 201

评论数 0

HTTP的WEB服务器做了些什么?

Web服务器的实现 Web 服务器实现了 HTTP 和相关的 TCP 连接处理。 负责管理 Web 服务器提供的资 源, 以及对 Web 服务器的配置、 控制及扩展方面的管理。 Web 服务器逻辑实现了 HTTP 协议、 管理着 Web 资源, 并负责提供 Web 服务器的 管理功能。 W...

2018-11-10 09:56:19

阅读数 163

评论数 0

NginxResty简单配置

NginxResty配置 从下载页Download下载最新的 OpenResty® 源码包,并且像下面的示例一样将其解压 # VERSION为下载的版本替换 tar -xzvf openresty-VERSION.tar.gz 安装依赖,推荐您使用yum安装以下的开发库...

2018-10-30 09:37:53

阅读数 80

评论数 0

ES6中的Symbol数据类型的注意事项

Symbol 声明 var s1 = Symbol(); var s2 = Symbol(); 注意: 1、Symbol是一种新原始数据类型; 2、Symbol前不能使用new关键字,否则会报错;这是原因Symbol是一个原始类型的值,而不是对象,所以不能为它添加属性是类似于字符串的数据类型; 3...

2018-10-23 12:03:44

阅读数 43

评论数 0

Fiddler工具之Filters

Fiddler工具之Filters Fiddler是一个强大的抓包工具,可以抓取Http/Https协议的数据包,也可以实现截包、过滤包,修改包等等,今天我们一起学习一下Fildder中Filters功能的滤过包和截包; 1、首先打开Fiddler主界面,查看右侧功能区选择Filfters标签...

2018-09-26 20:47:45

阅读数 685

评论数 0

vs code 配置 stylelint eslint

安装npm插件 npm install –save-dev eslint npm isntall –save-dev stylelint npm install –save-dev stylelint-config-standard 安装vs code的插件 eslint stylel...

2018-08-04 15:42:54

阅读数 1250

评论数 0

Vue组件中prop属性使用说明

所有的 prop都使得其父子prop之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。 额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值。这意味...

2018-05-30 19:24:57

阅读数 5839

评论数 2

Chrome扩展中脚本的运行机制和通信方式

injected.js 生存周期   这种脚本,和原网页自带的脚本,就完全是一路货了。有多种方式来在扩展程序中向正在浏览的页面注入这样的脚本,我只说一种最常用也是最被推荐的:先把脚本保存在js文件里(比如GmailAssist中的tableInited.js),然后在匹配当前页面的conten...

2018-05-18 14:28:06

阅读数 484

评论数 0

【干货】Chrome插件(扩展)开发全攻略

这是一个Chrome插件最重要也是必不可少的文件,用来配置所有和插件相关的配置,必须放在根目录。其中,manifest_version、name、version3个是必不可少的,description和icons是推荐的。 { // 清单文件的版本,这个必须写,而且必须是2 &a...

2018-05-17 11:57:49

阅读数 779

评论数 0

移动端bug汇总(一)

点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color,这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。建...

2018-05-16 11:51:43

阅读数 280

评论数 0

float时高度塌陷问题

float时高度塌陷问题解决办法: overflow/float/display table inline-block/伪类after{clear:both}等触发BFC的属性以使父容器成为block formatting context roots 在float同级最后方加入带有clea...

2018-04-24 09:21:31

阅读数 525

评论数 0

visibility:hidden和display:none的区别

一、是否是继承属性 display不是继承属性; visibility是继承属性,子元素的visibility属性若存在则不会继承,若不存在则继承父元素visibility的值,意味着:父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见,...

2018-04-19 08:35:08

阅读数 141

评论数 0

任意元素垂直居中

演示地址 table-cell flex 这种方法的flex具有IE兼容性,支持ie11以上浏览器 position,transform 这种方法的transform具有IE兼容性,支持ie9以上浏览器 position,margin ...

2018-04-14 13:34:14

阅读数 158

评论数 0

inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

先给出效果和代码: dl{margin:0;} dt,dd{display:inline-block; list-style:none;margin:0; padding:0; line-height:22px;} dd { overflow:hidde...

2018-04-13 13:44:20

阅读数 190

评论数 1

使用CSS伪类和伪对象实现dl>dt+dd在一行显示

有时我们想在一行内显示一个标题,以及一段内容,虽然看起来比较简单,但是为了语义化用dl比较合适,但是它默认是block元素,改成inline?那么有多段呢?不就都跑上来了?用float?那问题也挺多。就是这种效果当然如果不需要语义化那是很简单的事,但我现在就想用dl>d...

2018-04-13 10:03:41

阅读数 1860

评论数 0

css3增加的的属性值position:stricky

position:sticky sticky 英文字面意思是粘,粘贴。 这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位,适用于一些特殊场景。 什么是结合两种定位功能于一体呢? 元素先按照普通文档流定位,然后相对于该元素...

2018-04-12 10:55:01

阅读数 256

评论数 0

正则匹配英文关键字高亮,高亮后的关键字和之前的大小写保持一致

JS代码: var str="a|c javascript Javascript JavaScript Javascript JAVASCRIPT"; var keyword = "a|c javascript"...

2018-03-30 11:15:47

阅读数 425

评论数 0

提示
确定要删除当前文章?
取消 删除