asdfasdfasdad
码龄11年
  • 1,614,132
    被访问
  • 302
    原创
  • 1,366,418
    排名
  • 1,769
    粉丝
关注
提问 私信
  • 加入CSDN时间: 2011-06-04
博客简介:

bye

查看详细资料
个人成就
  • 博客专家认证
  • 获得245次点赞
  • 内容获得210次评论
  • 获得317次收藏
创作历程
  • 27篇
    2018年
  • 61篇
    2017年
  • 88篇
    2016年
  • 48篇
    2015年
  • 15篇
    2014年
  • 69篇
    2013年
  • 75篇
    2012年
成就勋章
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6
  • 后端
    node.js
  • 网络
    https
  • 微软技术
    typescript
个人作品
图片延迟加载
自定义滚动条
顶通广告特效
轮播图片
自定义Select组件
ajaxData加载效果插件
防止重复提交表单
checkbox radio 皮肤插件
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

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

window.postMessage() 方法可以安全地实现跨源通信(不是二个tab浏览器签,而是一个页面中嵌套的iframe的跨源通信)。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面的模数 Document.domain设置为相同的值) 时,这两个脚本才能相互通信。window.postMe...
原创
发布博客 2018.12.04 ·
5292 阅读 ·
1 点赞 ·
2 评论

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

Web服务器的实现Web 服务器实现了 HTTP 和相关的 TCP 连接处理。 负责管理 Web 服务器提供的资源, 以及对 Web 服务器的配置、 控制及扩展方面的管理。Web 服务器逻辑实现了 HTTP 协议、 管理着 Web 资源, 并负责提供 Web 服务器的管理功能。 Web 服务器逻辑和操作系统共同负责管理 TCP 连接。 底层操作系统负责管理底层计算机系统的硬件细节, 并提...
原创
发布博客 2018.11.10 ·
6455 阅读 ·
3 点赞 ·
1 评论

NginxResty简单配置

NginxResty配置从下载页Download下载最新的 OpenResty® 源码包,并且像下面的示例一样将其解压# VERSION为下载的版本替换tar -xzvf openresty-VERSION.tar.gz安装依赖,推荐您使用yum安装以下的开发库:yum install pcre-devel openssl-devel gcc curl perl postgre...
原创
发布博客 2018.10.30 ·
376 阅读 ·
0 点赞 ·
0 评论

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

Symbol声明var s1 = Symbol();var s2 = Symbol();注意:1、Symbol是一种新原始数据类型;2、Symbol前不能使用new关键字,否则会报错;这是原因Symbol是一个原始类型的值,而不是对象,所以不能为它添加属性是类似于字符串的数据类型;3、Symbol函数可以接受一个字符串参数,表示对Symbol实例的描述,主要是为了在控制台显示或考转为...
原创
发布博客 2018.10.23 ·
323 阅读 ·
0 点赞 ·
0 评论

Fiddler工具之Filters

Fiddler工具之FiltersFiddler是一个强大的抓包工具,可以抓取Http/Https协议的数据包,也可以实现截包、过滤包,修改包等等,今天我们一起学习一下Fildder中Filters功能的滤过包和截包;1、首先打开Fiddler主界面,查看右侧功能区选择Filfters标签,勾选Use Filters复选框;(图1)Hosts配置2、Fiddler默认是会拦截所有的...
原创
发布博客 2018.09.26 ·
7557 阅读 ·
9 点赞 ·
1 评论

vs code 配置 stylelint eslint

安装npm插件npm install –save-dev eslintnpm isntall –save-dev stylelintnpm install –save-dev stylelint-config-standard安装vs code的插件eslintstylelint在项目根目录下创建文件创建 .eslintrc.js文件// https:...
原创
发布博客 2018.08.04 ·
5880 阅读 ·
0 点赞 ·
0 评论

Vue组件中prop属性使用说明

所有的 prop都使得其父子prop之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出警告。...
转载
发布博客 2018.05.30 ·
27055 阅读 ·
5 点赞 ·
5 评论

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

injected.js生存周期  这种脚本,和原网页自带的脚本,就完全是一路货了。有多种方式来在扩展程序中向正在浏览的页面注入这样的脚本,我只说一种最常用也是最被推荐的:先把脚本保存在js文件里(比如GmailAssist中的tableInited.js),然后在匹配当前页面的content script中(如GmailAssist中的content.js)用类似下面这样的代码来把tabl...
转载
发布博客 2018.05.18 ·
2978 阅读 ·
1 点赞 ·
0 评论

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

这是一个Chrome插件最重要也是必不可少的文件,用来配置所有和插件相关的配置,必须放在根目录。其中,manifest_version、name、version3个是必不可少的,description和icons是推荐的。{ // 清单文件的版本,这个必须写,而且必须是2 "manifest_version": 2, // 插件的名称 "name&
转载
发布博客 2018.05.17 ·
1909 阅读 ·
0 点赞 ·
0 评论

移动端bug汇总(一)

点击样式闪动Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。A:根本原因是-webkit-tap-highlight-color,这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。建议写在样式初始化中以避免所以问题:div,input(selector) {-webkit-tap-h...
转载
发布博客 2018.05.16 ·
474 阅读 ·
0 点赞 ·
0 评论

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

《三十出头》 《一个人的北京》 《最远的你是我最近的爱》 《广东爱情故事》 《姐姐》 《七月上》 《不变的情缘》 《光明》 持续更新中……
原创
发布博客 2018.05.04 ·
10975 阅读 ·
1 点赞 ·
0 评论

float时高度塌陷问题

float时高度塌陷问题解决办法:overflow/float/display table inline-block/伪类after{clear:both}等触发BFC的属性以使父容器成为block formatting context roots 在float同级最后方加入带有clear:both属性的元素或伪元素(W3C CSS2.1 9.5.2 clearance高度计算部分) ...
原创
发布博客 2018.04.24 ·
1407 阅读 ·
0 点赞 ·
0 评论

visibility:hidden和display:none的区别

一、是否是继承属性display不是继承属性;visibility是继承属性,子元素的visibility属性若存在则不会继承,若不存在则继承父元素visibility的值,意味着:父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见,子元素visibility不存在则子元素不可见。而元素的display属性设为none其后整棵子树都不...
原创
发布博客 2018.04.19 ·
1077 阅读 ·
0 点赞 ·
0 评论

任意元素垂直居中

演示地址table-cellflex 这种方法的flex具有IE兼容性,支持ie11以上浏览器position,transform 这种方法的transform具有IE兼容性,支持ie9以上浏览器position,margin 这个方式不推荐使用,因为这个写法,.div2的宽高必须要设置,否则就是100%;比如设置了top:0...
原创
发布博客 2018.04.14 ·
327 阅读 ·
0 点赞 ·
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:hidden; } <dl> <dt>这是什么类型电影?</d...
原创
发布博客 2018.04.13 ·
481 阅读 ·
0 点赞 ·
0 评论

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

有时我们想在一行内显示一个标题,以及一段内容,虽然看起来比较简单,但是为了语义化用dl比较合适,但是它默认是block元素,改成inline?那么有多段呢?不就都跑上来了?用float?那问题也挺多。就是这种效果当然如果不需要语义化那是很简单的事,但我现在就想用dl>dt+dd。期望的效果: 默认的效果是: 希望的效果代码片段: dl{margin:0;}...
原创
发布博客 2018.04.13 ·
5923 阅读 ·
2 点赞 ·
1 评论

css3增加的的属性值position:stricky

position:stickysticky 英文字面意思是粘,粘贴。这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位,适用于一些特殊场景。什么是结合两种定位功能于一体呢?元素先按照普通文档流定位,然后相对于该元素在流中的 flow root(BFC)和 containing block(最近的块级祖先元素)定位。...
原创
发布博客 2018.04.12 ·
2163 阅读 ·
1 点赞 ·
0 评论

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

JS代码: var str="a|c javascript Javascript JavaScript Javascript JAVASCRIPT";var keyword = "a|c javascript";keyword = '('+keyword.replace(/([\+\.\*\|\?\-\(\[\^\$])/g,'\\$1' ).replace(/\s+/g,'|'...
原创
发布博客 2018.03.30 ·
1433 阅读 ·
0 点赞 ·
0 评论

CSS中word-wrap和word-break复习

word-break定义元素内容文本的字间与字符间的换行行为 normal:默认的换行规则。依据各自语言的规则,允许在字间发生换行。keep-all:对于 CJK(中文,韩文,日文)文本不允许在字符内发生换行。Non-CJK 文本表现同normalbreak-all:对于 Non-CJK 文本允许在任意字符内发生换行。该值适合包含一些非亚洲文本的亚洲文本,比如使连续的英文字符断行。...
原创
发布博客 2018.03.29 ·
485 阅读 ·
0 点赞 ·
0 评论

encodeURI、decodeURI、encodeURIComponent、decodeURIComponent描述和区别

encodeURIencodeURI() 函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码 (该字符的 UTF-8 编码仅为四转义序列)由两个 “代理” 字符组成)。描述假定一个URI是完整的URI,那么无需对那些保留的并且在URI中有特殊意思的字符进行编码。http://username:password@www.ex
原创
发布博客 2018.01.26 ·
403 阅读 ·
0 点赞 ·
0 评论
加载更多