2017年12月_UNDEFINED_AUBE

原创项目经验2

在与后台实现交互的时候，会遇到这么一个需求：后台希望前端的网页界面高度不是定死的而是能够随着后台往界面上增加数据的时候，前端的界面就会扩展这个时候我们前端就不能把网页的高度定死，以前就是说在最外层的盒子绝对不能出现height：xxx这样的写法。于是就要用到“父盒子的高度由子盒子撑开”这个理论，但是有时候又会遇到明明自己在父盒子里面写了东西，但是检查元素的时候发现父盒子并没有被子盒子撑

2017-12-31 13:41:25 697

原创 Bootstrap

1.Bootstrap其实就是一个常用的框架，使得很多常用的css样式不用我们自己去手写，可以直接复制粘贴bootstrap里面的代码，需要改的部分自己修改就行http://www.bootcss.com/2.要使用这个bootstrap框架的话直接在百度查，然后下载就行3.使用时需要注意的就是要先把模板定义好：

2017-12-30 08:25:15 278

原创移动web——viewport（视口）

1.手机拥有了浏览器的初期并没有专门为移动设备设计页面，造成的直接结果就是访问的页面是直接将电脑页面进行缩放，操作起来十分不便，viewport就是用来解决这个问题的2.viewport视口属性（该属性只有在移动端浏览器上才有用）：移动设备上用来显示网页的区域（如果把移动该设备的浏览器当做相框的话，viewport就相当于相框中的画，可能会比相框小/大，需要的就是刚好一样大）（1）修改vi

2017-12-30 08:23:03 883

原创移动web——响应式

1.针对的是所有的设备2.目的是开发一次就可以适应所有平台3.会根据设备的屏幕尺寸改变而改变布局4.技术的选取（1）老项目推出的时候手机还没有那么流行，所以会重新开发一个移动端的站点（2）新项目：直接做响应式的站点（3）性能考虑：每个平台都有针对的项目是最好的选择5.响应式网站的缺点（1）代码比较多（2）维护比较复杂6.直接使用js也能够实现只不过代码比较多

2017-12-30 08:22:22 240

原创移动端click事件

1.移动端click事件的触发会延迟200ms（直观反映例如touch事件全部执行完毕之后才会到click事件）2.为了让用户体验更好能够实时触发，所以一般不要用click事件而是自己封装一个tap方法（手指快速点击）3.touch事件只有三个：touchstart、touchmove、touchend，像左右滑动、长按都是封装出来的4.如何算tap事件：手指点上去不移动快速松开

2017-12-30 08:21:48 1609

原创移动web——touch事件

1.移动端使用的是touch事件，但不能直接通过ontouch等语法访问，需要使用addEventListener进行绑定2.可选事件touchstart:手指触摸时触发touchmove:手指在屏幕上滑动时连续触发touchend:当手指离开屏幕时触发。touchcancel:系统停止跟踪触摸时候会触发。(这个事件使用较少,了解即可)事件参数中能够获取移动的一些属性dom.ad

2017-12-29 08:28:17 363

原创移动web——左边定宽右边自适应的布局（经典布局）写法

html>lang="en">charset="UTF-8">左边定宽右边自适应的布局 div:nth-child(1){ width:100px; background:pink; height:300px; float:l

2017-12-29 08:27:36 411

原创移动web——做适配的时候如何设置界面里面元素的大小

宽度不能设置固定的值，只能用百分比（包括子元素）高度还是使用固定的值

2017-12-29 08:26:36 382

原创移动Web注意的细节样式

1.点击高亮效果：在移动端浏览器会遇见点击出现高亮的效果，在某项项目是不需要这个默认的效果的。那么我们通常会把这个点击的颜色设置成透明。css代码 -webkit-tap-highlight-color:transparent; /*清除点击高亮效果*/

2017-12-29 08:25:10 268

原创移动Web简介

1.移动Web其实就是移动端上的网页，但又不是APP2.移动端的浏览器兼容性基本上只需要考虑wbkit内核即可3.如何在谷歌浏览器中查看移动端设备的窗口：检查 -->一般是用旧版谷歌来查看移动端页面的大小，不仅可以查看不同的移动设备，还可以缩放

2017-12-29 08:24:07 408

原创关于印象笔记的注册登录问题

有的人应该会遇到这么一个问题：下载印象笔记之后，打开软件进行注册的时候总是出现一个问题“连接不上服务器”。我百度知乎一大堆，发现主流的做法有四种，这里就不说了，想要了解一下的话自己去百度就好。但是当我们发现，自己的浏览器配置和VPN并没有什么毛病，全部都符合标准的时候，还是显示“无法连接服务器”，这个时候怎么办？我安装的时候就是这个样子，后来一气之下，直接跑去人家官网那里在网页

2017-12-29 08:23:14 2698

原创项目经验1

在一开始学前端的时候，都是从模仿别人的网站开始做起。基本上写的都是纯前端界面，也就是没有和后台进行交互的界面。虽然现在已经能够熟练的写需求里面各种奇奇怪怪的html文档结构，JS、jquery动态元素也能写的不错（当然了还是需要继续学习的），但是到最近真正开始接触大项目，前端后台分工合作的时候才发现一个很重要的问题。我发现自己之前在写纯前端界面的时候有一个非常不好的习惯，就是特别爱用pos

2017-12-29 08:22:17 319

原创 canvas——用canvas绘制一个等腰三角形

利用canvas绘制一个等腰三角形颜色设置必须要放在绘制之前strokeStyle = ‘’必须要放在stroke()之前设置线宽（同样也是要放在绘制之前）：lineWidth = 数字如果线宽太宽的话图形的边机会出现锯齿原因：绘制图像的时候是连笔画成的，但是到顶点的时候没有接着画解决方法：再重复画一次第一条边

2017-12-29 08:20:44 1993

原创 canvas——闭合路径

闭合路径：closePath()规律：从当前路径的起始点到结束点连一条路径同样也可以用来解决锯齿问题注意一下描边是根据所有的当前路径来描边的清除当前路径开辟新路径：beginPath()

2017-12-29 08:20:07 1219

原创 js高级——注册事件的兼容性处理

1.注册事件的方式（1）ele.on事件类型 = function(){} （2）addEventListener（事件类型，事件处理函数，捕获）（3）attachEvent（事件类型，事件处理函数）

2017-12-28 07:57:40 198

原创 js高级——函数的四种调用模式

1.函数模式：this指向的是window全局对象functiontest(){}test();2.方法模式：this指向的是调用这个方法的对象varobj = { test:function(){ }};obj.test();3.构造函数模式：this指向的

2017-12-28 07:57:06 659

原创 js高级——沙箱

1.沙箱：与外界隔绝的一个环境，外界无法修改该环境内的任何信息（沙箱内的东西单独属于一个世界）（1）360沙箱模式：将软件和操作系统进行隔离以达到安全的目的（2）JS中的沙箱模式：还是通过函数来实现的沙箱模式的基本模型：自调用函数 (function(){ vara = 123; //外面并不能访问到这个a

2017-12-28 07:56:27 1022 1

原创 js高级——缓存

1.缓存的作用：将一些常用的数据存储起来提供使用，提升性能//eleCache//typeCache//classCache//eventCachefunctioncreateCache(){ //cache对象中以键值对的形式存储缓存数据 varcache = {}; //index数组中存储键，这个键是有顺序

2017-12-28 07:56:05 538

原创 js高级——闭包

1.闭包：一个具有封闭的对外不公开的包裹结构/空间2.js中的闭包其实就是函数（1）闭包的原理：作用域访问原则 —— 上级作用域无法直接访问下级作用域中的变量，但是下级的可以访问上级的（2）闭包要解决什么问题 ·闭包内部的数据不允许外界访问 ·要解决的问题就是间接访问该数据 ·函数可以构成闭包，要解决的问题就

2017-12-28 07:55:17 261

原创 js高级——作用域链

1.作用域链：只有函数可以制造作用域结构，所以只要是代码就至少有一个作用域（即全局作用域）（1）凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中又可以诞生一个作用域。将这样的所有作用域列出来，可以有一个结构：函数内指向函数外的链式结构，就称作作用域链（2）只要是函数就可以创造作用域函数中又可以再创建函数函数内部

2017-12-28 07:54:11 258

原创 js高级——变量和函数提升

1.js代码的执行分为两个部分（1）预解析：在对js代码进行解释执行之前对var关键字和function开头的语句块进行提前处理（这个就叫提升）例如：在声明函数之前就调用函数不会报错 func(); functionfunc(){ alert("Function has been called!");

2017-12-28 07:53:38 248

原创 js高级——作用域

1.块级作用域（1）js中没有块级作用域2.词法作用域：就是在代码写好的那一刻变量的作用域就已经确定了，这种作用域就是所谓的词法作用域（1）和词法作用域相对的叫做动态作用域（也就是说运行的时候和你写的数据不一定是一样的）（2）词法作用域的规则函数允许访问函数外的数据整个代码结构中只有函数可以限定作用域作用域规则首先使用提升规则分析

2017-12-28 07:53:10 198

原创 js高级——递归

1.递归：在函数内调用函数自己2.没有递归结束条件的递归就是死递归(类似于死循环)3.递归的要素（1）自己调用自己（2）要有结束条件4.使用递归的方法：化归思想——由难化易、由繁化简

2017-12-28 07:52:46 291

原创 js高级——对象方法中的this

1.首先看一个错误的示范varo = { sayHello:function(){ sayHi(); }, sayHi:function(){ console.log("Hello 我是一个方法"); }};o.sayHello();出现的结果：对象中的方法一定要通过

2017-12-28 07:51:48 1427

原创 js高级——增删改查

varsongList = [ { songName:"晴天", singer:"周杰伦" }, { songName:"等你等到我心碎", singer:"张学友" }, { songName:"演员", singer:"薛之谦"

2017-12-27 08:07:53 368

原创 js高级——绘制完整的原型链结构图

1.Object和Function的关系（1）Object构造函数是通过Function构造函数实例化出来的（2）Function构造函数也是通过Function构造函数实例化出来的

2017-12-27 08:07:22 920

原创 js高级——Function的原型链

1.Function也可以被当做一个构造函数2.通过Funciton() new出来的函数可以被当做是实例化的对象3.Function这个构造函数也有原型对象：一个空的函数4.Funciton原型对象的原型对象是Objecy.prototype这个空函数的原型对象是Object，再往上的原型对象就是null

2017-12-27 08:05:49 508

原创 js高级——instanceof关键字

1.语法：对象 instanceof 构造函数2.判断该构造函数的原型是否存在于该对象的原型链上

2017-12-27 08:04:54 819

原创 js高级——原型链图绘制

1.先画一个构造函数2.原型对象3.实例成员

2017-12-27 08:03:54 626

原创 js高级——静态成员和实例成员

1.静态成员：构造函数的属性、方法2.实例成员：实例的睡醒、方法（1）例如：$("#id").css() 这里的css()就是一个实例成员。因为$("#id")是一个jquery对象，而对象是一个实例（2）$.trim() 这里的trim()就是一个静态成员。因为$是一个函数，通过函数去访问成员3.一般来说会把工具方法作为静

2017-12-27 08:03:01 1201

原创 js高级——eval(不推荐使用)

1.eval是个函数，可以用来将字符串转换成js代码并且运行2.注意一下JSON对象是有兼容性问题的 eval()函数并不能直接把JSON字符串转化为一个js对象 varjsonData = '{"name":"曹尼玛","age":18}'; varo = eval(jsonData); console.log(o);像上面这种

2017-12-27 08:00:15 19120 6

原创 js高级——arguments对象

1.arguments对象是一个数组，当函数调用的时候，系统会将所有传入的实参依次存入这个数组对象里面2.一个函数有形参的时候，调用时可以不传参数一个函数没有形参的时候，调用时可以传参数

2017-12-27 07:59:36 316

原创 js高级——Function的使用

1.Function这个构造函数可以用来新建函数对象 varfunc =newFunction("console.log('我是动态创建的函数');console.log('111111')");//这个是创建对象的方法，所以证明函数也是对象,并且由开头字母大写看出来是构造函数 func();2.语法：var 函数名 = new Function

2017-12-27 07:58:32 529

原创 js高级——创建函数的几种方式

1.直接声明函数 functionfuncName(/*参数列表*/){ //函数体 }2.函数的表达式 varfuncName1 = function(){ };3.new Function varfunc = new Function();

2017-12-27 07:57:54 982

原创 js高级——Object.prototype的成员

1.constructor：原型对象内的一个属性，指向该原型对象相关联的构造函数2.hasOwnProperty：一个方法，用来判断对象本身（不包含原型）是否有某个属性3.propertyIsEnumerable（1）判断属性是否属于对象本身（2）判断属性是否可以被遍历4.defineProperty()：添加属性，可以加一些附加信息（比如可写、可读、可遍历等）5.toSt

2017-12-26 08:13:43 392

原创 js高级——经典继承的实现

1、经典继承的语法：Object.create(obj)，返回值为一个对象，继承自参数中的obj，但是存在兼容性问题varo = { name:"张三"};varobj = Object.create(o);console.log(obj.name);2、如何处理Object.create()的兼容性问题：兼容性的出现是因为浏览器中不支

2017-12-26 08:12:37 860

原创 js高级——原型链结构

1、原型链： ·每个构造函数都有原型对象 ·每个对象都会有构造函数 ·每个构造函数的原型都是一个对象 ·那么这个原型对象也会有构造函数 ·那么这个原型对象的构造函数也会有原型对象 ·这样就会形成一个链式结构，就称为原型链2、原型链结构的基本形式functionPerson(){}varp =

2017-12-26 08:09:43 309

原创 js高级——继承的运用

1、扩展内置对象：给内置对象新增成员（属性/方法），不推荐使用，因为内置对象是一个共享的东西，不能在上面做私有的操作vararr = [1,2,3];Array.prototype.seyHello= function(){ //访问数组的原型对象 console.log("你好呀我是一个小数组");};arr.sayHello();（

2017-12-26 08:08:42 207

原创 js高级——原型对象继承的实现

1、原型继承：利用原型中的成员可以被和其相关的对象共享这一特性，可以实现继承2、原型继承的写法（1）给原型对象中添加成员（通过对象的动态特性，其实不是严格意义上的继承）functionPerson(name,age){ this.name= name; this.age= age;}Person.prototype.sayHello=

2017-12-26 08:07:46 369

原创 js高级——继承实现的方式

1、当前对象没有的属性、方法，别人有，自己拿过来用varo = {};varobj = { name:"张三", age:18, sayHello:function(){ console.log("hello"); }};//混入式继承//让o继承objfor(vark in obj){

2017-12-26 08:07:05 279

空空如也

空空如也