摘要: .gitignore git中,如果想要让git忽略某些文件,或不想push到远程库,不让其受版本的控制。可以使用git提供的.gitignore文件进行配置。像这样: 一般情况下,在文件还未修改前,将其路径添加到该文件中,即可生效。 有个特殊情况,当我们修改了一个文件,但又不想让git跟踪它的变化 阅读全文
posted @ 2018-10-13 13:23 talkbear 阅读(1518) 评论(0) 推荐(0) 编辑
摘要: 背景 移动端响应式布局开发主要方案有: 基于rem开发 基于媒体查询 基于弹性盒 基础概念 在讨论响应式布局知识前,先了解下移动端常用基础概念。 逻辑像素(CSS pixels) 浏览器使用的抽象单位,主要用来在网页上绘制内容;通常在我们实际开发中涉及到的CSS单位px都是指逻辑像素。 设备像素或物 阅读全文
posted @ 2018-10-13 13:22 talkbear 阅读(1152) 评论(0) 推荐(0) 编辑
摘要: UTC(GMT) 整个地球分为二十四时区,每个时区都有自己的本地时间。在国际无线电通信场合,为了统一起见,使用一个统一的时间,称为通用协调时(UTC, Universal Time Coordinated)。UTC与格林尼治平均时(GMT, Greenwich Mean Time)一样,都与英国伦敦 阅读全文
posted @ 2018-10-13 13:22 talkbear 阅读(6799) 评论(0) 推荐(0) 编辑
摘要: 关于svg HTML页面常用加载svg图片方式: HTML元素 HTML元素(不推荐) iframe HTML元素 CSS[background image]属性 react svg 在react项目中使用svg,建议使用react svg. react svg即一个封装后的React组件。它的目的 阅读全文
posted @ 2018-10-13 13:22 talkbear 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 关于Flex 背景 在flex布局出现以前,常用的水平和垂直居中对齐方式有很多。flex布局的出现基本规范了这一过程。 通过justify content和align items两个属性即解决了水平居中、垂直居中、水平垂直混合居中的问题。 display:flex 应用在父元素的属性 flex fl 阅读全文
posted @ 2018-10-13 13:22 talkbear 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 背景 块级元素宽度默认值为100%,而不是auto;因此其宽度不会根据子元素内容动态适应。 如何实现父级元素宽度动态适应其子元素。 方法一 display:inline; 给块级元素设置inline block值。 方法二 绝对定位元素 给块级元素设置position:absolute/fixed; 阅读全文
posted @ 2018-10-13 13:22 talkbear 阅读(8829) 评论(0) 推荐(0) 编辑
摘要: 创建单个对象——字面量方式 创建多个对象 使用字面量方式创建多个对象时,会产生大量的重复代码。开发者在寻找创建多个对象方法的过程中,基本经历了一下集中方法: 工厂模式 构造函数模式 原型模式 构造函数与原型组合 寄生构造函数 稳妥构造函数模式 工厂模式 构造函数模式 原型模式 问题:当原型上包含引用 阅读全文
posted @ 2018-10-13 13:20 talkbear 阅读(471) 评论(0) 推荐(0) 编辑
摘要: Upload 最原始方式 form表单提交 兼容性:所有浏览器都支持。 xhr2 关于xhr: 老版本xhr主要属性: xhr.readyState:XMLHttpRequest对象的状态,等于4表示数据已经接收完毕。 xhr.status:服务器返回的状态码,等于200表示一切正常。 xhr.re 阅读全文
posted @ 2018-10-13 13:20 talkbear 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 可枚举属性和不可枚举属性 在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。 可枚举属性 enumerable值为 true,Object对象的propertyIsEnumerable()方法 阅读全文
posted @ 2018-10-13 13:20 talkbear 阅读(737) 评论(0) 推荐(1) 编辑
摘要: [makdown语法手册API](http://blog.leanote.com/post/freewalk/Markdown %E8%AF%AD%E6%B3%95%E6%89%8B%E5%86%8C title ) String 新特性的方法 基本不支持IE浏览器 String.fromCodeP 阅读全文
posted @ 2018-10-13 13:20 talkbear 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 父子 A 组件与 B 组件之间的通信: (父子组件) 如上图所示,A、B、C三个组件依次嵌套,按照 Vue 的开发习惯,父子组件通信可以通过以下方式实现: A to B 通过props的方式向子组件传递,B to A 通过在 B 组件中 $emit, A 组件中 v on 的方式实现 通过设置全局V 阅读全文
posted @ 2018-10-13 13:19 talkbear 阅读(5182) 评论(3) 推荐(0) 编辑
摘要: 工程师规范 开发准备 了解产品和设计 参加需求、交互、视觉会议,了解产品设计和项目成员。 了解产品面向的设备和平台。 了解产品对兼容性的要求以及是否采用响应式设计等。 了解产品要使用的技术(WEB技术、桌面技术、APP技术、模板语言、混合模式等)。 提出疑问和见解 在交互或视觉会议中结合技术要求,提 阅读全文
posted @ 2018-10-13 13:19 talkbear 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 前端主要性能优化点 Accept Encoding:gzip 进行资源压缩 gzip压缩方式浏览器支持情况: Netscape 6+ (Netscape 4 5 does, but with some bugs). Internet Explorer 5.5+ (July 2000) and IE 阅读全文
posted @ 2018-10-13 13:19 talkbear 阅读(201) 评论(0) 推荐(0) 编辑
摘要: cookie 关于cookie 用于方便服务端管理客户端状态提出的一种机制。 document.cookie 客户端JavaScript可通过document.cookie方式获取非HTTPOnly状态下当前文档的所有cookie信息。 关于Cross Site request forgery(CS 阅读全文
posted @ 2018-10-13 12:54 talkbear 阅读(276) 评论(0) 推荐(0) 编辑
摘要: Fetch 由于Fetch API是基于Promise设计,因此旧的浏览器并不支持该API,需要引用时引用es6 promise。 基本知识 fetch请求返回response格式 body Fetch特性 跨域安全请求头 跨域安全请求方法 禁止用户设置的请求头 在请求中设置任何一个以上请求头时,浏 阅读全文
posted @ 2018-10-13 12:49 talkbear 阅读(717) 评论(0) 推荐(0) 编辑