排序:
默认
按更新时间
按访问量

网页性能 -- 浏览器的重绘和重排

#1.网页的生成过程 浏览器从下载文件到显示页面是一个很复杂的过程。 浏览器下载完页面中的所有组件 – HTML标记、JavaScript、CSS、图片 – 之后会解析并生成两个内部数据结构: 1. DOM树 -- 表示页面结构 2. 渲染树 -- 表示 DOM 节点在页面中如何显示(宽...

2018-06-27 11:47:22

阅读数:52

评论数:0

VUE组件间的通信

#1 父子组件之间的通信 在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。看看它们是怎么工作的。 #1.1 父组件到子组件使用props传递数据 pr...

2018-06-20 12:17:17

阅读数:30

评论数:0

web前端开发基础

WEB前端6大基础 Html && CSS 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级、HTML5、CSS3、Flexbox javascript 数据类型、运算、对象、Function、继承、闭包...

2018-06-14 17:37:30

阅读数:23

评论数:0

自定义滚动条样式

#1自定义webkit内核浏览器滚动条样式 在所有浏览器,滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因,市面上基于webkit内核的浏览器也是很难穷举完。例如有:Google Chrome、Opera(opera已经使用webkit内核了)、360极速浏览器,猎豹浏览...

2018-06-14 17:24:40

阅读数:100

评论数:0

cnpm 安装出错怎么办?

首先输入以下命令并回车npm set registry https://registry.npm.taobao.org # 注册模块镜像 npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像 npm cache...

2017-11-21 19:14:23

阅读数:269

评论数:0

vue开源项目库汇总

UI组件 element ★12468 - 饿了么出品的Vue2的web UI工具套件 Vux ★7759 - 基于Vue和WeUI的组件库 iview ★6121 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5827 - Vue 2的移动UI元素 vue-materi...

2017-08-03 11:49:54

阅读数:2338

评论数:0

图片预览插件-photoswpie

#1简介 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站:http://photoswipe.com/ 源码下载:https://githu...

2017-07-26 15:13:55

阅读数:266

评论数:1

关于移动端本地代码调试(基于android和chrome)

1.准备 基于windows下的chrome和android系统的是手机进行调试的时候是有一些先决条件,那么先说一下基本的要求: 开发计算机(Windows)上已安装 Chrome 32 或更高版本。 开发计算机(Windows)上已安装 USB 驱动程序(官方驱动,豌豆荚,36...

2017-07-11 14:46:49

阅读数:929

评论数:0

sublime text注册码(秘钥)

—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95...

2017-04-06 17:27:12

阅读数:5853

评论数:0

sublime text3 插件推荐

sublime text3使用了小半年后,觉得还不错,所以特地推荐给大家。这里主要给大家推荐常用的一些插件; 1.下载sublime text3 安装package control import urllib.request,os; pf = ‘Package Control.sublime...

2017-03-31 16:57:15

阅读数:771

评论数:0

HTML 编码规范

#语法用两个空格来代替制表符(tab),保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次(即两个空格)。 对于属性的定义,确保全部使用双引号,绝不要使用单引号。 不要在自闭合(self-closing)元素的尾部添加斜线,[HTML5 规范](http://dev.w3.org/htm...

2017-03-29 17:32:42

阅读数:438

评论数:0

chrome设置ajax跨域

ajax本身是不支持跨域的,而我们在开发工作中,可能会遇到本地开发环境未配置相关代码,需要到其他服务器上获取数据的情况,尤其在用HTML5开发app的过程中,前后台完全分离,使用Ajax进行数据交互,这种情况非常常见。我们可以通过对谷歌浏览器进行设置以方便跨域调用数据做测试。 chrome浏览器版...

2017-03-18 19:12:06

阅读数:1055

评论数:0

this

this是Javascript语言的一个关键字。this代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.name = 'test'; }this的值会随着函数使用场合的不同而发生变化。但是不变的是,this指的是,调用函数的那...

2017-03-07 16:46:11

阅读数:171

评论数:0

js继承

构造函数绑定 使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行: function Person(){ this.nationality= "中国人"; } function Student(name,age){ ...

2017-03-02 10:19:36

阅读数:128

评论数:0

Javascript原型(prototype)和原型链(__proto__)

javascript对象JavaScript 中,万物皆对象!分为两类:普通对象(Object )和函数对象(Function)。 下面举例说明:function f1(){} var f2 = function(){}; var f3 = new Function('str','console....

2017-03-01 16:45:57

阅读数:198

评论数:0

Javascript闭包(Closure)

介绍闭包前,先了解一下js的变量作用域。变量作用域在JavaScript中,用var申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量: function f1(){ var x = 1; x += 1; } x =...

2017-03-01 15:58:09

阅读数:124

评论数:0

几种主要的浏览器内核

Trident内核代表产品Internet Explorer,又称其为IE内核。Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GO...

2017-03-01 14:52:16

阅读数:97

评论数:0

flex布局(Flexible Box)

前言上一篇,我刚刚整理了水平垂直居中,在这里顺便整理了flex布局。我们都知道传统的布局是基于盒模型。而盒模型布局主要依赖于position、display和float属性,对于部分特别要求的布局实现比较困难,比如垂直居中,是实现起来就比较困难。这里felx布局实现起来就比较容易很多,比较重要的一...

2017-02-28 17:11:28

阅读数:172

评论数:0

水平垂直居中

水平垂直居中已知宽高的div.test{ width: 100px; height: 100px; position: absolute; background: pink; top: 50%; left: 50%; margin-top...

2017-02-22 11:24:26

阅读数:240

评论数:0

消除img之间的间距

如上图所看到,图片之间有间隔。经过实践,以下两种方法分享给大家: flex布局; 给父元素加上font-size:0;矫正过的结果如下:

2017-02-21 17:23:07

阅读数:1181

评论数:0

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