自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 Vuejs的一些总结

1.Vuejs组件 vuejs构建组件使用 1 Vue.component('componentName',{ /*component*/ }); 这里注意一点,组件要先注册再使用,也就是说: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Vue.compone...

2017-05-15 08:33:00 506

转载 CSS命名规范——BEM思想

BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法让你的CSS类对其他开发者来说更加透明而且更有意义。BEM命名约定更加严格,而且包含更多的信息,它们用于一个团队开发一个耗时的大项目。 重要的是要注意,我使用的基于BEM的命名方式是经过Nicolas Gallagher修改过的。这篇文章...

2017-04-22 09:27:00 99

转载 Vuejs的一些总结

1.Vuejs组件 vuejs构建组件使用 1 Vue.component('componentName',{ /*component*/ }); 这里注意一点,组件要先注册再使用,也就是说: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Vue.compone...

2017-04-22 09:21:00 98

转载 shadow-dom 浅析

shadow-dom 是什么 顾名思义,shadow-dom,直译的话就是影子dom?我觉得可以理解为潜藏在黑暗中的 DOM 结构,也就是我们无法直接控制操纵的 DOM 结构。前端同学经常用开发者工具的话,查看 DOM 结构的时候,肯定看到过下面这样的结构: 这里的#shadow-root所包含的内容其实就是所谓的shadow-dom。 shadow-dom其实...

2017-04-22 09:14:00 127

转载 javascript 对象封装的常用方式

常规封装 function Person (name,age,sex){ this.name = name; this.age = age; this.sex = sex; } Pserson.prototype = { constructor:Person, sayHello:function(){ cons...

2017-04-17 15:08:00 70

转载 JavaScript的性能优化:加载和执行

无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或 JavaScript 的命名空间,它们对后面页面内容造成影响。一个典型的例子就是在页面中使用document.write()。例如清单 1 ...

2017-04-13 23:33:00 62

转载 JavaScript的api设计原则

一、接口的流畅性 好的接口是流畅易懂的,他主要体现如下几个方面: 1.简单 操作某个元素的css属性,下面是原生的方法: document.querySelector('#id').style.color = 'red'; 封装之后 function a(selector, color) { document.queryS...

2017-04-13 23:32:00 70

转载 Javascript 面向对象编程(一):封装

一、 生成实例对象的原始模式 假定我们把猫看成一个对象,它有"名字"和"颜色"两个属性。   var Cat = {     name : '',     color : ''   } 现在,我们需要根据这个原型对象的规格(schema),生成两个实例对象。   var cat1 = {}; // 创建一个空对象     cat1.name = "大毛";...

2017-04-06 19:03:00 63

转载 Javascript常用的设计模式详解

Javascript常用的设计模式详解 阅读目录 一:理解工厂模式 二:理解单体模式 三:理解模块模式 四:理解代理模式 五:理解职责链模式 六:命令模式的理解: 七:模板方法模式 八:理解javascript中的策略模式 九:Javascript中理解发布--订阅模式 十:理解中介者模式 一:理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大...

2017-03-30 13:45:00 313

转载 position:sticky实现iOS6+下的粘性布局

原文:http://efe.baidu.com/blog/position-sticky/ 户总是希望在窗口明显的地方方便找到自己想要的操作项,例如停留在浏览器窗口顶端的菜单栏,筛选栏等。所以我们会把用户最常用到或者我们希望用户注意到的内容一直展现在窗口的可视区域,让用户能够一眼就看到。这当中常需要用到一种页面滚动然后元素固定在窗口的某个位置的布局方式(下面简称粘性布局)。 ...

2017-03-30 09:28:00 221

转载 overflow:hidden和块级格式化上下文

overflow:hidden清除浮动原理 BFC (Block Formatting Context)全称是块级格式化上下文,用于对块级元素排版,默认情况下只有根元素(body)一个块级上下文,但是如果一个块级元素 设置了float:left,overflow:hidden或position:absolute样式,就会为这个块级元素生成一个独立的块圾上下文,就像在window全局...

2017-03-30 09:23:00 257

转载 Vue框架Element的事件传递broadcast和dispatch方法分析

前言 最近在学习饿了么的Vue前端框架Element,发现其源码中大量使用了$broadcast和$dispatch方法,而Element使用的是Vue2.0版本,众所周知在Vue 1.0升级到2.0中去除了$broadcast和$dispatch方法。 所以在Element框架源码中将这两个函数重写实现了一遍,并采用的是minix的方式植入每个组件的代码中。 但...

2017-03-30 09:15:00 289

转载 npm 模块安装机制简介

npm 是 Node 的模块管理器,功能极其强大。它是 Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 。 $ npm install 本文介绍 npm 模块安装机制的细节,以及如何解决安装速度慢的问题。 一、从 npm install 说起npm install 命令用来安装模块到node_modules目录。 $ npm ...

2017-03-27 18:56:00 203

转载 jQuery常用API

一、简介 定义  jQuery创始人是美国John Resig,是优秀的Javascript框架;   jQuery是一个轻量级、快速简洁的javaScript库。 jQuery对象  jQuery产生的对象时jQuery独有的,只能自己调用 书写规则  支持链式操作;   在变量前加””符号(var”符号(varvariable = jQuery 对象...

2017-03-14 17:57:00 83

转载 七种CSS方式让一个容器水平垂直居中

转自:http://www.cnblogs.com/xianyulaodi/p/5863305.html 阅读目录 方法一:position加margin方法二: diaplay:table-cell方法三:position加 transform方法四:flex;align-items: center;justify-content: center方法五:display:fl...

2017-03-02 09:03:00 95

转载 JavaScript常用API总结

目录 元素查找 class操作 节点操作 属性操作 内容操作 css操作 位置大小 事件 DOM加载完毕 绑定上下文 去除空格 Ajax JSON处理 节点遍历 元素查找 // Node document.getElementById(...

2017-03-02 08:56:00 58

转载 更快速将你的页面展示给用户[前端优化篇]

转自:http://www.cnblogs.com/wingkun/p/6014259.html 现在许多公司往往注重后端优化,而忽略了前端优化 想想如果辛苦优化了服务器,后台,排查了sql,却在最后页面加载展示的时候很慢,也得不偿失 其实,前后台优化都是相辅相成的,后台优化好了,响应请求速度快,前台展示的更迅速 前台优化了不必要的请求,后台压力也会更小 一直想静下心来写一篇博...

2017-02-28 09:07:00 256

转载 20个编写现代CSS代码的建议

明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习: .square { width: 80px; height: 80px; } .red { b...

2017-02-25 10:02:00 75

转载 H5项目常见问题汇总及解决方案

Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> ...

2017-02-25 09:58:00 124

转载 HTML5 Notification消息通知

Notification 对象用来为用户设置和显示桌面通知,Web Notifications API 可以将通知发送至页面之外的系统层级上,因此,即便应用处于空闲状态或是在后台,web 应用仍然可以通过这个 API 向用户发送信息。比如网页版微信,每当用户收到一条新的消息,就会有一条通知显示给用户 用法 var notification = new Notification(tit...

2017-02-23 09:03:00 183

转载 浅谈设备分辨比

分辨率 分辨率可以从显示分辨率与图像分辨率两个方向来分类。显示分辨率(屏幕分辨率)是屏幕图像的精密度,是指显示器所能显示的像素有多少。图像分辨率则是单位英寸中所包含的像素点数,其定义更趋近于分辨率本身的定义。——360百科 显示分辨率指显示器所能显示的像素多少。如iPhone的分辨率:640x960,640x1136等。图像分辨率指单位英寸中所包含的像素点数(PPI)。如下图...

2017-02-20 10:45:00 105

转载 offsetwidth/clientwidth的区别

1.2. clientWidth是对象看到的宽度(不含边线,即border)scrollWidth是对象实际内容的宽度(若无padding,那就是边框之间距离,如有padding,就是左padding和右padding之间距离)。offsetWidth是指对象自身的宽度,整型,单位像素(含边线,如滚动条的占用的宽,值会随着内容的输入而不断改变)。 scrollH...

2016-05-12 11:56:00 94

转载 移动端网页布局中需要注意事项以及解决方法总结

移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉<meta name="msapplication-tap-highlight" content="no">1、关闭iOS键盘首字母自动大写<input type="text" autocapitalize...

2016-05-11 13:50:00 112

转载 移动端web app自适应布局探索与总结

1、困扰多时的问题 在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例如背景图的多倍图、基础字体大小、图标宽高。 这样做的弊端很明显: 做出来...

2016-05-11 11:04:00 82

空空如也

空空如也

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

TA关注的人

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