2017年12月_isxixi

原创 es6-变量的解构赋值

es6中变量赋值的方式1.方式1-直接赋值let a = 1;let b = 2;let c = 3;2.模式匹配”左右结构相等赋值let [a, b, c] = [1, 2, 3];//a=1;//b=2;//c=3let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = [

2017-12-26 18:29:56 231

原创 es6的四种声明变量的写法

ES6的变量声明方式保留了var和function。新增加了let、const、class和import。而且,let、const、class声明的全局变量再也不会和全局对象的属性挂钩了。let ------------ let ------------ 1、let只在所在的代码块中有效 for (var i = 0; i < 10; i++) {} console.l

2017-12-25 18:10:14 11752

原创 es6新特性

let 1.基本用法 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错

2017-12-21 18:39:25 241

原创 es5简单总结

建议张鑫旭原文内容导读： 1.简介 2.浏览器支持 3.ES5的严格模式 4.JSON 5.添加对象 6.额外的数组 7.Function.prototype.bind 8.补充参考简介 ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语

2017-12-21 10:26:10 2063

原创 vue基础

ie6-ie8不支持es5，vue, ie9+支持 vue是mvvm框架mvvm框架针对具有复杂的交互逻辑的前端应用。提供基础的架构抽象通过Ajax数据持久化，保证前端用户体检 vuejs 1.是一个轻量级的mvvm的前端框架 2.数据驱动+组件化的前端开发vue,angular和React对比Vue.js更轻量，压缩版只有20K+Vuejs更容易上手，学习...

2017-12-17 17:15:47 718

原创 webpack + vue-cli 搭建 vue 项目的流程

webpack + vue-cli 搭建 vue 项目的流程　　保证先安装 Node 环境，然后使用下载Node时自带的 npm (node 的包管理工具) 下载各种依赖，比如：vue-cli，安装 vue-cli后才能使用 vue 命令来初始化项目　　1. 全局安装vue的脚手架：vue-cli　　　　npm install vue-cli -g　　2. 使用初始化 vue 项目: （使用 web

2017-12-13 18:34:26 821

原创移动端知识整理

基础知识1.1 屏幕移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺，实际上指的是屏幕对角线的长度（一般用英寸来度量）如下图所示而分辨率则一般用像素来度量，表示屏幕水平和垂直方向的像素数，例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成，如下图所示 1.2 长度单位在Web开发中可以使用px（

2017-12-12 16:56:51 1314

原创 css3知识整理

CSS3的现状1、浏览器支持程度差，需要添加私有前缀2、移动端支持优于PC端3、不断改进中4、应用相对广泛如何对待1、坚持渐进增强原则2、考虑用户群体3、遵照产品的方案4、听Boss的css3新增利用属性选择标签E[attr] 存在attr属性即可E[attr=val] 属性值完全等于val的标签E[attr*=val] 属性值包括val，并且在任意位置E[attr^=

2017-12-10 23:05:35 362

原创 html5知识整理

新增标签<nav> 导航<header> 页眉<footer>页脚<section> 区块<article> 文章<aside> 侧边栏<progress> 进度条兼容处理微数据微数据是在如 span、div 的标签内添加属性，让机器（如搜索引擎）识别其含义，某些特定类型的信息，例如评论、人物信息或事件都有相应的属性，用来描述其含义，可以理解成新语义标签的一

2017-12-08 18:07:15 717

原创使用的插件集合

1.jquery ui jQueryUI专指由jQuery官方维护的UI方向的插件。官方api 其他教程：jQueryUI教程基本使用: 1. 引入jQueryUI的样式文件 2. 引入jQuery 3. 引入jQueryUI的js文件 4. 使用jQueryUI功能

2017-12-08 15:51:42 155

原创 jquery使用整理

为什么使用jqueryjQuery3是jQuery的未来，如果你需要兼容IE6-8，你可以继续使用1.12版本。jQuery3不在兼容ie8以下的。js的入口函数。windos.reload=function(){ //此处写js};jquery的入口函数$(function(){ //此处写js})$(document).ready(function(){});//j

2017-12-08 15:48:46 254

原创 js之dom事件的高级补充

事件覆盖的问题清楚原理使用事件源.事件类型的添加事件方式会产生覆盖问题。我们通过一个函数去避免这个问题。function addEvent(tag,fn){ var oldClick=tag.onclick if(typeof oldClick=="function"){ tag.onclick=function(){ oldClick

2017-12-07 18:33:16 429

原创 dom之高级补充（offset系列，scroll,client）

offset系列offsetWidth和offsetHeight 用来得到对象的大小offsetHeight和style.height的区别demo.style.height只能获取行内样式，如果样式写到了其他地方，甚至根本就没写，便无法获取 style.height是字符串（而且带单位），offsetHeight是数值 demo.style.height可以设置行内样式，offsetHe

2017-12-07 15:53:14 705

原创 bom对象的知识整理

BOM（不是重点） BOM – 浏览器对象模型 bom给我们提供了一些方法让我们可以使用浏览器的一些功能。bom中的顶级对象 windowwindow的属性和方法都可以不加window进行使用window中的一些常用方法 alert(); window.alert(); confirm(); prompt(上面的提示词，默认文本);全局变量设置了一个全局变量，这个全局变量就相当于是w

2017-12-07 15:04:29 447

原创原生js操作dom的笔记整理

javascript分为3部分 ECMAScript 基础语法 DOM d – document o object m –model 文档对象模型 BOM DOM DOM 给我们提供了一些方法，让我们可以使用js来控制页面中的标签等。页面元素 – 页面中的标签常用的dom方法document.getElementById(“box”);//通过id获取标签document.g

2017-12-06 23:57:10 16690

原创 javascript基础知识整理2

匿名函数就是没有名字的函数(了解)function(){}//报错，需要和表达式使用。var foo=function(){}一般是在函数表达式内使用，不能单独存在。自调用函数(了解) 这个自调用函数会在书写的位置上执行一次。(function(){})()函数的类型检测方式typeof 函数的类型是functionfunction foo() {}console.log(typeof

2017-12-06 17:06:02 215

原创 js写排序的方法。

说明时间复杂度指的是一个算法执行所耗费的时间空间复杂度指运行完一个程序所需内存的大小稳定指，如果a=b,a在b的前面，排序后a仍然在b的前面不稳定指，如果a=b，a在b的前面，排序后可能会交换位置1.JS冒泡排序原理依次比较相邻的两个值，如果后面的比前面的小，则将小的元素排到前面。依照这个规则进行多次并且递减的迭代，直到顺序正确。时间复杂度，空间复杂度，稳定性平均时间复杂度O(n*n

2017-12-06 10:34:48 291

原创 javascript基础知识整理1

引入js文件使用script标签，src属性用于书写引用的地址变量1.变量的作用？存储数据数据分为两种： / 固定数据：保存在硬盘中的固定的数据临时数据：临时的数据是保存在内存中数据是保存在内存中的某一个区域的，每个区域对应一个内存地址，我们想要使用某个区域中的数据，就需要找到指定的地址，使用起来不方便。我们可以通过变量，变量实际上保存的是某个数据的地址，我们使用变量实际上就是使用变量

2017-12-05 18:09:51 214

原创前端开发流程

一、搭建结构1.拿到原型图大致浏览整个图的结构，做到心中有数。 2.html,css,js.images.文件的建立 3.使用html语言进行结构的搭建（做到div开始和结束都有注释）。二、美化样式，还原ui图1.Css的每一个功能的开始和结束有一个注释。 2.公共的css样式，最好单独提炼出来一个样式公用（注释）。三、还原行为。1.注意js也是需要开始和结束注释。

2017-12-05 16:31:31 394

isxixi的博客