- 博客(60)
- 资源 (1)
- 收藏
- 关注
原创 常见图片格式解析
png是一种使用无损压缩的图片格式,而大家熟知的另外一种图片格式——jpeg则是采用有损压缩的方式。用通俗易懂的方式来讲,当原图片数据被编码成png格式后,是可以完全还原成原本的图片数据的,而编码成jpeg则会损耗一部分图片数据,这是因为两者的编码方式和定位不同。jpeg着重于人眼的观感,保留更多的亮度信息,去掉一些不影响观感的色度信息,因此是有损耗的压缩。png则保留原始所有的颜色信息,并且支持
2017-05-13 09:24:19 669
原创 css新增属性
1.border-radius2.box-shadow3.text-shadow4.bacground-image5.bacground-clip;6.background-size;7.background-orgin:8transform9transition10.animation
2017-05-04 20:46:34 619
原创 bind apply call
三个函数都可以改变this的指向。区别call()方法传入的参数,是单个变量;apply()方法传入的参数,是个数组;bind()方法,会创建一个新的函数:绑定函数。当调用这个函数时,实现改变this指向
2017-05-03 20:46:26 372
原创 浏览器渲染网页的过程
分为以下五步:1.浏览器从服务器获取HTML文档,用来构建文档对象模型DOM;2.加载和解析样式,构成层叠样式表模型(css Object Model);3.在DOM和CSSDOM的基础上,构建渲染树:渲染树是DOM的直观表示,将构建除了不可见元素外的所有DOM结构。4.对渲染树的每个元素进行布局;5.布局完成之后,渲染树中的内容经过绘制,成为wo
2017-05-03 20:21:03 382
原创 jQuery代码怎么写更好
1.使用最新版本的jQuery2.最快的选择器: id和标签选择器3.较慢的选择器:class选择器4.伪类选择器和属性选择器最慢。5.对于父元素和子元素的关系要理解好6.不要太依赖于jQuery;7.做好缓存8使用链式写法9.事件的委托处理10.少改动DOM结构11.正确处理循环:能用复杂选择器选中元素,就不要用循环;12.尽量少生成jQuery对象
2017-05-03 19:58:51 648
原创 块级元素 内联元素嵌套规则
1.内联不能嵌套块级,块级可以嵌套内联元素2.几个特殊的块级元素只能包含内联元素,不能再包含块级元素。特殊标签是:h1~h6,p,dt3.li可以嵌套div4.块级元素与块级元素并列,内联元素与内联元素并列。块级不可以和内联并列
2017-04-27 20:58:26 549
原创 数值的扩展
Number.isFinate()Number.isNaN()Number.parseInt()Number.parseFloat()Number.isInteger()Number.EPSILONNumber.isSafeInteger()指数运算符:2**3=8Math对象新增了17个与数学相关的方法.所有这些方法都是静态的,只能在Math对象上使用
2017-04-23 14:28:15 428
原创 字符串的正则方法
字符串对象中,可以使用正则表达式的方法,共有四个:match() replace() search() split().ES6将这四个方法,在语言内部全部调用RegExp的实例方法,从而做到所有与正则相关的方法,全都定义在RegExp对象上.String.prototype.match 调用 RegExp.prototype[Symbol.match]String.prototype
2017-04-23 13:55:51 406
原创 函数的理解
函数就是对象,可以把函数作为形参,返回值,也可以把函数赋值给一个变量.这个特性有很好的应用,延长函数的生命周期.函数的生命周期,取决于函数里可见的数据元素的生命周期.
2017-04-15 10:25:33 362
原创 微信小程序 app.json详解
大家使用app.json文件对微信小程序进行全局配置。可以决定页面文件的路径、窗口表现、设置网络的超时时间、设置tab等。app.json文件的配置属性有1.pages,数据类型是Array,功能:设置页面的路径.这个属性必须有2.window:数据类型:Object.功能:设置默认页面的窗口表现.这个属性可有可有 window可以设置的属性有以下5个:navigationBarBac
2017-04-14 22:14:24 7465
原创 MINA文件结构
MINA:mini application,可理解为轻应用,或者小程序.框架程序包含一个描述整体程序的app和多个描述各自页面的page.一个框架程序主体部分由三个文件组成,必须在项目的根目录.具体内容如下:aipp.js :必有,功能:小程序的逻辑.app.json:必有.功能:小程序的公共设置.app.wxs:"可有可无.功能:小程序的公共样式表框架的每个页面有一
2017-04-14 21:26:21 1256
原创 经典面试题:HTTP协议理解
当输入www.google.com时,页面发生了哪些事情:1.域名解析域名解析检查顺序为:浏览器自身DNS缓存---》OS自身的DNS缓存--》读取host文件--》本地域名服务器--》权限域名服务器--》根域名服务器。如果有且没有过期,则结束本次域名解析。域名解析成功之后,进行后续操作2.tcp3次握手建立连接3.建立连接后,发起http请求4.服务器端响应http请
2017-04-13 08:32:14 9084
原创 问题
1.如何理解原型?原型应该从哪些方面去理解?怎样才算对原型理解透彻?2.面向对象和面向过程的区别?面向对象的重点是什么?3.为什么有的方法在类中,有的方法在类的原型对象中?
2017-04-10 08:51:32 299
原创 JS数据类型检测的四种方法
1.type of 返回值:number string boolean undefined function object.2. intanceof 功能:检测一个实例是否属于一个类;返回值:true或false3.constructor构造函数4.Object.prototype.toString.call() Object.prototype.toString.call([]
2017-04-10 08:36:38 658
原创 ES6中 字符串中扩展 的方法
1.codePointAt() 参数:字符在字符串中的位置;返回值:返回一个字符的码点2.String.fromCodePoint() 参数:码点 返回值:码点对应的字符3.for....of 字符串的遍历器接口4..nomalize() 功能:将字符的不同表示方法统一为同样的形式,称之为Unicode正规化。参数:指定normalize的方式。5.includes()功能
2017-04-09 19:26:01 533
原创 JavaScript语言设计的败笔
1顶层对象,在浏览器环境指的是window对象。在Node指的是global对象。ES5中,顶层对象的属性和全局变量是同一个概念。2.顶层对象的属性与全局变量挂钩,被认为是JavaScript语言最大的设计败笔之一。由此而带来的问题有 2.1 无法在编译时报出变量未声明的错误。只有运行时才能知道 2.2 码农很容易创建全局变量; 2.3 顶层对象的属性,在哪里都可以读写,这样
2017-04-09 16:46:19 884
原创 ES6声明变量的六种方法
ES5有两种声明变量的方法,var命令 和function命令。ES6除了以上两种方法外还有let命令 const命令import命令class命令
2017-04-09 16:32:30 5008
原创 const的理解
1.声明一个只读的常量,一旦声明,就必须初始化,且常量的值不能改变;2.只在声明的块级作用域内有效3.不存在声明提升;4.存在暂时性死区,只能在声明的位置后面使用。5.const不是变量的值 不变,而是变量指向的内存地址不发生变化。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的内存地址,因此等同于常量。对于复合型的数据(对象和数组),变量指向的内存地址,保存的是一
2017-04-09 16:29:46 465
原创 let的使用
1.let的用法类似于var。不过,所声明的变量,只在let命令所在的代码块内有效。2.let不存在变量提升3.暂时性死区:在代码块内,使用let命令声明变量之前,该变量是不可用的。
2017-04-09 16:17:24 1197
原创 调皮的代码:打印什么
var tmp = new Date();function f(){console.log(tmp);if(false){var tmp = "hello world";}}输出结果为 undefined,原因:js的生命提升。console.log(1输出结果为 trueconsole.log)(1>2>3)输出结果为 false
2017-04-09 15:38:26 474
原创 什么是JavaScript及优化技巧
JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器称为:JavaScript引擎,为浏览器的一部分,非常广泛的用于客户端的脚本语言。最早是在HTML网页上使用,用来给HTML网页增加动态功能。一些JavScript的技巧。不管是浏览器的JavaScript的引擎,还是服务器端JavaScript的引擎。1.使用===取
2017-04-08 19:52:24 494
原创 闭包
最简单的闭包举栗子:function A(){function B(){ consoloe.log("hello world");}return B;}var c = A();c();闭包的作用:希望一个变量一直保存在内存中,同时又不会影响全局的变量。闭包有更深层次的理解,需要了解JS的执行环境(excuation context
2017-04-08 19:33:18 357
原创 JavaScript中实现继承的而方法
1.通过原型对象实现继承function Person(name){this.name = name;}Person.prototype.eat= function(){console.log(this.name+"正在吃吃吃吃");}Man.prototype = new Person("");//这句话一定要写在2的前面function Man(age){
2017-04-07 19:56:30 245
原创 new 关键字的理解
当我们实例化一个对象时,会遇到一个有意思的问题:function Person(name) {this.name = name;}var p = new Person("zhangsan")。console.log(p);构造函数并没有返回值,为什么可以将Person实例化呢?这是因为new的原因。new关键字有两个作用:1.申请内存空间 2.自动确定函数的返回值为一个
2017-04-05 21:26:40 545
原创 数组及数组中常用方法
数组:数据的有序列表。下标称为索引。创建数组方法:字面量法;构造函数法;数组中的属性和方法:length:数组长度;push(v):功能:向数组尾部插入一个值;参数:要插入数组中的值; 返回值:数组长度; pop():功能:数组尾部弹出一个值;参数:无; 返回值:弹出元素;unshift(v):功能:向数组头部插入一个值;参数:要插入数组中的值; 返回值:数组长度;
2017-04-05 19:37:31 427
原创 JavaScript创建对象的四种方法
对象的理解:具有相同属性和方法的事物的具体化。类的理解:抽象的。对象是类的实例化。1.使用json方法创建对象(json:JavaScript)
2017-04-05 19:32:33 492
原创 数组遍历的三种方法以及数组排序的sort方法
var arr = [1,2,3,4,5,6];第一种:for循环for(var i=0;iconsole.log(arr[i]);}第二种:for-infor(var i in arr){ console.log(arr[i]);}第三种arr.forEach(function(item){console.log(item)
2017-04-05 12:17:17 2780
原创 浮动
标准流:HTML元素默认的排列的规则。浮动流:给元素添加float属性后,将元素从标准流中脱离出来。在标准流上新建一个层,在该层上所有元素都在一行显示。浮动:给元素加float属性。给元素加float属性后,会使元素从标准流中脱离,在浮动流中按照新的规则进行排列。浮动的影响:从位置角度考虑:1、标准流中的文本,会对浮动元素形成环绕效果2、两个上下关系的元素,如果都没设置
2017-04-04 18:29:00 360
原创 精灵图简介
精灵图:利用ps等图像处理技术,将页面中所涉及的小的图像整合到一张图上。优点:1请求次数少,减少服务器的压力。2i.方便图像管理缺点:不利于图像的维护background背景的修饰1background——color;2background-image:3background-position:4background-repeat:5backgrond-attach
2017-04-04 17:53:42 447
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人