自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

转载 .gitignore设置不生效

.gitignoregit中,如果想要让git忽略某些文件,或不想push到远程库,不让其受版本的控制。可以使用git提供的.gitignore文件进行配置。像这样:一般情况下,在文件还未修改前,将其路径添加到该文件中,即可生效。有个特殊情况,当我们修改了一个文件,但又不想让git跟踪它的变化,于是我们将其路径假如到.gitignore文件中;然后使用git status查看状态,...

2018-10-13 13:23:00 160

转载 【CSS3基础-Flex布局】

关于Flex背景在flex布局出现以前,常用的水平和垂直居中对齐方式有很多。flex布局的出现基本规范了这一过程。通过justify-content和align-items两个属性即解决了水平居中、垂直居中、水平垂直混合居中的问题。display:flex应用在父元素的属性flex-flow:flex-direction flex-wrap;align-items;ju...

2018-10-13 13:22:00 175

转载 【HTML5-基础-SVG实践】

关于svgHTML页面常用加载svg图片方式:HTML元素// data 和 type 至少指定一项<object data = './public/icon.svg' width='20' height='20' name='svg' type='image/svg+xml' usemap="#nameOfMap" ></object>HTML元...

2018-10-13 13:22:00 118

转载 【Javascript-基础-Date】本地时间与UTC(GMT)时间转换

UTC(GMT)整个地球分为二十四时区,每个时区都有自己的本地时间。在国际无线电通信场合,为了统一起见,使用一个统一的时间,称为通用协调时(UTC, Universal Time Coordinated)。UTC与格林尼治平均时(GMT, Greenwich Mean Time)一样,都与英国伦敦的本地时相同。本地时间北京时区是东八区,领先UTC八个小时,在电子邮件信头的Date域...

2018-10-13 13:22:00 916

转载 【CSS-移动端响应式布局详解】

背景移动端响应式布局开发主要方案有:基于rem开发基于媒体查询基于弹性盒基础概念在讨论响应式布局知识前,先了解下移动端常用基础概念。逻辑像素(CSS pixels)浏览器使用的抽象单位,主要用来在网页上绘制内容;通常在我们实际开发中涉及到的CSS单位px都是指逻辑像素。设备像素或物理像素(Device Pixels)显示屏幕的最小物理单位,每个DP包含自己的颜色、...

2018-10-13 13:22:00 214

转载 【HTML-进阶-如何实现父级块级元素宽度自适应子元素宽度】

背景块级元素宽度默认值为100%,而不是auto;因此其宽度不会根据子元素内容动态适应。如何实现父级元素宽度动态适应其子元素。方法一 display:inline;给块级元素设置inline-block值。{ display: inline-block;}方法二 绝对定位元素给块级元素设置position:absolute/fixed;{ position:a...

2018-10-13 13:22:00 1574

转载 【Javascript-基础-Object】创建对象

创建单个对象——字面量方式创建多个对象使用字面量方式创建多个对象时,会产生大量的重复代码。开发者在寻找创建多个对象方法的过程中,基本经历了一下集中方法:工厂模式 > 构造函数模式 > 原型模式 > 构造函数与原型组合 > 寄生构造函数 > 稳妥构造函数模式工厂模式function CreatePerson(name, age, job){va...

2018-10-13 13:20:00 145

转载 【Javascript-基础-ecma6】ecma6学习笔记(持续更新)

makdown语法手册APIString新特性的方法 基本不支持IE浏览器String.fromCodePoint(6特性)String.prototype.codePointAt(6特性)for...offor(let a of b){console.log(a)} // 合for循环不同在,它支持遍历大于0xffff的字符includes()、endsWith()、...

2018-10-13 13:20:00 164

转载 【JavaScript-基础-文件上传】

Upload最原始方式 form表单提交// html<form method="get" action="/test/upload"> <input type="file" name="test" accept="image/jpeg, image/png" /> <input type="submit" value="Submit"...

2018-10-13 13:20:00 139

转载 【Javascript-基础-getOwnPropertyNames】Object.getOwnPropertyNames() 获取对象自身可枚举属性...

可枚举属性和不可枚举属性在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。可枚举属性enumerable值为 true,Object对象的propertyIsEnumerable()方法可以判断此对象是否包含某个属性,并且这个属性是否可枚举。可以通过for...in , Ob...

2018-10-13 13:20:00 286

转载 【程序员素养-工程师规范】

工程师规范 - 开发准备了解产品和设计参加需求、交互、视觉会议,了解产品设计和项目成员。了解产品面向的设备和平台。了解产品对兼容性的要求以及是否采用响应式设计等。了解产品要使用的技术(WEB技术、桌面技术、APP技术、模板语言、混合模式等)。提出疑问和见解在交互或视觉会议中结合技术要求,提出疑问和见解。提出可能存在的问题(技术实现问题、性能问题等),协商解决方案(如...

2018-10-13 13:19:00 119

转载 【前端框架-Vue-基础】$attr及$listeners实现跨多级组件的通信

父子A 组件与 B 组件之间的通信: (父子组件)如上图所示,A、B、C三个组件依次嵌套,按照 Vue 的开发习惯,父子组件通信可以通过以下方式实现:A to B 通过props的方式向子组件传递,B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现通过设置全局Vuex共享状态,通过 computed 计算属性和 commit mutation的方式实...

2018-10-13 13:19:00 202

转载 【前端进阶-性能-性能优化检查点】

前端主要性能优化点Accept-Encoding:gzip 进行资源压缩gzip压缩方式浏览器支持情况:Netscape 6+ (Netscape 4-5 does, but with some bugs).Internet Explorer 5.5+ (July 2000) and IE 4 if set to HTTP/1.1.Opera 5+ (June 2000)L...

2018-10-13 13:19:00 146

转载 【JavaScript-基础-cookie从入门到进阶】

cookie关于cookie用于方便服务端管理客户端状态提出的一种机制。document.cookie客户端JavaScript可通过document.cookie方式获取非HTTPOnly状态下当前文档的所有cookie信息。关于Cross-Site request forgery(CSRF)跨站请求伪造。常用防范方法:针对XSS攻击,实现输入值校验。重要操作需要确...

2018-10-13 12:54:00 110

转载 【Javascript-ECMA6-Fetch详解】

Fetch由于Fetch API是基于Promise设计,因此旧的浏览器并不支持该API,需要引用时引用es6-promise。基本知识fetch请求返回response格式bodyFetch特性跨域安全请求头AcceptAccept-LanguageContent-LanguageContent-Type跨域安全请求方法GETHEADPOS...

2018-10-13 12:49:00 188

转载 【浏览器-Safari-网页开发指南】官方Sarari开发指南译文

Safari是一个功能比较完整的浏览器。它支持所有按照W3C标准HTML,CSS,Javascript开发的网页。当然,让网站正常访问只是我们的初级目标。开发者应该致力于给用户提供更好的用户体验。比如支持不同手持触屏设备显示,针对多屏幕或分屏时的响应式设计,支持触摸和手势事件,等等。保证页面可正常访问支持aac,mp3,aiff和wave格式音频。支持基于H.264(常用MPE...

2018-05-15 13:20:00 531

转载 【CSS-进阶之元素:focus伪类模拟点击事件】

先放上我们最终实现的效果注:这里建议插入codepen(临时使用图片代替)我们想要实现当点击某个元素时,显示一个tip浮动框。html:<div class="wrapper"> <span class="click-ele">我是按钮</span> <div class="popup">我是文字测试君</...

2018-04-30 16:29:00 2356

转载 【Cmd命令行】基础—findstr与for循环

Findstr命令findstr是Window系统自带的命令,用途是查找指定的一个或多个文件文件中包含(或通过参数 /V来控制不包含)某些特定字符串的行,并将该行完整的信息打印出来,或者打印查询字符串所在的文件名。例如我们新建一个test.txt的文本文件。内容:hello worldworld hello打开cmd窗口,执行语句:findstr /n ".*" test.t...

2016-06-27 01:04:00 935

转载 NodeJs——入门

关于NPM:npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。一 NodeJs安装与NPM管理安装前往NodeJs官网,下载安装包直接安装。同时NodeJs默认包含NPM模块。后者需要更新到最新版本。-v 查看版本信息,有则安装成功。某些版本不支持读-v参...

2016-06-26 16:21:00 122

转载 正则表达式——基础

1.正则基础。个关于正则基础部分。可移步到这位前辈翻译的译文中学习。深入浅出之正则表达式(一)特殊字符对于文字字符,有12个字符被保留作特殊用途。他们是:[ ] \ ^ $ . | ? * + ( )这些特殊字符也被称作元字符。如果你想在正则表达式中将这些字符用作文本字符,你需要用反斜杠“\”对其进行换码(escape)。例如你想匹配“1+1=2”,正确的表达式...

2016-06-01 23:04:00 105

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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