前端
xxxfffooo
这个作者很懒,什么都没留下…
展开
-
分析ATOM官网首页css动画部分
这是链接 atom官网链接 整体代码分析 大概就是这样<div> <img src="" alt=""> <img src="" alt=""> <img src="" alt=""> <img src="&原创 2018-04-14 10:38:02 · 441 阅读 · 0 评论 -
使用Bale编译ES6
使用Bale编译ES6@(Babel) 一.下载安装Babel 环境:需要电脑上安装node(node中一般队徽自带npm包管理器) npm install babel-cli -g把模块安装在全局环境下 在任何项目中都可以使用命令来编译我们的代码了 npm uninstall babel-cli -g把全局下安装的babel模块卸载掉 我们观看安装目录发现一些...原创 2018-03-08 16:00:25 · 498 阅读 · 0 评论 -
日常当封装函数返回值为undefined
额 今天遇到一个问题 原来写过一个公共类var utils = {//实现将类数组转化为数组 listToArray:function(likeAry){ var ary = []; try{ ary = Array.prototype.slice.call(likeAry); } catch(e) { for(var i = 0;i<likeAry.length;i...原创 2018-02-28 16:32:22 · 1462 阅读 · 0 评论 -
原型链复习参考
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-02-28 11:59:50 · 113 阅读 · 0 评论 -
原型链深入
<script> // 第一个技巧 可枚举不可枚举 //Object.properyIsEnumerable 检测一个属性是否可以枚举 // Object.prototype.aaa = function () { // } // var obj = {name:"xx",age:7}; // for(var key ...原创 2018-02-28 11:58:59 · 83 阅读 · 0 评论 -
寄生混合模式继承
<script> //寄生组合模式继承 为了解决混合模式继承中 用原型继承会把父类公有的变成子类私有的,而继续使用call把父类私有的拿到子类私有的当中,这样子类私有的以及公有的中都会有某些数值. function A() { this.x = 100; } A.prototype....原创 2018-02-28 11:58:30 · 185 阅读 · 0 评论 -
混合模式继承
<SCript> //混合模式继承:原型继承+call继承 //原型模式继承只能把父类私有的,公有的变成B共有的,call继承可以把父类私有的变成自己私有的 function A() { this.x = 100; } A.prototype.getX = function () { ...原创 2018-02-28 11:57:59 · 215 阅读 · 0 评论 -
冒充对象继承
<script> //冒充对象继承:把父类私有的+公有的克隆一份一模一样的 给子类私有的 function A() { this.x = 100; } A.prototype.getX = function () { console.log(this.x); }; function B(){ ...原创 2018-02-28 11:57:31 · 224 阅读 · 0 评论 -
call继承
<script> //call继承:把父类私有的属性和方法 克隆一份一模一样的 作为子类私有的属性,与父类没有关系 function A() { this.x = 100; } A.prototype.getX = function () { console.log(this.x); } functi...原创 2018-02-28 11:56:20 · 114 阅读 · 0 评论 -
原型继承
<script> //JS当中最重要的一种继承 原型继承 // #div1.__proto__->HTMLDivElement.prototype->HTMLElement.prototype->Element.prototype->Node.protptype->EventTarget.prototype(EcentTarge...原创 2018-02-28 11:55:57 · 214 阅读 · 0 评论 -
原型链模式拓展2
<script> //在原型模式中,this常用的有两种情况: //在类中this.xxx=xxx;this->当前类的实例 //某个方法中的this->看执行的时候"."前面是谁this就是谁 //1)需要确定this的指向 //2)把this替换成对应的代码 //3)按照原型...原创 2018-02-28 11:55:08 · 126 阅读 · 0 评论 -
京东购物车demo
HTML代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet"原创 2018-03-15 10:26:02 · 302 阅读 · 0 评论 -
ES6中的let (2)
3.关于暂时性死区:使用typeof检测一个未被声明过的变量 es5中返回的结果是undefined但是不报错 es6直接报错"use strict";console.log(typeof num); //->undefined 当前变量不存在,但是用用typeof检测的时候,不会提示错误,而是返回undefinedconsole.log(typeof num...原创 2018-03-11 15:47:44 · 110 阅读 · 0 评论 -
ES6中的let(3)
4、ES6语法创建变量(let)存在块级作用域,ES5语法创建变量(var/function)没有块级作用域 [ES5] window全局作用域 函数执行形成的私有作用域 [ES6] 除了有ES5中的两个作用域 ES6中新增加了块级作用域 (我们可以把块级作用域理解为之前学习的私有作用域:存在私有变量和作用域链的一些机制)ES6中把大部分用大括号抱起来的都称...原创 2018-03-11 16:52:58 · 152 阅读 · 0 评论 -
飞行者动画 根据Three.js动画飞行者改编而成
飞行者动画 根据Three.js动画飞行者改编而成 这是图片HTML部分<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"&a原创 2018-04-01 18:53:03 · 762 阅读 · 0 评论 -
根据table表格输入生成json
HTML部分 css使用了bootstrap<div id=""></div> <button class="btn btn-primary " type="submit" id="add">增加</button> <button class="btn btn-prima原创 2018-04-08 17:09:15 · 1097 阅读 · 0 评论 -
公司发给你一个gitLab账号怎么办!~白痴版git教程
以下是本人目前碰到的一些问题 集中写一下关于git的问题 ~~~ 首先 下载git 这就是链接,点这里 看到那个惹人注目的红圈圈没 对 点那里 看你是什么操作系统的 接下来 由于我是windows的操作系统 所以我下载了windows版本 额。。。。截图没截好 将就看把 想要下32位的点那个32。。。。。想要下64的点...原创 2018-04-08 17:04:28 · 24100 阅读 · 6 评论 -
JS面试题分享(1)
//编写一个方法queryURLParmeter,实现把一个URL地址问号传参部分的信息获取到,并且解析称为对象键值对的方式,//URL地址://'https://www.baidu.com/s?wd=javascript&rsv_spt=1'//解析后结果为://{wd:'javascript',rsv_spt:1}//方法一let url = 'https://www.ba...原创 2018-03-14 11:03:21 · 360 阅读 · 0 评论 -
ES6中的类
ES6中的类和继承 ES5中创建类和实例,以及如何禁止用户把类当做普通函数执行new.targetfunction Person(name,age) { //console.log(new.target);// ES6中新增的语法,如果是通过new执行的,返回结果是当前创建的类,如果当做普通函数执行的,返回的是undefined if (typeof new.ta...原创 2018-03-12 20:03:11 · 192 阅读 · 0 评论 -
ES6中的箭头函数
ES6中的箭头函数 箭头函数的基础语法 let fn = function (x,y) { return x+y; } fn(10,20);//=>改写成箭头函数let fn=(x,y)=> x+y;let fn2 = function () { let x =10, y = 20; console.log(x+y);...原创 2018-03-12 19:01:14 · 289 阅读 · 0 评论 -
vuetools.crx
打开chrome 更多工具>拓展程序 将下载的文件拖动到窗口里进行安装就完毕了 链接 https://pan.baidu.com/s/1QWElaUFhlO-SlXdxmzsGPg原创 2018-03-12 14:15:39 · 1904 阅读 · 2 评论 -
对象的解构赋值
对象的解构赋值 对象的解构赋值let {name,age} = {name:'xx',age:9};console.log(name, age);let {A,B} = {name:'xx',age:9};console.log(A, B);//->在对象的解构赋值中需要注意的是:赋值的变量需要和对象中的属性名吻合,否则无法获取对应的属性值 undefined*2let ...原创 2018-03-11 22:33:57 · 943 阅读 · 0 评论 -
ES6中的解构赋值
ES6中的解构赋值 按照原有值的解构,把原有值中的某一部分内容快速获取到(快速赋值 给一个变量)数组的解构赋值 解构赋值本身是ES6的语法规范,使用什么关键字来声明这些变量是无所谓的let ary = [12,23,34];//传统的取值赋值操作// let a = ary[0],// b = ary[0],// c = ary[0];//...原创 2018-03-11 20:16:27 · 821 阅读 · 0 评论 -
原型链模式拓展1
<script> //批量设置原型上的共有的属性和方法 //1起一个别名 var pro = Fn.prototype;//把原来原型指向的地址复制给我们的pro,现在他们操作的是同一个内存空间 function Fn() { this.x = 100; } pro...原创 2018-02-28 11:54:38 · 149 阅读 · 0 评论 -
原型链模式基础
<script> function CreateJsPerson(name,age) { this.name = name; this.age = age; } CreateJsPerson.prototype.writeJs = functio...原创 2018-02-28 11:54:05 · 92 阅读 · 0 评论 -
构造函数模式拓展
<script> function Fn() { this.x = 100;//->f1 this.getX = function () { console.log(this.x);//this需要看getX执行的时候才能知道 } } ...原创 2018-02-28 11:53:33 · 113 阅读 · 0 评论 -
数组基本知识
<script> //object->{}(对象),[](数组),/^$/,时间 //每一个对象都是由属性名和属性值组成的 var ary = [12,23,34,45]; console.dir(ary); //->数组也是对象,我们看到的是它的属性值,属性名是数字0~3 ...原创 2018-02-28 11:44:51 · 103 阅读 · 0 评论 -
函数基本知识
<script> //1.function :函数->具备某个功能的方法,方法本身是没有什么意义的,只有执行这个方法实现了对应的功能,才有自己的价值。 //洗衣机:基本洗衣服功能的一台机器 //2.函数由两部分组成:创建一个函数,执行这个函数 // function 方法名() { // ...原创 2018-02-28 11:44:15 · 243 阅读 · 0 评论 -
单例模式
面向对象基本知识–单例模式@(面向对象基本知识) 把描述同一个事物的属性或者方法放到同一个堆内存中,起到一个分组作用,为了防止名字相同的一个冲突 ,对象数据类型存在的作用?var name = "john";var age = "11";var name = "jake";var age = "18";var person1 = { var name = "j...原创 2018-02-28 11:42:43 · 85 阅读 · 0 评论 -
call方法深入
call方法深入@(前端)call方法深入面试题//1.Array.prototype.slice 数组原型上有一个方法slice//var ary=[12,23,34];//ary.slice->ary这个实例通过原型链的查找机制找到Array.prototype上的slice方法//ary.slice()->让找到的slice方法执行,在执...原创 2018-02-28 11:40:26 · 173 阅读 · 0 评论 -
call和apply和bind的区别
call和apply和bind的区别@(前端)"use strict"//->告诉当前浏览器接下来的js代码将按照严格模式编写 var obj={name:"zhufen"}; function fn(num1,num2){ console.log(num1+num2); console.log(this);}fn(100,200);//th...原创 2018-02-28 11:39:48 · 257 阅读 · 0 评论 -
this关键字综合
this函数中的this指向和当前函数在哪定义的或者在哪执行的都没有任何的关系 @(前端)[前端]分析thsi指向的规律如下: 非严格模式下 1.自执行函数中的this永远是window 案例1var obj = { fn:(function(i){ //this->window teturn function(){ /...原创 2018-02-28 11:39:09 · 78 阅读 · 0 评论 -
获取数组的最大值
获取数组的最大值@(前端) var ary = [12,23,34,35,14,25,36]; //思路1:首先先给数组进行排序(从小到大),第一个和最后一个就是我们想要的最小值和最大值 ary.sort(function(a,b){return a-b;//sort 对数组进行排序 }); var min=ary[o]; var ma...原创 2018-02-28 11:38:26 · 239 阅读 · 0 评论 -
求平均数
求平均数@(前端) function avgFn(){ // arguments.sort();//arguments是一个类数组集合,他不是数组,不能直接使用数组的方法 1.将类数组转换为数组 var ary = []; for(var i = 0;i < arguments.length;i++){ ...原创 2018-02-28 11:37:26 · 129 阅读 · 0 评论 -
类数组转化为数组
类数组转化为数组@(前端)var oLis = document.getElementByTagName("div");console.dir(oLis);//->HTMLCollection元素集合类的一个实力,他也是类数组集合OLis = document.getElementByName("aaa");console.dir(oLis);//->NodeL...原创 2018-02-28 11:36:41 · 183 阅读 · 0 评论 -
浏览器异常信息捕获
浏览器异常信息捕获@(前端)//我们在js中使用try,catch进行浏览器的异常信息捕获console.log(num);//Uncaught ReferenceError: num is not defined->num没有被定义 在JS中本行报错,下面的代码都不再执行了console.log("ok");try{ console.log(num);}...原创 2018-02-28 11:35:58 · 2084 阅读 · 0 评论 -
函数形参
<script> //洗衣机:生产洗衣机的时候不知道用户洗衣服的时候是放洗衣液还是酱油,我们生产的时候,只需要给用户把入口预留出来,当用户运行的时候,想放什么就从入口放入进来即可 //制定一个功能方法的时候,需要的原材料并不知道,我们只需要暴露对于的入口,执行的时候把原材料传递给我即可->暴露的那个入口就是关于函数中的形参 //扩展...原创 2018-02-28 11:45:54 · 348 阅读 · 1 评论 -
数组中常用方法集合
<script> // ->学习数组中常用的方法,我们需要按照四个维度去进行思考 // 1)方法的作用 // 2)需要哪些参数 // 3)是否有返回值,返回值是什么 // 4)通过此方法是否对原来的数组产生了改变 // 1、关于数组的增加、修改、删除 // var ary = [12, 23, 34, 45,56,7...原创 2018-02-28 11:46:40 · 167 阅读 · 0 评论 -
return
<script> function sum(num1,num2) { var total = null; total = num1 + num2; console.log(total); return total;//->teturn 就是当前函数提供给我们的出口,因为不提供出口的话,闭包的机制导致了在函数体...原创 2018-02-28 11:47:09 · 163 阅读 · 0 评论 -
构造函数模式
<script> //工厂模式 function createJsPerson(name, age) { var obj = {}; obj.name = name; obj.age = age; obj.writeJs = fu...原创 2018-02-28 11:53:04 · 156 阅读 · 0 评论